SlideShare una empresa de Scribd logo
1 de 5
Transcription des ateliers pratiques de l’après-midi du 14/04/2015
Associations : comment optimiser votre site ?
Merci à 1000Mercis pour leur accueil !
Merci à tous de votre implication.
La technique : l'indispensable pour
permettre tout le reste
Avec Thibaud Cainne,
Directeur Général Axiatel, ancien Directeur Technique
Pixmania & Allociné
Transcription des ateliers pratiques de l’après-midi du 14/04/2015
Associations : comment optimiser votre site ?
Merci à 1000Mercis pour leur accueil !
Merci à tous de votre implication.
La technique: l'indispensable pour permettretout le reste
Animation Thibaud CAINNE, DG Axiatel
Restitution Frédéric GONNET, bénévole Webassoc
Le but est de parcourir un peu tout sur la technique pour un site web : actualisation du site,
envoi d'emails, hébergement du contenu, infrastructure, sécurité, coûts des serveurs, ...
Attention,pourunsite web :il faut penseràla versionmobileforcément !!
Il y a souventdesproblèmesde moyenspourune association.Aussi,le plussimple etefficace estd’aller
versun CMS (ContentManagmentSystem) comme parexemple WordPress,Joomlaouencore Drupal.
UtiliserunCMS a pleind’avantage carilssonttrès souvent gratuitsetpermettentunhébergement &
une mise à jourfaciles.
- Wordpressoffre l’hébergement.Ce CMSestpluscentré sur lesblogsetlesposts.
- JoomlaetDrupal sont pluscompliqués etplusriches,notammentsurles catégorisationsetla
gestiondesdroits(lecture,modification,création,suppression).Le code de cesCMS est plus
modifiable.CesCMSsonttrèscentrés« articles» plutôtque « posts ».
Tous cesCMS ontpleinde modulesetde plugins :il fautallerlesvoird’embléeetchoisirle CMSen
conséquence.
Il faut savoirqu’avecunserveur,onpeutgérer1 millionde VU(VisiteursUniques) parmois.Ce qui est
gros etnettementsuffisantpourune association engénéral.
Transcription des ateliers pratiques de l’après-midi du 14/04/2015
Associations : comment optimiser votre site ?
Merci à 1000Mercis pour leur accueil !
Merci à tous de votre implication.
Les hébergeursclassiquessontnotammentOVH,Dedibox, Gandi, …
AttentionavecOVH,il ydessoucispour envoyerdes emailingqui sontsouventconsidéréscomme spam.
De plus,leurservice clientestunpeudurà joindre.
Une installationde site coûte entre 800 et1000 eurospar un freelance.
Il faut vraimentfaire lessauvegardesrégulièrementetfaire lesmisesàjourtrèsrégulièrement.Cela
évite lesmauvaisessurprisesentermesde faillesde sécurité(toujourspossibles)ouencore de perte
d’information.
En plusde ces hébergements,il yales DIY (DoIt Yourself) payants.Celapeutcoûterde 10€ à 80€ par
mois.Il y a 1&1, Wix , axiatel,wordpress.Ilssonttrèsrapidesàutiliseretfacilesd’utilisationmais
contraignantspourlesévolutions notammentence qui concernanl’intégrationdu paiementenligne
(paypal,paybox,…)
Pourle paiementenligne,il fautcomparerlestaux prisparlessystèmesde paiement(paypal,banque,
…) : il faut vraimentallervoiretenparlerà sa banque !!
Concernantlesgraphismesetles templates(modèlesde site complet),il fautse méfierdes sites
« gratuitspayants» où trèsvite,l’offre gratuitede template devientpayante.
Un graphiste peutaussi développerdestemplatesàl’envi :celacoûte entre 2000 et 4000 euros
Noterque lesmisesàjour mineuresoumajeuresdesCMSpeuventavoirdesimpactssurle template,le
renduou encore le comportement.
Une foisle site enligne,d’autresbesoins arrivent. C’estinévitable.Unsite appelle desévolutions,de la
créationde contenus,…
Un site doitêtre toujoursdisponible carunvisiteurperdurisque fortementde ne pasrevenir.
Transcription des ateliers pratiques de l’après-midi du 14/04/2015
Associations : comment optimiser votre site ?
Merci à 1000Mercis pour leur accueil !
Merci à tous de votre implication.
L’architecture techniquepeutêtre rendueredondante :pourfacilitercela,il fautpenserdèsle débutà
ne pas liertropfortement lastructure desfichiersetlabase de donnée dusite web.
Il est possible d’utiliserunCDN (ContentDeliveryNetwork) genre cloudfare pourle contenu« non
transactionnel »,toutce qui est statique donc, afinde soulagerlacharge duserveurcentral.Il faut
demanderàquelqu’unde technique poureffectuerlaconfiguration/installation de ce genre de système
de répartitionetde diffusionde contenu.
QuelquesinformationsconcernantlestarifsetTJM(Taux JournaliersMoyens):
- un développeurweb:300€ à 350 €/jour
- un chef de projet : 450 €/jour
Un projetarrive assezvite à durer30 à 40 jours selonlesbesoinsetfonctionnalitésdésirées.
Le cloudestune optionde gestionde pic de visite (novembre/décembre) :Amazon (AWS) etOVHle
proposentnotamment.
Concernantlessitesmobiles/smartphone,il fautobligatoirementallerversdu Responsivedesign
 site qui s’adapte àla taille dudevice qui le consulte
Il y a plusieurs intérêtsàutiliserce type de design :
- plusfacile d’accèspourl’utilisateur
- un seul développement etle contenu estpartagé
- Google référence mieux (plusde poids/points) lessitesresponsive design etadaptésaux mobiles
Passerenresponsive designrevientàredévelopper/modifierlapartie affichagedusite
Transcription des ateliers pratiques de l’après-midi du 14/04/2015
Associations : comment optimiser votre site ?
Merci à 1000Mercis pour leur accueil !
Merci à tous de votre implication.
 Voirlestemplates« Twitterbootstrap » qui offrentdesboitesàoutilspourdévelopper assez
facilementunsite correspondantàcesnormes
Pource qui est de passerà l’applicationmobile:c’estun vrai choix stratégique àeffectuer.
Pourinformation,voici quelquestaux d’ouverture/lecture :
mail : 20%
Notification d’applicationmobile :90%
SMS : 99,9 %
Une applicationmobile surmesure coûte entre 40et100k€ par appli (attention, il enfaut2: Android&
iPhone).
Dessystèmescomme PhoneGapouCordovapermettentde créerune applicationcompatible pour
iPhone etAndroid àdestarifsmoinsélevés:entre 5k€ et 20 k€.
Les fonctionnalitésoffertesne sontpaslesmêmesnonplus.
Pourl’emailing:c’estcompliqué suivantlesvolumes.
Être dansune « Whitelist» permetd’être ouvertàtoutemailing.Paropposition,être en« Blacklist» fait
passerlesmailsdirectementen spam.
Aussi,plutôtque d’effectuersesemailingsoi-même,il vautmieuxpassermailchimp, zohomail,
simplemail oumailjet.
Les budgetssontcalculés aunombre de mails/moisoude taille de listed’abonnés suivantlescas.

Más contenido relacionado

Destacado

Destacado (20)

CONEIAP Memorias XI
CONEIAP Memorias XICONEIAP Memorias XI
CONEIAP Memorias XI
 
Desde mi cruz
Desde mi cruzDesde mi cruz
Desde mi cruz
 
Análisis Resultados SIMCE
Análisis Resultados SIMCEAnálisis Resultados SIMCE
Análisis Resultados SIMCE
 
Lapidas
LapidasLapidas
Lapidas
 
Dele la importancia a sus buzones
Dele la importancia a sus buzonesDele la importancia a sus buzones
Dele la importancia a sus buzones
 
Diamantes
DiamantesDiamantes
Diamantes
 
TOCANEIAP_ARF
TOCANEIAP_ARFTOCANEIAP_ARF
TOCANEIAP_ARF
 
Taller (I) "Aprovechamiento de las tecnologías y la gestión del contenido en ...
Taller (I) "Aprovechamiento de las tecnologías y la gestión del contenido en ...Taller (I) "Aprovechamiento de las tecnologías y la gestión del contenido en ...
Taller (I) "Aprovechamiento de las tecnologías y la gestión del contenido en ...
 
Isprings
IspringsIsprings
Isprings
 
Bibliotecas y web social (Andalucía) (2ª)
Bibliotecas y web social (Andalucía) (2ª)Bibliotecas y web social (Andalucía) (2ª)
Bibliotecas y web social (Andalucía) (2ª)
 
plan de recherche
plan de rechercheplan de recherche
plan de recherche
 
La ALFIN como innovación educativa. M.A. Marzal
La ALFIN como innovación educativa. M.A. MarzalLa ALFIN como innovación educativa. M.A. Marzal
La ALFIN como innovación educativa. M.A. Marzal
 
Néhémie
NéhémieNéhémie
Néhémie
 
La fe confesada por genios de la ciencia
La fe confesada por genios de la cienciaLa fe confesada por genios de la ciencia
La fe confesada por genios de la ciencia
 
Grabalo m
Grabalo mGrabalo m
Grabalo m
 
85400 oracion papa-mama_va-1
85400 oracion papa-mama_va-185400 oracion papa-mama_va-1
85400 oracion papa-mama_va-1
 
Paisages Increibles
Paisages IncreiblesPaisages Increibles
Paisages Increibles
 
Programme Octobre Rose année 2013
Programme Octobre Rose année 2013Programme Octobre Rose année 2013
Programme Octobre Rose année 2013
 
Highlights fr
Highlights frHighlights fr
Highlights fr
 
Le digital au service de la sensibilisation - 14 juin 2014
Le digital au service de la sensibilisation - 14 juin 2014Le digital au service de la sensibilisation - 14 juin 2014
Le digital au service de la sensibilisation - 14 juin 2014
 

Más de webassoc .fr

Book des services webassoc
Book des services webassocBook des services webassoc
Book des services webassocwebassoc .fr
 
Waday2019 Laurent Myoux
Waday2019 Laurent MyouxWaday2019 Laurent Myoux
Waday2019 Laurent Myouxwebassoc .fr
 
Waday2019 Les Amis de l'Atelier
Waday2019 Les Amis de l'AtelierWaday2019 Les Amis de l'Atelier
Waday2019 Les Amis de l'Atelierwebassoc .fr
 
Waday2019 Les petites pierres
Waday2019 Les petites pierresWaday2019 Les petites pierres
Waday2019 Les petites pierreswebassoc .fr
 
Waday2019 ATDquartmonde
Waday2019 ATDquartmondeWaday2019 ATDquartmonde
Waday2019 ATDquartmondewebassoc .fr
 
Waday2019 Enfant@Hôpital
Waday2019 Enfant@HôpitalWaday2019 Enfant@Hôpital
Waday2019 Enfant@Hôpitalwebassoc .fr
 
Waday2019 Terre des Hommes
Waday2019 Terre des HommesWaday2019 Terre des Hommes
Waday2019 Terre des Hommeswebassoc .fr
 
Formation DataScience
Formation DataScienceFormation DataScience
Formation DataSciencewebassoc .fr
 
Motivations au benevolat : analyses
Motivations au benevolat : analysesMotivations au benevolat : analyses
Motivations au benevolat : analyseswebassoc .fr
 
Les motivations au benevolat
Les motivations au benevolatLes motivations au benevolat
Les motivations au benevolatwebassoc .fr
 
Accessibilité numérique : témoignage Houra
Accessibilité numérique : témoignage HouraAccessibilité numérique : témoignage Houra
Accessibilité numérique : témoignage Hourawebassoc .fr
 
Accessibilité numérique : quelques fonctionnalités
Accessibilité numérique : quelques fonctionnalitésAccessibilité numérique : quelques fonctionnalités
Accessibilité numérique : quelques fonctionnalitéswebassoc .fr
 
Accessibilité numérique : le cadre légal
Accessibilité numérique : le cadre légalAccessibilité numérique : le cadre légal
Accessibilité numérique : le cadre légalwebassoc .fr
 
Entreprises, engagez-vous dans la solidarité avec Webassoc !
Entreprises, engagez-vous dans la solidarité avec Webassoc !Entreprises, engagez-vous dans la solidarité avec Webassoc !
Entreprises, engagez-vous dans la solidarité avec Webassoc !webassoc .fr
 
Comment mobiliser dans un contexte de fake news
Comment mobiliser dans un contexte de fake newsComment mobiliser dans un contexte de fake news
Comment mobiliser dans un contexte de fake newswebassoc .fr
 
Le rôle de la direction dans une campagne de mobilisation
Le rôle de la direction dans une campagne de mobilisationLe rôle de la direction dans une campagne de mobilisation
Le rôle de la direction dans une campagne de mobilisationwebassoc .fr
 
Crowdfunding : formation par Ulule pour Webassoc - 2017, 19 septembre
Crowdfunding : formation par Ulule pour Webassoc - 2017, 19 septembreCrowdfunding : formation par Ulule pour Webassoc - 2017, 19 septembre
Crowdfunding : formation par Ulule pour Webassoc - 2017, 19 septembrewebassoc .fr
 
Qui sont les bénévoles web ?
Qui sont les bénévoles web ?Qui sont les bénévoles web ?
Qui sont les bénévoles web ?webassoc .fr
 

Más de webassoc .fr (20)

Book des services webassoc
Book des services webassocBook des services webassoc
Book des services webassoc
 
Webassoc : flyer
Webassoc : flyerWebassoc : flyer
Webassoc : flyer
 
Waday2019 Laurent Myoux
Waday2019 Laurent MyouxWaday2019 Laurent Myoux
Waday2019 Laurent Myoux
 
Waday2019 Singa
Waday2019 SingaWaday2019 Singa
Waday2019 Singa
 
Waday2019 Les Amis de l'Atelier
Waday2019 Les Amis de l'AtelierWaday2019 Les Amis de l'Atelier
Waday2019 Les Amis de l'Atelier
 
Waday2019 Les petites pierres
Waday2019 Les petites pierresWaday2019 Les petites pierres
Waday2019 Les petites pierres
 
Waday2019 ATDquartmonde
Waday2019 ATDquartmondeWaday2019 ATDquartmonde
Waday2019 ATDquartmonde
 
Waday2019 Enfant@Hôpital
Waday2019 Enfant@HôpitalWaday2019 Enfant@Hôpital
Waday2019 Enfant@Hôpital
 
Waday2019 Terre des Hommes
Waday2019 Terre des HommesWaday2019 Terre des Hommes
Waday2019 Terre des Hommes
 
Formation DataScience
Formation DataScienceFormation DataScience
Formation DataScience
 
Motivations au benevolat : analyses
Motivations au benevolat : analysesMotivations au benevolat : analyses
Motivations au benevolat : analyses
 
Les motivations au benevolat
Les motivations au benevolatLes motivations au benevolat
Les motivations au benevolat
 
Accessibilité numérique : témoignage Houra
Accessibilité numérique : témoignage HouraAccessibilité numérique : témoignage Houra
Accessibilité numérique : témoignage Houra
 
Accessibilité numérique : quelques fonctionnalités
Accessibilité numérique : quelques fonctionnalitésAccessibilité numérique : quelques fonctionnalités
Accessibilité numérique : quelques fonctionnalités
 
Accessibilité numérique : le cadre légal
Accessibilité numérique : le cadre légalAccessibilité numérique : le cadre légal
Accessibilité numérique : le cadre légal
 
Entreprises, engagez-vous dans la solidarité avec Webassoc !
Entreprises, engagez-vous dans la solidarité avec Webassoc !Entreprises, engagez-vous dans la solidarité avec Webassoc !
Entreprises, engagez-vous dans la solidarité avec Webassoc !
 
Comment mobiliser dans un contexte de fake news
Comment mobiliser dans un contexte de fake newsComment mobiliser dans un contexte de fake news
Comment mobiliser dans un contexte de fake news
 
Le rôle de la direction dans une campagne de mobilisation
Le rôle de la direction dans une campagne de mobilisationLe rôle de la direction dans une campagne de mobilisation
Le rôle de la direction dans une campagne de mobilisation
 
Crowdfunding : formation par Ulule pour Webassoc - 2017, 19 septembre
Crowdfunding : formation par Ulule pour Webassoc - 2017, 19 septembreCrowdfunding : formation par Ulule pour Webassoc - 2017, 19 septembre
Crowdfunding : formation par Ulule pour Webassoc - 2017, 19 septembre
 
Qui sont les bénévoles web ?
Qui sont les bénévoles web ?Qui sont les bénévoles web ?
Qui sont les bénévoles web ?
 

Atelier pratique : CR Technique - Webassoc 14 avril 2015

  • 1. Transcription des ateliers pratiques de l’après-midi du 14/04/2015 Associations : comment optimiser votre site ? Merci à 1000Mercis pour leur accueil ! Merci à tous de votre implication. La technique : l'indispensable pour permettre tout le reste Avec Thibaud Cainne, Directeur Général Axiatel, ancien Directeur Technique Pixmania & Allociné
  • 2. Transcription des ateliers pratiques de l’après-midi du 14/04/2015 Associations : comment optimiser votre site ? Merci à 1000Mercis pour leur accueil ! Merci à tous de votre implication. La technique: l'indispensable pour permettretout le reste Animation Thibaud CAINNE, DG Axiatel Restitution Frédéric GONNET, bénévole Webassoc Le but est de parcourir un peu tout sur la technique pour un site web : actualisation du site, envoi d'emails, hébergement du contenu, infrastructure, sécurité, coûts des serveurs, ... Attention,pourunsite web :il faut penseràla versionmobileforcément !! Il y a souventdesproblèmesde moyenspourune association.Aussi,le plussimple etefficace estd’aller versun CMS (ContentManagmentSystem) comme parexemple WordPress,Joomlaouencore Drupal. UtiliserunCMS a pleind’avantage carilssonttrès souvent gratuitsetpermettentunhébergement & une mise à jourfaciles. - Wordpressoffre l’hébergement.Ce CMSestpluscentré sur lesblogsetlesposts. - JoomlaetDrupal sont pluscompliqués etplusriches,notammentsurles catégorisationsetla gestiondesdroits(lecture,modification,création,suppression).Le code de cesCMS est plus modifiable.CesCMSsonttrèscentrés« articles» plutôtque « posts ». Tous cesCMS ontpleinde modulesetde plugins :il fautallerlesvoird’embléeetchoisirle CMSen conséquence. Il faut savoirqu’avecunserveur,onpeutgérer1 millionde VU(VisiteursUniques) parmois.Ce qui est gros etnettementsuffisantpourune association engénéral.
  • 3. Transcription des ateliers pratiques de l’après-midi du 14/04/2015 Associations : comment optimiser votre site ? Merci à 1000Mercis pour leur accueil ! Merci à tous de votre implication. Les hébergeursclassiquessontnotammentOVH,Dedibox, Gandi, … AttentionavecOVH,il ydessoucispour envoyerdes emailingqui sontsouventconsidéréscomme spam. De plus,leurservice clientestunpeudurà joindre. Une installationde site coûte entre 800 et1000 eurospar un freelance. Il faut vraimentfaire lessauvegardesrégulièrementetfaire lesmisesàjourtrèsrégulièrement.Cela évite lesmauvaisessurprisesentermesde faillesde sécurité(toujourspossibles)ouencore de perte d’information. En plusde ces hébergements,il yales DIY (DoIt Yourself) payants.Celapeutcoûterde 10€ à 80€ par mois.Il y a 1&1, Wix , axiatel,wordpress.Ilssonttrèsrapidesàutiliseretfacilesd’utilisationmais contraignantspourlesévolutions notammentence qui concernanl’intégrationdu paiementenligne (paypal,paybox,…) Pourle paiementenligne,il fautcomparerlestaux prisparlessystèmesde paiement(paypal,banque, …) : il faut vraimentallervoiretenparlerà sa banque !! Concernantlesgraphismesetles templates(modèlesde site complet),il fautse méfierdes sites « gratuitspayants» où trèsvite,l’offre gratuitede template devientpayante. Un graphiste peutaussi développerdestemplatesàl’envi :celacoûte entre 2000 et 4000 euros Noterque lesmisesàjour mineuresoumajeuresdesCMSpeuventavoirdesimpactssurle template,le renduou encore le comportement. Une foisle site enligne,d’autresbesoins arrivent. C’estinévitable.Unsite appelle desévolutions,de la créationde contenus,… Un site doitêtre toujoursdisponible carunvisiteurperdurisque fortementde ne pasrevenir.
  • 4. Transcription des ateliers pratiques de l’après-midi du 14/04/2015 Associations : comment optimiser votre site ? Merci à 1000Mercis pour leur accueil ! Merci à tous de votre implication. L’architecture techniquepeutêtre rendueredondante :pourfacilitercela,il fautpenserdèsle débutà ne pas liertropfortement lastructure desfichiersetlabase de donnée dusite web. Il est possible d’utiliserunCDN (ContentDeliveryNetwork) genre cloudfare pourle contenu« non transactionnel »,toutce qui est statique donc, afinde soulagerlacharge duserveurcentral.Il faut demanderàquelqu’unde technique poureffectuerlaconfiguration/installation de ce genre de système de répartitionetde diffusionde contenu. QuelquesinformationsconcernantlestarifsetTJM(Taux JournaliersMoyens): - un développeurweb:300€ à 350 €/jour - un chef de projet : 450 €/jour Un projetarrive assezvite à durer30 à 40 jours selonlesbesoinsetfonctionnalitésdésirées. Le cloudestune optionde gestionde pic de visite (novembre/décembre) :Amazon (AWS) etOVHle proposentnotamment. Concernantlessitesmobiles/smartphone,il fautobligatoirementallerversdu Responsivedesign  site qui s’adapte àla taille dudevice qui le consulte Il y a plusieurs intérêtsàutiliserce type de design : - plusfacile d’accèspourl’utilisateur - un seul développement etle contenu estpartagé - Google référence mieux (plusde poids/points) lessitesresponsive design etadaptésaux mobiles Passerenresponsive designrevientàredévelopper/modifierlapartie affichagedusite
  • 5. Transcription des ateliers pratiques de l’après-midi du 14/04/2015 Associations : comment optimiser votre site ? Merci à 1000Mercis pour leur accueil ! Merci à tous de votre implication.  Voirlestemplates« Twitterbootstrap » qui offrentdesboitesàoutilspourdévelopper assez facilementunsite correspondantàcesnormes Pource qui est de passerà l’applicationmobile:c’estun vrai choix stratégique àeffectuer. Pourinformation,voici quelquestaux d’ouverture/lecture : mail : 20% Notification d’applicationmobile :90% SMS : 99,9 % Une applicationmobile surmesure coûte entre 40et100k€ par appli (attention, il enfaut2: Android& iPhone). Dessystèmescomme PhoneGapouCordovapermettentde créerune applicationcompatible pour iPhone etAndroid àdestarifsmoinsélevés:entre 5k€ et 20 k€. Les fonctionnalitésoffertesne sontpaslesmêmesnonplus. Pourl’emailing:c’estcompliqué suivantlesvolumes. Être dansune « Whitelist» permetd’être ouvertàtoutemailing.Paropposition,être en« Blacklist» fait passerlesmailsdirectementen spam. Aussi,plutôtque d’effectuersesemailingsoi-même,il vautmieuxpassermailchimp, zohomail, simplemail oumailjet. Les budgetssontcalculés aunombre de mails/moisoude taille de listed’abonnés suivantlescas.