Scribd Logo
Importer

Bienvenue sur Scribd !

  • Un Wiki de Type One Page Pour Mes Profs!

    Transféré par

    REPTIC
    20 vues16 pages
    Présentation de Frank Fournier du Cégep de Saint-Jérôme à la rencontre REPTIC de juin 2011 http://proftic.cstj.ep.profweb.qc.ca

    Titre original

    Un wiki de type « one page » pour mes profs!

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Formats disponibles

    PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document
    Présentation de Frank Fournier du Cégep de Saint-Jérôme à la rencontre REPTIC de juin 2011 http://proftic.cstj.ep.profweb.qc.ca

    Droits d'auteur :

    Attribution Non-Commercial (BY-NC)
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    20 vues16 pages

    Un Wiki de Type One Page Pour Mes Profs!

    Transféré par

    REPTIC
    Présentation de Frank Fournier du Cégep de Saint-Jérôme à la rencontre REPTIC de juin 2011 http://proftic.cstj.ep.profweb.qc.ca

    Droits d'auteur :

    Attribution Non-Commercial (BY-NC)
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 16

    Un wiki de type one page pour mes profs!

    par [Frank Fournier] [ffournie@cstj.qc.ca] [Cgep de Saint-Jrme] [juin 2011]

    TABLE DES MATIRES 1 FINALIT


    1.1 POUR LES PROFS 1.2 POUR LE CP TIC 1.3 PARTAGE - LIBRE DE DROITS

    2 2
    2

    2 ERGONOMIE DU SITE
    2.1 AVANTAGES 2.2 DSAVANTAGES

    2 3
    3 3 3

    3 UN WIKI DE TYPE MEDIAWIKI


    3.1 3.2 3.3 3.4 ROBUSTESSE AJOUTER UNE PAGE TEXTES,IMAGES (VIDEOCAPTURES DCRAN) MAQUETTE FONCTIONNELLE

    3 4
    4 5

    4 HTTP://PROFTIC.CSTJ.EP.PROFWEB.QC.CA
    4.1 VUE DE LINTERNAUTE 4.2 STRUCTURE DES FICHIERS

    5 EN PRATIQUE CODE SOURCE ETC.


    5.0 5.1 5.2 5.3 5.4 5.5 5.6 5.7 5.8 T.M., TABLEAUX ET IMAGES PAGE DACCUEIL RCUPRER UNE VIDOCAPTURE DCRAN DE PROFTIC RCUPRER UNE CAPSULE TIC DE PROFTIC CATGORIE EXTENSION PDF BOOK JAVASCRIPT POUR LES VIDEOCAPTURES DCRAN LA PAGE MAJ PRODUIRE UNE VIDOCAPTURE DCRAN ADOBE CAPTIVATE 5

    6
    6 7

    8 9 9 10 11 12 14 15 15

    6 PROBLEMES CONNUS ET DVELOPPEMENT MDIAGRAPHIE

    1
    1.1

    FINALIT
    POUR LES PROFS

    Guichet unique pour tout ce qui est en lien avec la technopdagogie

    1.2

    POUR LE CP TIC


    1.3

    Pense-bte Structurer rapidement du texte et des images Grer des vidocaptures dcran Rayonnement
    PARTAGE LIBRE DE DROITS

    Textes, images , fichiers Vidocaptures dcran Sauf la Capsule Ergonomie CSS wikipedia FR ?

    2
    2.1

    ERGONOMIE DU SITE
    AVANTAGES

    One page Table des matires automatique dition localise (sans briser toute la page) Fentres modales Export de PDF (lecture off line) WAI

    2.2

    DSAVANTAGES

    Linarit Contenus pas auto-portant Description brve des vidocaptures dcrans Pas dinfo bulles Qualit artisanale (images, mise en page) Tri alphabtique vs. squencement des vidocaptures

    3
    3.1

    UN WIKI DE TYPE MEDIAWIKI


    ROBUSTESSE

    Fonction dfaire, retour en arrire Frquence des copies de scurit de Profweb


    AJOUTER ET STRUCTURER LES PAGES

    3.2


    3.3

    Suivre sa pense Un monceau de pages Structurer > Page daccueil manuelle Structurer > Table des matires dune page Les catgories
    TEXTES, IMAGES, FICHIERS (VIDOCAPTURE DCRAN)


    3.4

    Texte (tableau, notes en bas de page , citations, T.M. automatique) Images (.gif, .jpg, .png) Fichiers (.pdf) Vidocaptures (cf. Adobe Captivate (Flash (.swf) + Javascript)
    MAQUETTE FONCTIONNELLE

    4
    4.1

    HTTP://PROFTIC.CSTJ.EP.PROFWEB.QC.CA
    VUE DE LINTERNAUTE

    4.2

    STRUCTURE DES FICHIERS

    La librairie javascript JQuery- sous le rpertoire /skins/ La librairie javascript Colorbox- sous le rpertoire /skins/common Le fichier -LocalSettings.php- sous la racine du wiki Proftic

    Dfinition du site pour Profweb_CSTJ

    EN PRATIQUE CODE SOURCE ETC.

    5.0

    T.M., TABLEAUX ET IMAGES

    5.1

    PAGE DACCUEIL

    <!-{|

    COLONNE GAUCHE

    -->

    {| style="width:100%;background-color:#ffffff;" ! <div class="header_cgauche_titre"><center>CAPSULES TIC</center></div> || style="color:#000;" | {{Archives une colonne}} |} <!-COLONNE DROITE -->

    Modle

    | class="cadregris" style="margin-bottom:0.6em;border:2px solid #AAAAAA;background-color:#ffffff;padding:7px;vertical-align:top; style="width:75%;" | |<div class="header_cdroite_titre"><center>VIDOCAPTURES D'CRAN</center> </div> || style="color:#000;" | {{TV}} |}

    Modle

    5.2

    RCUPRER UNE VIDOCAPTURE DCRAN DE PROFTIC

    1/3 : Balayer sur la vidocapture dsire 2/3 : Noter le lien correspondant 3/3 : Insrer le lien dans sa page Web (ex. : votre Blog) Vous rfrez maintenant une fentre modale sans quitter votre site!

    1/3

    2/3

    3/3

    5.3

    RCUPRER UNE CAPSULE TIC DE PROFTIC

    1/3 : Copier-coller dans sa page wiki le source de Proftic (lien du wiki au menu horizontal suprieur (-voir la source-)) 2/3 : Tlverser les images sur son poste de travail 3/3 : Tlverser les images sur son propre wiki

    5.4

    CATGORIE

    1/2 : Vue de linternaute 2/2 : Code source

    1/2

    2/2

    5.5

    EXTENSION PDF BOOK

    10

    5.6

    JAVASCRIPT POUR LES VIDOCASPTURES DCRANS ( C F . 4 .1 FLCHE ROUGE )

    <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>PDF extraire</title> <link media="screen" rel="stylesheet" href="http://proftic.cstj.ep.profweb.qc.ca/skins/common/col orbox/colorbox.css" /> <script type="text/javascript" src="http://proftic.cstj.ep.profweb.qc.ca/skins/common/jque ry-1.4.4.min.js"></script> <script type="text/javascript" src="http://proftic.cstj.ep.profweb.qc.ca/skins/common/colo rbox/jquery.colorbox.js"></script>

    <script> $(document).ready(function(){ $.fn.colorbox({width:"86%",height:"98%",iframe:true,href:"h ttp://web9.cstj.qc.ca/azimut/videos/services/cpt/video11/pd f/pdf_extraire_800/pdf_ext_800.htm", open:true, title : "PDF - extraire, insrer (40s)", onClosed:function(){ history.go(-1); }}); }); </script>

    </head> <body> </body> </html>

    11

    5.7

    LA PAGE MAJ

    12

    5.7

    LA PAGE MAJ ( S U IT E )

    13

    5.8

    PRODUIRE UNE VIDOCAPTURE DCRAN AVEC ADOBE CAPTIVATE 5

    1. 2. 3. 4. 5. 6.

    Calibrer le micro (soft. calibrer automatiquement) Faire la saisie en mode plein cran 1024 * 768 (respiration) Fichier/paramtres (socit etc.) Choix du visuel du Player : Menu projet/diteur habillage Rduire le format : Menu modification/Remettre lchelle (800 * 580) Via les proprits des diapositives, supprimer le clic- de souris 7. Publier les fichiers HTML et JS (choix Flash 9.0, 10.x etc.) 8. Rfrer via Colorbox au vido produit (cf. p. 11)

    14

    6.0 PROBLMES CONNUS ET DVELOPPEMENT

    Problmes Colorbox vs. IE et Google chrome Saut de page (PDF) Graphisme et vidocaptures de moyenne qualit Dveloppement HTML5 vs. Flash vs. Ipad PDF la carte ? Mobile ? Plein cran (sans menus) Uniformiser la taille des vidocaptures dcran Retour laccueil via le parent pour les Capsules TIC ?

    MDIAGRAPHIE

    http://proftic.cstj.ep.profweb.qc.ca/index.php/VotreWiki Professionnal Wikis, Mark S. Choate, Wrox press jQuery in action, B. Bibeault ,Manning press

    15

    Vous aimerez peut-être aussi