support de la formation Internet

1. Communiquer
Publier sur internet
1

2. Avant de commencer, quelques éléments de contexte
2

3.  Des outils pour animer une équipe
▪ Communication interne
▪ Outils d’échanges
▪ Renforcer le collectif dans une association, la solidarité
entre pairs
▪ Mais … ne pas oublier la convivialité !
 Publier et s’exposer
▪ Communication externe
▪ Le fameux Site Web, la fréquentation
▪ Mais… ne pas oublier le papier !
3

4.  N’est pas vérité révélée
 S’expérimente
▪ C’est gratuit
 Se partage
▪ Sur le groupe comité APE
Et vous permettra d’être plus actif à l’APE !
4

5.  Tendance générales sur Internet : au delà du site et de l’email.
Changement de paradigme :
@ www
La métaphore du bureau et des dossiers
Tout est dans mon micro
Réseaux sociaux •Ubiquité
•Auteurs multiples
@
Mobilité
N-N •Virtuel : personne ne sait où sont les
données, les applications ni même
Cloud l’ordinateur.
5

6.  Pas de déclaration à la CNIL (dispense n°7)
http://www.cnil.fr
▪ La dispense n°7 (ancienne norme simplifiée n°15) concerne les
traitements de données personnelles mis en œuvre par tout
organisme privé ou public à des fins d’information et de
communication externe. Elle s’applique aux sites internet
institutionnels et aux fichiers de contacts.
▪ Elle exclut toute utilisation commerciale ou politique des données
traitées. Délibération n°2006-138 du 09/05/2006 décidant de la
dispense de déclaration des traitements constitués à des fins
d'information ou de communication externe.
 Mais droit d’information et de correction pour
les personnes
Ex : liste collecte baby sitter
https://spreadsheets.google.com/viewform?hl=fr&formkey=dDRwbFJ
EVzhBQXd0aXlvZ1hXVVVZUEE6MA#gid=0
6

7. Google is your friend
Google est-il un moteur de recherche ?
7

8. D’autres acteurs
Microsoft Live
Adobe Acrobat.com
…
8

9. https://www.google.com/accounts/
Mot de passe : prudence.
Raisonner en cercles de
confiance Demo https://www.google.com/accounts/
9

10. Abramowsky Karin; ACARREGUI Manuella; ACHARD Hubert; AFC chantier éduc; agnes.desoras; AH YU Gilbet
(gah-yu@freesurf.fr); Albouy Jean-Michel Florence; Fabien ALCOVER (fabienalcover@hotmail.com);
ALIBERT Alain.et.Mathilde (Alain.am@tiscali.fr); Allard Anne Lise (anne-lise.allard@lcl.fr); Alpers Annette
(a.alpers@noos.fr); André Famille (family_andre@yahoo.fr); André Ghislaine (ghislaine.andre@geodis.com);
ANDRIANTSAMY Muriel; bureau-ape-stlouis@googlegroups.com; AUBERTIN Marie
(marie.pilletaubertin@wanadoo.fr); Aublet, isabelle et Xavier (resp.groupendgp@free.fr); aublet xavier
ou yahoo groups ou encore live groups… (xavier.aublet@cegelec.com); AUBREE, Patricica (patriciaaubree@orange.fr); audigier Pierre;
(nicolas.audiot@mpsa.com); AUGU bertrand (auguhome@club-internet.fr); Aumonerie (acsd@wanadoo.fr);
AUSSEUR Camille (ausseur.pascal@wandoo.fr); Bénédicte et Philippe BAILLEUL
(benedictebailleul@wanadoo.fr); Baillieu, Catherine Scouts (ktycbscouts@aol.com); BAILLY Alice; Amélie
Bailly (lapoopychou@hotmail.com); BAILLY Eve (evebailly@liscali.fr); Eve BAILLY2
Situation classique (eve_diablesse17@hotmail.com); Michel Anne Balme (ambalme@orange.fr); Madame Bance
(ce.0752317l@ac-paris.fr); Sylvie Bance; Veronique BARLA; BARON François; al.debaran; Catherine
BARTHELEMY (resp.groupendgp@hotmail.fr); Bastard Mme (blomet.cpe@wanadoo.fr); Bazillou Pierre-
1 mail diffusé à 100 personnes Gérard (pgb@zillou.com); Baziloou-PEEP Pierre-Gérard; Bazin Christine; bazin, Christine perso; BECHERET,
Marie-Christine (abecheret@aol.com); Véronique Beddok; BEMBARON GERARD ; BENHAIM Philippe; pierre
BENHAIM; Benhaïm Pilippe; Genevieve BERAUD; BERGE Loic; Stéphanie Bernaudin
(stephanie.bernaudin@free.fr); BERTIEAUX Florence Laurent; Bertin, marie-christine
Le président vous parle ! (bertinmc.scouts@orange.fr); BERTOLASO Bruno Isabelle; BERTOZZI SABINE [CFF]; Bessonnet jean-
francois; Bessonnet Jean-François bur; Géraldine Bethoux (geraldine.dehlinger@laposte.net); Géraldine bur
Problèmes : BETHOUX (dehlingerg@exchange.france3.fr); Pascal BEURROIS (pascal.beurrois@finances.gouv.fr); Biclet
(pbiclet@noos.fr); (gyzmo218@hotmail.com); BILLIS, Corinne; BILLOT Charlotte et Alexandre
•Comment répondre ? (cabillot@free.fr); BINEAU Jean Luc; Bing Pierre yves (py.bing@sgdf.fr); Ania et Bertrand BISCH; BISCH
Bertrand (bertrand.bisch@free.fr); Blarel (anadoudou@hotmail.com); Charlotte Bodin; Madame de Boisset
•Le « vol » d’adresses…
(charleslaurent7@aol.com); Boisson jean-Frannçois (jfboisson@noos.fr); nadine.bolender@coe.int; Pascale
Bompaire (pb@mbopartenaires.com); Virginie BONDUELLE (vibonduelle@orange.fr); BONISZYN-GARNIER
Lise (marceau.fb@wanadoo.fr); Bonnechere, Benoit (benoit.bonnechere@free.fr); Bonnechère Benoît
•Qui entretient la liste ? Florence; BONNECHERE Benoit GDF
•Communication « top down »
•100 destinataires … Oups !!!
Avec un groupe google
Un mail pivot, 100 pairs
Communication entre pairs
PeepBuffon@googlegroups.com
1 seule adresse
Réponse à tous
Liste des abonnés confidentielle
Modération et exclusion possible
10

11. https://groups.google.com
11

12.  Inscrire les personnes d’autorité
▪ 50% ne parviennent jamais à s’inscrire … et il faut avoir tout le monde
▪ Pas plus de 10 à la fois
 Donner des explications lors de l’inscription
▪ http://peep715.free.fr/paris/ausecours.pdf
 Pied de message : limite de responsabilité et charte:
Limite de responsabilité Mode d’emploi
simplifié
Les messages échangés sur ce groupe n’engagent que leur auteur et ne représentent en aucune manière une position de la PEEP Par
- Au secours ! je ne comprends pas comment tout cela fonctionne => lisez ici: http://peep715.free.fr/paris/ausecours.pdf
- Transmettre un message à ce groupe => envoyez un e-mail à l'adresse peepparis-rs@googlegroups.com
- Résilier votre abonnement à ce groupe => envoyez un e-mail à l'adresse peepparis-rs+unsubscribe@googlegroups.com
Charte
Charte
1)Je ne formule pas de email agressifs ou mettant en cause d’autres participants du groupe. Je suis poli et courtois.
2)Les emails que je rédige sont de ma responsabilité et ne sauraient engager la PEEP Paris. J’en assume les éventuelles conséquence
3)Les échanges que je pourrai lire sont des opinions personnelles. Je m’interdis d’en faire état comme d’une position officielle de la PEE
4)Mon inscription ou le groupe dans son ensemble pourront être stoppés à tout moment par la PEEP Paris.²
12

13.  Ne pas modérer
▪ Sauf, si problème avec une personne : modérer cette personne
 Bien choisir l’adresse mail (courte)
▪ Ex peepparis-rs pour PEEP Paris Rythmes Scolairess
 Ne pas être le seul propriétaire / gestionnaire du groupe
▪ Avoir une personne en backup
 Bien remplir les champs d’informations et tout ce qui
explique la nature du groupe.
 Animer les échanges et recadrer … la forme écrite est
parfois raide !
 Mettre une [marque] à tous les messages
▪ Permet le classement automatique des messages
13

14. v1 v1.1
@
v1' v1 ‘’
v1
v2
va
La multiplication des versions par mail
@
1 seul document, en ligne, partagé
14

15.  Demo : tableau des délégués de classe
accessible à tous, à jour !
▪ http://docs.google.com
1. Importer le fichier excel
2. Le donner en accès à tous
3. Le tenir à jour
15

16. Formulaires de saisie simples : par exemple adhésions

17.  Collecter des informations avec un formulaire
et une spreadsheet google
 Collecter des coordonnées
 Faire une fiche d’inscription
 Demo : http://docs.google.com
 Organisation du buffet : qui apportera quoi ?
 Autres exemples :
 Adhésion APE
https://spreadsheets.google.com/ccc?key=0Apf5jkmbpdtJdHkwYThUOFpzaHFrYzlyTFEtT0FFZ1E
&hl=fr#gid=0
 Collecte baby sitter
https://spreadsheets0.google.com/spreadsheet/viewform?pli=1&hl=fr&hl=fr&formkey=dEpaQU9BTl9udk
9FU29Qc1dDRFVMenc6MA#gid=0
17

18.  Documents textes : mise en page moins puissante que
word
 Mais format d’origine possible
 Pratique en particulier pdf sans acrobat
 Import/export/synchro
▪ Export un fichier pour avoir une copie sur son PC
▪ Synchro permanente avec un dossier windows : syncdoc
▪ Ouverture directe de doc depuis office : google cloud connect , offisync
 Partage : réglages très puissants
 L’URL privée
▪ Non protégée mais connue par vos correspondants
▪ Penser aux URL courtes : http://Goo.gl http://bit.ly ou http://tinyurl.com
Ex : http://bit.ly/fcTvAX au lieu de
https://docs.google.com/leaf?id=0Bz92VDtkPfciZWFiMGEyNGEtODU3MC00M2E2LWEyODQtMTkzMmZlNDYzZmFl&hl=fr&authkey=CNaI24ML
18

19.  Dans google docs
 Drop box http://dropbox.com
▪ Un dossier windows accessible partout (iphone, pc,
navigateur)
▪ 1 giga
 http://dl.free.fr
▪ Même si on n’a pas une ligne free
▪ Web 1G – ftp: 10G
 http://yousendit.com
▪ 2 giga
19

20. Pastilles pour
passer le relais
entre les
personnes qui
répondent aux
messages
« Libellés » : des
dossiers pour
classer les mails.
(règles
automatiques
possibles)

21. Les mails sont
rassemblés en « fils
de discussion »
Un trait = un mail

22. SITE APE
Outlook
Google calendar sync
Votre agenda google

23. Banque de photos en ligne, privées
Pour mettre sur le site (articles, diaporama,…)

24.  Programmer une réunion avec
doodle
▪ ex http://doodle.com/n45pkwufqn9ct95i ou
http://doodle.com/pgrxc352w9afwpxi
▪ Demo http://doodle.com
 Les réunions skype
▪ Ne pas se déplacer
▪ Passe partout
▪ Vidéo ou partage d’écran à 2
▪ Avec un casque c’est mieux
▪ Réunion à plusieurs uniquement audio
 Partage d’un google doc en ligne très utile
pour suivre ou avoir un support partagé
24

25. 25

26.  Site
 La page d’accueil
 L’arborescence
 ex : http://lyc-buffon.scola.ac-paris.fr/
 Blog
 Chronologique
 ex : http://peepbuffon.blospot.com
http://peepvilliers.unblog.fr/
 Mélange
 ex : http://apestlouis.fr
26

27.  Demo Blogger : créer un blog
▪ http://www.blogger.com/
 Limites
▪ Pas de dépôts de fichiers
▪ forme simple
 Ajouter des gadgets :
▪ Album picasa, ex :
http://picasaweb.google.com/Benoit.Bonnechere/08_10AlbumphotoBuffon#
▪ L’agenda,
▪ Un flux RSS
27

28.  Faire simple et court
▪ Limiter le nombre de pages
▪ Ne pas hésiter à dépasser la taille de l’écran pour la page d’accueil
▪ Insérer des images même sans rapport direct avec l’article
 Ne pas publier d’adresse email
▪ Se méfier des crawler de collecte d’email pour le spam
▪ Mettre une image ex : http://peepbuffon.blogspot.com/2009/10/20092010-liste-des-
parents-delegues-de.html
 Prudence sur les commentaires
▪ Prévenir les commentaires « page rank » ou publicitaires. Fermer
les commentaires des articles anciens
 Toujours penser «mise à jour »
▪ Qui le fera ?
▪ limiter la charge
▪ Au moins 2 personnes pour un site
28

29.  Un site statique
 On met au point des pages html sur son PC
 On les dépose sur le serveur par FTP
▪ Deposer des fichiers par ftp
Demo « hello world »
 Site dynamique
 On saisit les pages directement dans un outil qui
tourne sur le serveur.
 On oublie le ftp, les pages html, etc.
29

30.  Choisir un outil pour faciliter la mise à jour
 Mise jour du site sans outil sur le PC
▪ Wordpress possible sur free
▪ Joomla possible sur free
▪ Spip possible sur free
 La question de l’hébergement
▪ Gratuit : free mais limitations
▪ OVH 25€/an avec de nombreux services et paiement par
chèque
 Exemple http://apestlouis.fr/WordPress/wp-admin/
30

31.  Demo wordpress
 Articles : datés + commentaires
 Pages : sans date
 Edition
 Modération commentaires
 Articles et pages
 Administration
 Utilisateurs
 Widgets
 Plugins
▪ http://wordpress.org/extend/plugins/
 Etc.
31

32.  Quelques bases
▪ Recherche par mot clés : Crawler, indexation, requête
AFFELNET PARIS
▪ Page rank : score de la page
▪ Qui pointe vers cette page ?
http://www.google.fr/search?as_lq=http://peepbuffon.blogspot.com/2010/04/affelnet-telecharger-la-
presentation.html&hl=fr&btnG=Rechercher#sclient=psy&hl=fr&q=link:http%3A%2F%2Fpeepbuffon.blogspot.com%2F2010%2F04
%2Faffelnet-telecharger-la-presentation.html&aq=f&aqi=&aql=&oq=&gs_rfai=&pbx=1&fp=69e9c76f4c5a5fef
32

33.  J’existe ! Signaler son site à google et bing
▪ http://www.google.com/addurl.html
▪ http://www.bing.com/webmaster/SubmitSitePage.aspx
 Google places
 http://places.google.com business places
 http://www.google.fr/search?hl=&q=peep+buffon&sourceid=navclient-
ff&rlz=1B3GGLL_frFR398FR399&ie=UTF-8
 Webmaster tools
 https://www.google.com/webmasters/tools/home?hl=fr
 http://www.bing.com/toolbox/webmasters/
 Google analytics
 http://www.google.com/analytics/
33

34.  Service pris chez OVH
Un parent appelle
Serveur VoIP
OVH
Internet
34

35.  Un numéro « Parisien » 01 83 64 41 97
▪ Répondeur => mail envoyé à ape.stlouis@gmail.com avec
message en PJ
 option : avoir un terminal téléphonique
▪ Telephone IP
▪ Soft phone PC : xlite http://www.counterpath.com/x-lite.html
▪ Soft phone sur GSM/wifi : fring
 Usage futur : téléphoner !
 Acheter des credits GSM
Contrôler la conso
35

36. 36

37. 37

38.  Formation nouveaux  Skype – tel IP
 Mettre à jour le site ? Usage à bien caler
 Par les nouveaux
 Migrer vers OVH  Livestream
 Transmission web tv des
? MOTS DE PASSES reunions.
 Problèmes : connexion
 PAYPAL chapelle; filtrage
? Qui gère
 Paiement en ligne : Tarifs
pour adhésion (+2€ ?)

39.  Gestion des mots de passe
▪ Procédure à définir : qui a accès à quoi?
▪ Boîte Gmail centralise tout
 En ouvrir une autre, pour mots de passe, réservée au pdt + tres
 Sauvegarde du site
▪ Plugin automatique avec compte dropbox associée
▪ Tester les sauvegardes sur le site de test ?
▪ Outils ovh :
▪ Snapshots (3 semaines)
http://guide.ovh.com/BackupsSurPlanWeb et
http://guide.ovh.com/SaveBasesMySQL
39

40. •Geo xxx
•Paiement
•Web cast, web TV zipcast
•Réseaux sociaux : facebook, linked in
40

41.  Connaissez google maps et bing maps ?
 Geocoder des adresses http://www.1001maps.fr/index.php?page=043
 Ou http://www.batchgeocodeur.mapjmz.com/
 Afficher le fichier kml (calque sur la carte) dans google earth
ou dans bing maps
http://Maps.google.com http://maps.bing.com
http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=http:%2F%2Fpeep715.free.fr%2Fdoc%2Fcar
te_scolaire%2FMaternelles_15_adresses.kml&sll=37.09024,-
96.503906&sspn=39.099308,83.935547&ie=UTF8&ll=48.844497,2.295027&spn=0.031801,0.081968&z=14
41

42.  Résultat : exemple : fichier baby sitter
42

43.  Pour payer
▪ Un compte avec un crédit limité : moins de risque que la
carte visa
 Pour encaisser des cotisations
▪ Frais significatifs (env 2€ sur 30€)
▪ Gestion allégée
▪ Avec un « bouton » paypal simple à faire
43

44.  Live stream
http://www.livestream.com
 Zipcast
http://www.slideshare.net/zipcast
44

45.  Prelèvement auto :  A faire :
 Abonnement tel.  Paiement direct sur le
site avec paypal
 À payer chaque année  « Boutons » paypal
 Hébergement Chèque ▪ mais ~2€ de commission
25E ▪ Quelques lignes de php à
faire pour assembler le tout
 Tester et surveiller
appels vers mobiles.