SlideShare une entreprise Scribd logo
1  sur  35
ASSOCIATION 2.0 Comment faire ? Bouchaala Sabri Directeur technique MediaExtrem
Problématique ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Web 1.5 Web 2.0 Web 3.0 Sites d’associations Internet d’aujourd'hui
Problématique (2) ,[object Object],[object Object],[object Object],Web 1.5 Web 2.0 Web 3.0 Sites d’associations
TECHNOLOGIQUE Technologies et ensembles de technologies
Historique GML / SGML(1986) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Balises Feuilles et balises de style
SGML 2 HTML / XML  ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
HTML / XHTML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Ouverture Fermeture Contenu Attribut
Document XHTML de base ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
CSS ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
JAVASCRIPT(1995)
Demo JavaScript ,[object Object],[object Object]
DOM(1998) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
XML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Document XML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
XMLHttpRequest ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Ajax ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],Demo Ajax
RIA(2002) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],Demo RIA
RSS ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Flux RSS ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],Demo RSS
Conclusion et recommandations ,[object Object],[object Object],[object Object],[object Object],[object Object]
STRUCTURAL Structure de site, des pages et du contenu
Contenu 2.0 Web 1.0 Web 2.0 Les utilisateurs individuels édite des sites à des fréquences différentes. support d'écriture mono-utilisateur. Lot de contenu généré par les utilisateurs. Les changements n'ont pas à être fait par le propriétaire du contenu. Vos amis peuvent écrire des commentaires qui constituerait un changement. La page est plus un espace partagé
Thème WordPress ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],Demo Thème WordPress
Conclusion et recommandations ,[object Object],[object Object],[object Object],[object Object]
SOCIOLOGIQUE Partage de contenu, d’expérience et de visiteurs
Partage de contenu ,[object Object],[object Object],[object Object]
Partager sur FaceBook ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Web Plateforme ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Plateforme FaceBook ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Plateforme FaceBook(2) ,[object Object],[object Object],[object Object],[object Object]
Conclusion ,[object Object]

Contenu connexe

Tendances

utilisabilite et accessibilite au web
utilisabilite et accessibilite au webutilisabilite et accessibilite au web
utilisabilite et accessibilite au web
Vlad Posea
 
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
Khaled Djebloun
 

Tendances (20)

Créez et mettez en ligne votre 1e page web
Créez et mettez en ligne votre 1e page webCréez et mettez en ligne votre 1e page web
Créez et mettez en ligne votre 1e page web
 
Association 2 0
Association 2 0Association 2 0
Association 2 0
 
HTML5 & CSS3 : Jeux
HTML5 & CSS3 : Jeux HTML5 & CSS3 : Jeux
HTML5 & CSS3 : Jeux
 
Développement d'interfaces web
Développement d'interfaces webDéveloppement d'interfaces web
Développement d'interfaces web
 
Présentation html5
Présentation html5Présentation html5
Présentation html5
 
Cours HTML/CSS
Cours HTML/CSSCours HTML/CSS
Cours HTML/CSS
 
Intro appli facebook_v1.1
Intro appli facebook_v1.1Intro appli facebook_v1.1
Intro appli facebook_v1.1
 
utilisabilite et accessibilite au web
utilisabilite et accessibilite au webutilisabilite et accessibilite au web
utilisabilite et accessibilite au web
 
Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)Drupal en bibliothèque (2008)
Drupal en bibliothèque (2008)
 
Initiation au html
Initiation au htmlInitiation au html
Initiation au html
 
Presentation joomla
Presentation joomlaPresentation joomla
Presentation joomla
 
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
HTML 5, CSS 3 au service du web | Semaine du web Alger (Algérie)
 
exposé en HTML
exposé en HTMLexposé en HTML
exposé en HTML
 
HTML5 & CSS3
HTML5 & CSS3HTML5 & CSS3
HTML5 & CSS3
 
Intégration Web HTML 5 & CSS 3
Intégration Web HTML 5 & CSS 3Intégration Web HTML 5 & CSS 3
Intégration Web HTML 5 & CSS 3
 
HTML5 - Sémantique, structure et nouveaux éléments
HTML5 - Sémantique, structure et nouveaux élémentsHTML5 - Sémantique, structure et nouveaux éléments
HTML5 - Sémantique, structure et nouveaux éléments
 
Css+html
Css+htmlCss+html
Css+html
 
cours Php
cours Phpcours Php
cours Php
 
Html css-xhtml
Html css-xhtmlHtml css-xhtml
Html css-xhtml
 
Formation Créajeunes - Simplon.co par Michel Lubac
Formation Créajeunes - Simplon.co par Michel LubacFormation Créajeunes - Simplon.co par Michel Lubac
Formation Créajeunes - Simplon.co par Michel Lubac
 

En vedette

Concientízate valora tu medio ambiente
Concientízate  valora tu medio ambienteConcientízate  valora tu medio ambiente
Concientízate valora tu medio ambiente
marlyn mercado
 
Matriz valoración proyecto democracia y valores (2)
Matriz valoración proyecto democracia y valores (2)Matriz valoración proyecto democracia y valores (2)
Matriz valoración proyecto democracia y valores (2)
LUZ ELENA GARCIA
 
Resultados: Línea de Base derechos sexuales y reproductivos en Chuquisaca
Resultados: Línea de Base derechos sexuales y reproductivos en ChuquisacaResultados: Línea de Base derechos sexuales y reproductivos en Chuquisaca
Resultados: Línea de Base derechos sexuales y reproductivos en Chuquisaca
Gobernabilidad
 
Dossier presse - le champ de l'oubli
Dossier presse - le champ de l'oubliDossier presse - le champ de l'oubli
Dossier presse - le champ de l'oubli
COURTOT Lionel
 
Traitement des matières résiduelles - Présentation St Michel (2novembre 2011)
Traitement des matières résiduelles - Présentation St Michel (2novembre 2011)Traitement des matières résiduelles - Présentation St Michel (2novembre 2011)
Traitement des matières résiduelles - Présentation St Michel (2novembre 2011)
Louis-Alexandre Cazal
 

En vedette (20)

Trabajo de campo
Trabajo de campoTrabajo de campo
Trabajo de campo
 
Psix1
Psix1Psix1
Psix1
 
El racismo
El  racismoEl  racismo
El racismo
 
Qui suis-je ?
Qui suis-je ?Qui suis-je ?
Qui suis-je ?
 
Nuevas habilidades y conocimientos para el bibliotectario existoso
Nuevas habilidades y conocimientos para el bibliotectario existosoNuevas habilidades y conocimientos para el bibliotectario existoso
Nuevas habilidades y conocimientos para el bibliotectario existoso
 
Finaware (Morocco)
Finaware (Morocco)Finaware (Morocco)
Finaware (Morocco)
 
Mecanismos de contratación estable de trabajadores extranjeros. 12.5.2011.
Mecanismos de contratación estable de trabajadores extranjeros. 12.5.2011.Mecanismos de contratación estable de trabajadores extranjeros. 12.5.2011.
Mecanismos de contratación estable de trabajadores extranjeros. 12.5.2011.
 
Concientízate valora tu medio ambiente
Concientízate  valora tu medio ambienteConcientízate  valora tu medio ambiente
Concientízate valora tu medio ambiente
 
Matriz valoración proyecto democracia y valores (2)
Matriz valoración proyecto democracia y valores (2)Matriz valoración proyecto democracia y valores (2)
Matriz valoración proyecto democracia y valores (2)
 
Baobaz SES - La semaine sociale 211111
Baobaz SES - La semaine sociale 211111Baobaz SES - La semaine sociale 211111
Baobaz SES - La semaine sociale 211111
 
Resultados: Línea de Base derechos sexuales y reproductivos en Chuquisaca
Resultados: Línea de Base derechos sexuales y reproductivos en ChuquisacaResultados: Línea de Base derechos sexuales y reproductivos en Chuquisaca
Resultados: Línea de Base derechos sexuales y reproductivos en Chuquisaca
 
Etude PwC "Carbon Factor" (nov. 2015)
Etude PwC "Carbon Factor" (nov. 2015)Etude PwC "Carbon Factor" (nov. 2015)
Etude PwC "Carbon Factor" (nov. 2015)
 
Taller cross docking
Taller cross dockingTaller cross docking
Taller cross docking
 
Ponència Barcelona. 23.3.2011. CiJ.
Ponència Barcelona. 23.3.2011. CiJ. Ponència Barcelona. 23.3.2011. CiJ.
Ponència Barcelona. 23.3.2011. CiJ.
 
Firefox os et vie privee - RMLL 2015
Firefox os et vie privee - RMLL 2015Firefox os et vie privee - RMLL 2015
Firefox os et vie privee - RMLL 2015
 
Semaine Ecole Entreprise 2014 : C'est quoi une entreprise ?
Semaine Ecole Entreprise 2014 : C'est quoi une entreprise ?Semaine Ecole Entreprise 2014 : C'est quoi une entreprise ?
Semaine Ecole Entreprise 2014 : C'est quoi une entreprise ?
 
D n°1 présentation agen asso 47
D n°1 présentation agen asso 47D n°1 présentation agen asso 47
D n°1 présentation agen asso 47
 
Dossier presse - le champ de l'oubli
Dossier presse - le champ de l'oubliDossier presse - le champ de l'oubli
Dossier presse - le champ de l'oubli
 
Traitement des matières résiduelles - Présentation St Michel (2novembre 2011)
Traitement des matières résiduelles - Présentation St Michel (2novembre 2011)Traitement des matières résiduelles - Présentation St Michel (2novembre 2011)
Traitement des matières résiduelles - Présentation St Michel (2novembre 2011)
 
Petition à l'union africaine sur le sida et l'ebola en afrique
Petition à l'union africaine sur le sida et l'ebola en afriquePetition à l'union africaine sur le sida et l'ebola en afrique
Petition à l'union africaine sur le sida et l'ebola en afrique
 

Similaire à Association 2 0

Similaire à Association 2 0 (20)

Association 2 0
Association 2 0Association 2 0
Association 2 0
 
Développement Web
Développement WebDéveloppement Web
Développement Web
 
Développement Web
Développement WebDéveloppement Web
Développement Web
 
Publication de documents sur le Web
Publication de documents sur le WebPublication de documents sur le Web
Publication de documents sur le Web
 
Paris Web
Paris WebParis Web
Paris Web
 
Introduction aux Technologies Web élaborée par Marouan OMEZZINE
Introduction aux Technologies Web élaborée par Marouan OMEZZINEIntroduction aux Technologies Web élaborée par Marouan OMEZZINE
Introduction aux Technologies Web élaborée par Marouan OMEZZINE
 
Resource Oriented Architecture
Resource Oriented ArchitectureResource Oriented Architecture
Resource Oriented Architecture
 
Jump Camp - HTML5
Jump Camp - HTML5Jump Camp - HTML5
Jump Camp - HTML5
 
RSS
RSSRSS
RSS
 
Présentation WPF
Présentation  WPFPrésentation  WPF
Présentation WPF
 
Web et communication
Web et communicationWeb et communication
Web et communication
 
Les bonnes pratiques SEO avec les frameworks javascript - SEO CAMPUS 9 mars 2017
Les bonnes pratiques SEO avec les frameworks javascript - SEO CAMPUS 9 mars 2017Les bonnes pratiques SEO avec les frameworks javascript - SEO CAMPUS 9 mars 2017
Les bonnes pratiques SEO avec les frameworks javascript - SEO CAMPUS 9 mars 2017
 
Formation developpement web KADODJOMON EMMANUEL COULIBALY.pptx
Formation developpement web KADODJOMON EMMANUEL COULIBALY.pptxFormation developpement web KADODJOMON EMMANUEL COULIBALY.pptx
Formation developpement web KADODJOMON EMMANUEL COULIBALY.pptx
 
Environnement et technologies web
Environnement et technologies webEnvironnement et technologies web
Environnement et technologies web
 
ASP.NET MVC, Web API & KnockoutJS
ASP.NET MVC, Web API & KnockoutJSASP.NET MVC, Web API & KnockoutJS
ASP.NET MVC, Web API & KnockoutJS
 
Rmll2010 Html5 Css3
Rmll2010 Html5 Css3Rmll2010 Html5 Css3
Rmll2010 Html5 Css3
 
TD : un chat geolocalise (mashup)
TD : un chat geolocalise (mashup)TD : un chat geolocalise (mashup)
TD : un chat geolocalise (mashup)
 
Mettre en place un fil RSS : mode d’emploi. Par Stéphane Roux - Assistant che...
Mettre en place un fil RSS : mode d’emploi. Par Stéphane Roux - Assistant che...Mettre en place un fil RSS : mode d’emploi. Par Stéphane Roux - Assistant che...
Mettre en place un fil RSS : mode d’emploi. Par Stéphane Roux - Assistant che...
 
XHL8
XHL8XHL8
XHL8
 
Symfony2 - Un Framework PHP 5 Performant
Symfony2 - Un Framework PHP 5 PerformantSymfony2 - Un Framework PHP 5 Performant
Symfony2 - Un Framework PHP 5 Performant
 

Association 2 0

  • 1. ASSOCIATION 2.0 Comment faire ? Bouchaala Sabri Directeur technique MediaExtrem
  • 2.
  • 3.
  • 4. TECHNOLOGIQUE Technologies et ensembles de technologies
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24. STRUCTURAL Structure de site, des pages et du contenu
  • 25. Contenu 2.0 Web 1.0 Web 2.0 Les utilisateurs individuels édite des sites à des fréquences différentes. support d'écriture mono-utilisateur. Lot de contenu généré par les utilisateurs. Les changements n'ont pas à être fait par le propriétaire du contenu. Vos amis peuvent écrire des commentaires qui constituerait un changement. La page est plus un espace partagé
  • 26.
  • 27.
  • 28.
  • 29. SOCIOLOGIQUE Partage de contenu, d’expérience et de visiteurs
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.