Server : Apache System : Linux ks5.tuic.fr 6.1.0-18-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.76-1 (2024-02-01) x86_64 User : pragmatice ( 1003) PHP Version : 8.2.24 Disable Function : NONE Directory : /home/pragmatice/public_html/tnifacile/app/ |
<!DOCTYPE html> <html lang="fr"> <head> <title>TNI Facile</title> <meta name="description" content="TNI Facile est un portail Web multiplateforme pour tableau interactif (TNI TBI), gratuit, destiné à l'école primaire (maternelle et élémentaire)." /> <link rel="icon" type="image/ico" href="favicon.ico" /> <!--[if IE]><link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /><![endif]--> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/bootstrap-theme.css"> <link rel="stylesheet" href="css/summernote.css" /> <link rel="stylesheet" href="css/jquery-ui.css" /> <link rel="stylesheet" href="css/keyboard.css"> <link rel="stylesheet" href="css/tnifacile.css"> <style> body {background-image:url(css/fonds/fond_tnifacile.jpg); background-size:cover; background-attachment:fixed; background-position:center; background-repeat:no-repeat;} </style> <script src="js/jquery-1.12.4.min.js" type="text/javascript"></script> <script src="js/bootstrap.min.js" type="text/javascript"></script> <script src="js/jquery-ui.min.js" type="text/javascript"></script> <script src="js/summernote.js" type="text/javascript"></script> <script src="js/summernote.min.js" type="text/javascript"></script> <script src="js/summernote-fr-FR.js" type="text/javascript"></script> <script src="js/jquery.ui.touch-punch.min.js" type="text/javascript"></script> <script src="js/magictouch.js" type="text/javascript"></script> <script src="js/jquery.qrcode.min.js" type="text/javascript"></script> <script src="js/keyboard.js" type="text/javascript"></script> <script src="js/clipboard.min.js" type="text/javascript"></script> <script src="js/jquery.qrcode.min.js" type="text/javascript"></script> <script src="js/html2canvas.min.js" type="text/javascript"></script> <script src="js/fts_communes.min.js" type="text/javascript"></script> <script src="js/tnifacile.min.js" type="text/javascript"></script> <!--<script src='https://code.responsivevoice.org/responsivevoice.js'></script>--> <script src="https://code.responsivevoice.org/responsivevoice.js?key=mc2zWVp1"></script> <script type="text/javascript"> window.onload = function(){ element = document.getElementById('message_avertissement_javascript'); element.parentNode.removeChild(element); } var browser = navigator.appName; var ver = navigator.appVersion; var thestart = parseFloat(ver.indexOf("MSIE"))+1; var brow_ver = parseFloat(ver.substring(thestart+4,thestart+7)); </script> </head> <body class="body_tnifacile" style="position:relative;"> <nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header" style="position:relative;"> <img src="images/logo_tnifacile_128.png" class="logo_absolute bt_scale_1 bt_ouvrir_bienvenue" style="position:absolute; left:0 ; top:10px;"> <ul class="nav navbar-nav navbar-left bt-nav-drop"> <li class="dropdown"> <button id="bt_choisir_activites" data-toggle="dropdown" title="Choisir un module de TNI Facile ou une autre activité en ligne" class="btn btn-default navbar-btn dropdown-toggle" style="padding:3px;"><img src="images/icone_bt_choisir_activite_24.png" style='margin:1px 0;' /> <span class="caret"></span></button> <ul class="dropdown-menu"> <li><a target="_blank" href="tnietiquettes.php">TNI Etiquettes</a></li> <li><a target="_blank" href="tninombres.php">TNI Nombres</a></li> <li><a target="_blank" href="tniquiz.php">TNI Quiz</a></li> <li><a target="_blank" href="tnirituels.php">TNI Rituels</a></li> <li><a target="_blank" href="index.php">Nouvel onglet TNIF.</a></li> <li role="separator" class="divider"></li> <li><a href="#" id="act_francais">Activités de français</a></li> <li><a href="#" id="act_maths">Activités de maths</a></li> <li><a href="#" id="act_diverses">Activités diverses</a></li> <li><a href="#" id="supports">Supports et outils</a></li> <li><a href="#" id="focus_pragmatice">Focus PragmaTICE</a></li> </ul> </li> </ul> <button id="bt_changer_fond" title="Changer le fond d'écran" class="btn btn-default navbar-btn decalage_logo_absolute_bis" style="padding:4px;"><img src="images/icone_bt_changer_fond_24.png" /></button> <button id="bt_travail_groupes" title="Accompagner le travail des groupes" class="btn btn-default navbar-btn" style="padding:4px;"><img src="images/icone_bt_travail_groupe_24.png" /></button> <button id="bt_modale_ecrire" title="Écrire et mettre en forme" class="btn btn-default navbar-btn" style="padding:4px;"><img src="images/icone_bt_ecrire_24.png" /></button> <button id="bt_modale_dessiner" title="Dessiner ou annoter sur l'écran" class="btn btn-default navbar-btn" style="padding:4px;"><img src="images/icone_bt_dessiner_24.png" /></button> <button id="bt_modale_modele_ecriture" title="Utiliser une écriture manuscrite" class="btn btn-default navbar-btn" style="padding:4px;"><img src="images/icone_bt_modele_ecriture_24.png" /></button> <button id="bt_modale_widget_etiquette" title="Ajouter des étiquettes, images, tableaux, sons, vidéos, PDF ou iframes" class="btn btn-default navbar-btn" style="padding:4px;"><img src="images/icone_bt_ajouter_widget_etiquette_24.png" /></button> <button id="bt_modale_widget_repartir" title="Répartir dans des groupes ou tirer au sort" class="btn btn-default navbar-btn" style="padding:4px;"><img src="images/icone_bt_ajouter_widget_repartir_24.png" /></button> <button id="bt_horloge" title="Paramétrer la date, l'horloge, l'alarme, le chronomètre, etc..." class="btn btn-default navbar-btn" style="padding:4px;"><img src="images/icone_bt_horloge_24.png" /></button> <button id="bt_moteur_recherche" title="Rechercher sur le Web" class="btn btn-default navbar-btn" style="padding:4px;"><img src="images/icone_bt_rechercher_24.png" /></button> </div> <ul class="nav navbar-nav navbar-right"> <span><span class="navbar-brand affichage_heure affichage_heure_navbar" style='font-size:30px'>00:00</span></span> <span><img class='navbar-brand temoin_alarme' style='padding:15px 0; margin:0 5px 0 0; cursor:help;' title="L'alarme n'est pas active." src='images/icone_bt_cloche_barre_24.png' /></span> <span><img class='navbar-brand bt_rideau scale_p015 pointer' style='padding:15px 0; margin:0 10px 0 5px;' title='Afficher le rideau' src='images/icone_bt_rideau_on_24.png' /></span> <span><img class='navbar-brand bt_copie_ecran scale_p015 pointer' style='padding:15px 0; margin:0 10px 0 5px;' title="Faire une copie d'écran" src='images/icone_apn_24.png' /></span> <span class="navbar-brand pointer" id="bt_modale_info" title="À propos de TNI Quiz..."><span class="glyphicon glyphicon-info-sign"></span></span> </ul> </div> </nav> <div class="container" style="position:relative;"> <div id="editeur_texte_defaut" style="display:none; margin-top:30px;"><div></div></div> <div id='zone_doc' class='row' style='display:none;'><div class='col-lg-2 col-md-2 col-sm-1 col-xs-0'></div><div class='ombre_autour_5 fond_blanc col-lg-8 col-md-8 col-sm-10 col-xs-12 contenu_doc'></div><div class='col-lg-2 col-md-2 col-sm-1 col-xs-0'></div></div> <div class="avertissement_navigateur" id="message_avertissement_javascript" style="text-align:center; margin-top:10px;"> <img src='images/gif_chargement.gif' /><br /> <p><b>Patience pendant le temps de chargement...</b></p><p>Javascript doit être activé sur votre navigateur pour que cette application fonctionne !</p> </div> <div id="si_ie" class="avertissement_navigateur"> <img style="float:right" src="images/logo_avertissement-ie.jpg" /> <p><b>Vous utilisez un navigateur Web obsolète ou Javascript est désactivé !</b></p> <p>Pour que cette application fonctionne, il est nécessaire de télécharger et installer un navigateur "moderne", tel que <a target="_blank" href="https://www.mozilla.org/fr/firefox/new/">Mozilla Firefox</a> par exemple.</p> <p>Si cet ordinateur n'est pas connecté à Internet, <a target="_blank" href="http://portableapps.com/apps/internet/firefox_portable/localization">téléchargez une version portable de Firefox</a> et copiez-la sur cet ordinateur pour l'installer...</p> <div style="clear:both"></div> </div> </div> <!-- fin class="container" --> <!-- Formulaire caché d'import export du travail des groupes --> <form method="POST" action="export_w_gpes.php" name="contenu_w_gpes" id="contenu_w_gpes" style="display:none;"> <textarea id="champ_contenu_cache_w_gpes" name="champ_contenu_cache_w_gpes"></textarea> <input type="hidden" name="nomFichier_w_gpes" id="nomFichier_w_gpes" /> </form> <!-- Formulaire caché d'import export de répartir des textes --> <form method="POST" action="export_repartir_texte.php" name="contenu_repartir_texte" id="contenu_repartir_texte" style="display:none;"> <textarea id="champ_contenu_cache_repartir_texte" name="champ_contenu_cache_repartir_texte"></textarea> <input type="hidden" name="nomFichier_repartir_texte" id="nomFichier_repartir_texte" /> </form> <!-- Formulaire caché d'import export de répartir des images --> <form method="POST" action="export_repartir_image.php" name="contenu_repartir_image" id="contenu_repartir_image" style="display:none;"> <textarea id="champ_contenu_cache_repartir_image" name="champ_contenu_cache_repartir_image"></textarea> <input type="hidden" name="nomFichier_repartir_image" id="nomFichier_repartir_image" /> </form> <!-- Formulaire caché d'enregistrement de l'image de la copie d'écran --> <form method="POST" action="export_image_copie_ecran.php" name="contenu_image_copie_ecran" id="contenu_image_copie_ecran" style="display:none;"> <textarea id="champ_contenu_cache_image_copie_ecran" name="champ_contenu_cache_image_copie_ecran"></textarea> <input type="hidden" name="nomFichier_image_copie_ecran" id="nomFichier_image_copie_ecran" /> </form> <!-- canvas caché pour répartir image --> <canvas id="canvas_repartir_image" width="128" height="128" style="display:none;"></canvas> <!-- Affichage du rideau --> <div id="tnif_rideau" class="redimensionnable" style="display:none;"><img src="images/icone_bt_fullscreen_24.png" class="bt_rideau_pleinecran scale_p015 pointer" style="float:right; margin:10px;" title="Afficher en plein écran" /></div> <!-- Affichage du calque --> <div id="calque_dessin" style="display:none; position:absolute; left:0; top:50px; width:100%;"></div> <!-- Fenêtre modale pour l'affichage de A propos --> <div class="modal fade" id="modale_infos" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"><button type="button" class="close" data-dismiss="modal">×</button><h4 class="modal-title"><img src="images/logo_info_32.png" /> À propos de TNI Facile <button class='btn btn-primary bt_consulter_doc' style='float:right; margin-right:20px;'>Consulter la documentation</button></h4></div> <div class="modal-body"> <div class="tnif_info"> <p><img src='images/qrcode_tnifacile.png' style='width:100px; height:100px; float:right; margin-top:-10px;' />Publié par l'<a href='http://pragmatice.net' target='_blank'>association PragmaTICE</a>, TNI Facile est un portail Web multiplateforme pour tableau interactif, gratuit, sans publicité ni compte à créer, destiné à l'école primaire <em>(maternelle et élémentaire)</em>.</p> </div> <div class='credits_etc' style='clear:both; padding-top:10px;'></div> <div class="tnif_stat" style='margin-top:10px; display:none;'></div> </div> </div> </div> </div> <!-- Fenêtre modale pour les focus Pragmatice --> <div class="modal fade" id="modale_focus_pragmatice" role="dialog"></div> <!-- Fenêtre modale de Ecrire --> <div class="modal fade" id="modale_ecrire" role="dialog"></div> <!-- Fenêtre modale de Dessiner --> <div class="modal fade" id="modale_dessiner" role="dialog"></div> <!-- Fenêtre modale de Modèle d'écriture --> <div class="modal fade" id="modale_modele_ecriture" role="dialog"></div> <!-- Fenêtre modale de Widget étiquette --> <div class="modal fade" id="modale_widget_etiquette" role="dialog"></div> <!-- Fenêtre modale de Widget Répartir --> <div class="modal fade" id="modale_widget_repartir" role="dialog"></div> <!-- Fenêtre modale pour les options de Répartir Texte --> <div class="modal fade" id="modale_bt_rt_options" role="dialog"></div> <!-- Fenêtre modale pour les options de Répartir Image --> <div class="modal fade" id="modale_bt_ri_options" role="dialog"></div> <!-- Fenêtre modale pour les fonds d'écran --> <div class="modal fade" id="modale_bt_changer_fond" role="dialog"></div> <!-- Fenêtre modale pour les activités de français --> <div class="modal fade" id="modale_act_francais" role="dialog"></div> <!-- Fenêtre modale pour les activités de maths --> <div class="modal fade" id="modale_act_maths" role="dialog"></div> <!-- Fenêtre modale pour les activités diverses --> <div class="modal fade" id="modale_act_diverses" role="dialog"></div> <!-- Fenêtre modale pour les supports et outils --> <div class="modal fade" id="modale_supports" role="dialog"></div> <!-- Fenêtre modale pour la calculatrice --> <div class="modal fade" id="modale_calculatrice" role="dialog"></div> <!-- Fenêtre modale pour le travail des groupes --> <div class="modal fade" id="modale_travail_groupes" role="dialog"></div> <!-- Fenêtre modale pour l'horloge --> <div class="modal fade" id="modale_horloge" role="dialog"></div> <!-- Fenêtre modale pour la copie d'écran --> <div class="modal fade" id="modale_copie_ecran" role="dialog"></div> <script type="text/javascript"> document.getElementById('si_ie').style.display = 'none'; if ((browser=="Microsoft Internet Explorer") && (brow_ver < 9)) { document.getElementById('si_ie').style.display = 'block'; } retourHaut(); </script> </body> </html>