Intégrer une application externe

Transcription

1 Facile 0 mn Vous avez trouvé sur Internet une application que vous souhaitez intégrer dans NetEcole. Nous allons voir étape par étape avec un exemple concret (EtherPad) comment faire. Cela sera peut être l occasion de faire par la suite la même chose avec un autre applicatif. Dans un groupe de travail (celui de ma classe par exemple), je vérifie si je suis Administrateur (pour le savoir il faut voir la rubrique Administration dans le Menu de Gauche) et si le module site Web est activé. Si oui je passe à l étape suivante sinon je retourne à l accueil NetEcole puis sur Groupe de travail (ou espace de partage) et je clique sur «Créer un nouveau groupe» en haut de l écran, je renseigne les différents champs etcoche la case Site Web puis «Enregistrer et créer le groupe». Dans mon groupe de travail je clique sur Site Web dans le menu de gauche, puis sur Accueil. En haut de la page je sélectionne Créer une nouvelle page.

2 Je tape le titre de ma page «Framapad» puis je sélectionne la mise en page : (Page d article) Page d article en pleine page, le nom d URL est automatique. Puis je clique sur «Créer». 3 J ouvre un nouvel onglet dans mon Navigateur Web. Sous Chrome, je clique ici. Sous Firefox, je clique ici. Sous Internet Explorer, je clique ici. Sous Safari, je clique sur le + en haut à droite.

3 Je tape dans le nouvel onglet l adresse suivante : puis sur Options. Je tape mon nom ou le nom de ma classe dans le champ Nom du pad. Puis je valide en cliquant sur «Créer un pad». Je retiens bien le nom de mon pad et sa casse! Je retourne sur NetEcole en cliquant sur le premier onglet devant s appeler «Framapad» En bas de l écran qui s affiche je clique sur le bouton Mode HTML

4 Je copie la ligne suivante et la colle dans mafenêtre NetEcole : <iframe width="00%" height="500 name="netecole src=" Je remplace juste après le / en rouge le nom TestNetEcole par le nom de mon pad, pour obtenir le code suivant : <iframe width="00%" height="500" name="netecole" src=" Attention : merci de bien copier le code en entier il commence par <iframe et se termine par </iframe>

5 Je colle la ligne (ctrl+v ou Pomme v) et modifie le nom de mon pad. Je vérifie bien que je suis en mode HTML rectangle vert ci-dessous. Je clique en haut de l écran sur Publier. Je clique dans le Menu de gauche sur le rubrique Paramètre du site puis Gérer le Menu.

6 Je fais un clique droit sur Aperçu du menu puis Ajouter une entrée au menu. Je clique sur l icône pour choisir une image dans la banque d icône. Dans Texte affiché j indique le nom de ma rubrique dans notre exemple «Framapad». Dans l infobulle j entre par exemple «Texte collaboratif», puis dans lien hypertexte je clique sur Parcourir le site. Merci de bien respecter l ordre et surtout de choisir l icône en premier! 3 4

7 Je sélectionne le fichier «Framapad», puis je clique sur «Sélectionner ce fichier» Je vérifie mon entrée au Menu en cliquant sur «Mettre à jour l aperçu». Ma nouvelle entrée apparait dans le menu de gauche sous Accueil, je clique sur «Enregistrer les modifications» pour valider. Puis on me demande si je confirme l enregistrement, je clique sur OK pour confirmer. 3

8 Je vérifie le fonctionnement de ma nouvelle entrée au Menu de mon site Web en cliquant sur Framapad (ou le nom que vous avez préalablement tapé) dans la partie gauche du Menu. Je peux utiliser directement Framapad avec mes élèves à travers le site Web du groupe de travail de ma classe par exemple. Remarque : à l ouverture un message d avertissement peut apparaître, il suffit de cliquer sur OK pour utiliser Framapad (avec Internet Explorer par exemple).