Tutoriel DNN (site internet d'école) formation N 2

Transcription

1 Tutoriel DNN (site internet d'école) formation N 2 L'album photo Transformer un document en fichier image Gérer les pages (Arborescence) Les fichiers "son" Module "Blog" Gérer les fichiers Les vidéos (paramètres, gestion) La corbeille Logo

2 L'album photo Sur une page (ici test1), ajouter le module "album photo". Ajouter un album Choisir un nom : en référence au contenu Enregistrer L'album est créé. Il faut retrouner à la galerie pour y insérer des photos. Haut

3 Insérer des photos dans l'album. "Ajouter une photo" Simple : ajout une seule photo dans l'album. exemple : le projet est de prendre des photos de l'arbre de la cour au fil du temps, on pourra ajouter, une par une, les photos dans l'album. Multiple : ajout de plusieurs photos en une seule fois. (les photos auront été rassemblées dans un fichier compressé à l'avance). 1 simple Album : choix de l'album dans lequel on insère les photos (ici album1). Nom : nom donné à la photo que l'on va insérer (ici photo drapé). Enregistrer

4 2 Multiple Choix de l'album dans lequel on insère les photos. Parcourir : votre ordinateur pour aller choisir le dossier compressé des photos à insérer. Enregistrer L'album s'affiche. Il suffit de cliquer dessus pour l'ouvrir.

5 Les fichiers "Son" Insérer dans une page du site des fichiers "son" avec lecteur intégré. À l'ouverture de la page, les fichiers sont listés et chacun d'eux possède son lecteur déclenchable au clic. 1 Ajouter un module "Dépôt (Repository) sur une page (ici page test 1) 2 Paramétrer le module. Cliquez sur nle petit triangle bleu. - Paramètres du module. - "Configuration de module "Dépôt". - "Thème du dépôt" : chosir "Nifty vidéo" Le module dépôt est paramétré. Cliquez sur "Ajouter".

6 Vidéo title : Choisir un titre (ici Enregistrement poésie 1) Vidéo File : parcourir votre ordinateur pour aller chercher le fichier "son" que vous voulez insérer. Description: pour ajouter un texte décrivant le fichier sonore. Upload : pour télécharger le fichier sur le serveur. Haut

7 Transformer un document en fichier image pour insertion sur le site d'école Intérêt :Pour publier une production faite par les élèves sur un traitement de texte ou logiciel de PAO(Publisher), la solution pour ne pas refaire tout le travail sur le site est de transformer cette production en une image et l'afficher sur une page du site. (Les versions récentes de Publisher permettent d'enregistrer la page directement en une image) 1 Ouvrir un document (ici page de cahier de vie créé avec traitement de texte) 2 Réduire l'affichage Tout le document doit «rentrer» dans l'écran. 3 Imprime écran (taper sur la touche «impécran») 4 Ouvrir un logiciel de traitement d'image : Photophiltre «Édition», «coller en temps qu'image» 5 «Fichier», «Enregistrer sous» Le document final ne doit pas dépasser 200Ko. Au moment de l'enregistrement, possibilité de compresser l'image : de 1 à 100 (faire des essais). Haut

8 Vidéo (paramètres) Pages et modules à installer (Le CPTICE pourra vous aider si besoin) Création des pages : 1-Page parente "Gestion vidéo" (installer le module UVG_Configurations) 2- Pages filles : "Dépot de vidéos" (installer le module UVG_Addvidéo) "Nos vidéos" (installer le module UVG_My vidéos) "Visualisation de vidéos" (installer le module UVG_Player) En même temps d'autres modules sont installés : ne pas supprimer le module "UVG_vidéo information) Cette dernière page ne doit pas être visible (dans l'arborescence)! Attention, contacter obligatoirement le CPTICE pour obtenir le paramétrage du module "UVG_configurations".

9 Vidéo (gestion) 1 Ajouter une vidéo Attention : taille maxi : 16Mo Ouvrez la page "Ajout de vidéo". Donnez un titre à la vidéo à charger. Parcourez votre ordinateur pour sélectionner votre vidéo. Enregistrez. 2 Afficher la vidéo. -Ouvrez la page "mes vidéos" -Cliquez sur la vidéo. -Dans UVG_Player, vous voyez la vidéo. Voici ce que vous obtenez dans le module "UVG_Information": il vous faut copier (Ctrl-C) le contenu de la case «Embed», c'est le code de la vidéo).

10 Dans un module texte/html, saisissez un titre pour la vidéo. (ici vidéo N 1) On peut mettre un texte de présentation aussi. Cliquez sur "Source" pour afficher le code source (langage HTML). Placez votre curseur après le code. Coller le code«embed» ( Ctrl-V) Enregistrez

11 Module "BLOG" Ouvrez une page. Ajouter le module "BLOG" Dans "paramètres du module", changez le titre du module (ici "blog"). Vous pouvez cocher les permissions. (ici : Tout le monde"). Configuration

12 Créer un article Titre : obligatoire Cadre où écrire l'article (lorsqu'il est court, sinon voir "Détails" plus bas). Choix possible de la date de publication (début et fin) Classement " À la une" Sauvegarder l'article pour le terminer ultérieurement. Publier l'article lorsqu'il est terminé. Haut

13 La corbeille Imaginons que l'on veuille supprimer la page "Test2". La page "Test2" se retrouve dans la corbeille : Sélectionnez la page, et cliquez sur l'icône pour restaurer la page sur le site., Imaginons que l'on veuille supprimer un module (ici module "blog") "paramètres du module", "Supprimer" Le module blog est dans la corbeille. Sélectionnez le module, et cliquez sur l'icône restaurer sur la page choisie., pour le Astuce : cette technique peut être utilisée pour déplacer un module d'une page vers une autre. Haut

14 Gérer les fichiers (pdf, sons, photos, livret didapages...) Ligne 1 : gérer les dossiers ligne 2 : gérer les fichiers 1 Créer des sous-dossiers -Sélectionnez le dossier-parent : ici" "(il devient grisé). -Nommer le sous-dossier (ici : fichiers-images) -Ajouter 2 Charger des fichiers -Sélectionnez le dossier (ici "fichiers-images"). -"Charger" - "Parcourir" pour aller chercher ses fichiers sur son ordi. "décompresser les fichiers ZIP" pour les chargements de fichiers compressés (plusieurs fichiers à la fois). -"Charger" pour enregistrer les fichiers sur le serveur.

15 Gérer les pages "Site", "Arborescence" Pour ranger les pages, les classer. Pour modifier pages-parentes et pages-filles. Exemple 1 : passer la page"test2" en page-fille de la page "test 1" : Sélectionnez "test2", "Faire descendre dans la hierarchie". Exemple 2 : Déplacer la page"test2" avant la page "page-fille" : Sélectionnez "test2", "Déplacer la page vers le dans le niveau courant". Haut

16 Insérer un logo Télécharger le logo de la DSDEN sur le site de circonscription. Choisir une image taille approximative : 700pixels de large, eur :87 pixels. Associer le logo DSDEN et l'image. 1 Charger l'image sur le site. "Site", "Fichiers", "admin", "Charger". "Site", "Paramétrage", "Apparence(Logo,Fond de page,thèmes) Choisir dans "admin", le nom de l'image (ici : face_ecole_logos.jpg).