CONFÉRENCE WEB 2.0. UPDATE ASBL Michaël Barchy 23 janvier 2013

Transcription

1 CONFÉRENCE WEB 2.0 UPDATE ASBL Michaël Barchy 23 janvier 2013

2 POINTS ABORDÉS Qu est-ce que le Web 2.0? Introduction Différents aspects du Web 2.0 Aspects techniques Syndication et agrégation de contenu Blogs Wikis CMS Etiquetage Réseaux sociaux Web 3.0 ou même Web 4.0!? Introduction Le futur du Web (ou même le présent) Technologies Les «applis» Web Le cloud computing Le stockage en ligne Les Web O.S. La 3D sur le Web Bonnes adresses & captures d écran

3 QU EST-CE QUE LE WEB 2.0? Le Web 2.0 est l évolution du Web vers plus de simplicité et d interactivité. Le Web n est plus seulement une plateforme de consultation de contenu mais un espace de travail et d échange. L expression a été utilisée pour la première fois en 2003.

4 INTRODUCTION AU WEB 2.0 Le Web 2.0 facilité l interaction entre utilisateurs, la création de réseaux sociaux, par la création de contenu qui alimentent des blogs, wikis, CMS, etc. Le Web 2.0 a donné naissance à plusieurs entreprises (parfois au modèle économique poids plume) spécialisées dans le réseautage social, le contenu participatif ou la syndication de contenu. Le Web 2.0 fait appel à technologies modernes pour permettre cette interactivité que le Web 1.0 ne proposait pas.

5 LES DIFFÉRENTS ASPECTS DU WEB 2.0 Syndication et agrégation de contenu Blogs Wikis CMS Etiquetage Réseaux sociaux

6 ASPECTS TECHNIQUES Pour profiter pleinement du Web 2.0, votre navigateur devra disposer des dernières technologies mais également respecter les standards mis au point par l organisme officiel (W3C). Si vous utilisez Internet Explorer 6, 7, 8 ou même 9, celui-ci fait malheureusement figure de mauvais élève. La version 10 disponible sur Windows 8 uniquement change la donne. Préférez des navigateurs plus respectueux des standards comme Firefox, Google Chrome ou encore Safari. Il arrive néanmoins que certains sites soit créés exclusivement pour Internet Explorer. Du coup, disposer de plusieurs navigateurs sur son ordinateur est loin d être un mauvais idée. HTML JavaScript Formats d image GIF JPEG PNG (mal géré par Internet Explorer < 8) Flash Java Canevas SVG

7 SYNDICATION & AGRÉGATION DE CONTENU Syndication de contenu Plusieurs sites proposent aujourd hui des nouvelles (RSS) dans un format standard (XML) pouvant être lues par un agrégateur grâce à une simple URL souvent cachée sous le sigle RSS. Agrégation de flux RSS Un agrégateur (ex. Google Reader, RSSOwl) va permettre de centraliser toutes les nouvelles dans un même écran. Anecdote: RSS et journaux belges Un désaccord légendaire existait depuis 10 ans entre les journaux belges et Google. Ceux-ci n aimaient pas que Google récupère les flux pour alimenter son site. Suite à un nouvel accord, les journaux s affichent de nouveaux depuis le 12 janvier 2013!

8 BLOGS Le blog est la forme la plus simple de création de contenu avec interactivité. Le créateur d un blog crée des billets pouvant contenir du texte, des liens, images et vidéos. Les visiteurs du blog consultent ces billets par date, mots clés (étiquetage) ou recherche, et peuvent laisser des commentaires sur ces articles. Le créateur reste maître du contenu et peut supprimer des commentaires (voire désactiver la fonction). Des modèles permettent de personnaliser facilement la présentation du blog. Ex.: blogger, wordpress, etc.

9 CMS Un CMS (Content Management System ou SGC en français; système de gestion de contenu) permet de créer du contenu sans connaissance technique. Certains CMS permettent l installation de modules pour créer des formulaires, des galeries photos voire même un magasin en ligne! Certains permettent la création d utilisateur avec droits. Les plus connus sont Joomla, Xoops ou encore PHPNuke. Leurs installations nécessitent des connaissances techniques mais des entreprises d hébergement proposent de faire l installation pour vous (ex. wordpress, alwaysdata: abonnement gratuit 10Mo pour essayer).

10 WIKIS De l hawaïen, «vite», le Wiki est une forme beaucoup plus complexe de site collaboratif. Un Wiki permet de travailler à plusieurs en même temps sur le même contenu tout en conservant un historique des modifications apportées. Chaque auteur est identifié et des rôles permettent d effectuer ou non des modifications et de les valider. La mise en forme reste uniforme grâce à un système de codes insérés dans le texte (beaucoup plus simple que la programmation de sites HTML), ou de manière visuelle. On retrouve beaucoup de similitudes avec les Blogs (commentaires, modèles, etc.) Le plus connu est certainement Wikipédia. Lancez-vous sur Zoho ou encore PBWorks!

11 ETIQUETAGE ET MICRO-BLOGGING (TWITTER) L étiquetage est un principe similaire à celui utilisé sur le Web 1.0 et les moteurs de recherche. On associe des tags (mots) à un article afin de le retrouver plus facilement ou d associer plusieurs articles entre eux. Cela évite de créer une myriade de liens entre les pages. Le plus gros consommateur dans le domaine est sans aucun doute Twitter. Cette entreprise s est lancée avec un concept «poids plume»: permettre d envoyer un message (Tweet; du petit cri d un oiseau) de 160 caractères visible par tous et pouvant être trouvé grâce à un «hashtag», soit un tag (mot) précédé d un hash (sigle dièse #). Depuis, Twitter permet la personnalisation de sa page, l ajout de liens, photos, vidéos, etc.

12 RÉSEAUX SOCIAUX L interactivité entre utilisateurs a donné naissance aux réseaux sociaux dont Facebook est certainement le plus connu. On trouve aussi des services plus spécialisés comme LinkedIn (pour les professionnels), Netlog ou encore le petit nouveau Google+. N oubliez pas que dans tous les domaines abordés ici, l information peut être diffusée au grand public. Si vous désirez garder des données privées, veillez à bien configurer les paramètres de sécurité et de visibilité.

13 QU EST-CE QUE LE WEB 3.0 OU MÊME 4.0!? Le Web 3.0 est le futur du Web. Le terme a été utilisé pour la première fois en Même si contenu n est pas encore défini, on y retrouve des technologies et services de plus en plus répandus. Le «cloud computing», le stockage en ligne, les applications en ligne et la 3D sont des exemples parmi tant d autres de ce que le Web continuera à apporter dans les années à venir.

14 LE FUTUR DU WEB Le futur du Web, c est maintenant! Même si certaines technologies sont encore à leur balbutiements, il est déjà possible d expérimenter certaines nouveautés comme: des applications bureautiques en ligne sans installation (ex. rollapp.com, docs.google.com, skydrive.com) des cartes en 3D (ex. maps3d.svc.nokia.com/webgl/) des jeux (cuttherope.ie), des systèmes d exploitations, et bien plus encore

15 TECHNOLOGIES De nouvelles technologies sont de plus en plus répandues offrant de nouvelles perspectives sur le Web, comme la 3D, l interactivité par des mouvements, la voix, etc. Le choix d un navigateur est alors crucial, tous les navigateurs ne sont pas compatibles avec ces nouvelles technologies: canvas & canvas 3D, svg, webgl (3D) HTML5, video, audio, camera web sockets, local storage & cache

16 APPLICATIONS EN LIGNE De plus en plus de gros acteurs du logiciel mettent à disposition une version Web de leur application. (ex. Microsoft). D autres proposent même leurs applications uniquement en ligne (ex. Google Docs). Vous pouvez maintenant utiliser un traitement de texte, un tableur, un logiciel de présentation ou de traitement photo sans rien installer! Voici quelques incontournables: docs.google.com skydrive.com pixlr.com (flash requis) Des navigateurs tels que Google Chrome mettent en avant ce type d applications, notamment avec le Chrome Web Store.

17 CLOUD COMPUTING Le cloud computing devient à la mode. On place de plus en plus d informations sur Internet: des simples photos jusqu au système d exploitation complet. Google est d ailleurs le premier à proposer son ordinateur hyper connecté: le Chrome Book équipé avec son système d exploitation Chrome OS basé sur son navigateur Google Chrome. La fonctionnalité la plus appréciée est le stockage et le partage de documents devenu maintenant beaucoup plus simple.

18 STOCKAGE EN LIGNE Grâce aux systèmes de stockage il est possible d avoir toujours sous la main les documents importants, photos, morceaux musicaux favoris sur tous ses appareils: ordinateur, tablette, smartphone. Les plus connus sont: dropbox.com drive.google.com skydrive.com Ces services sont hébergés aux Etats-Unis où les lois sur la protection de la vie privée sont inexistantes. Si vous stockez des données sensibles, préférez une solution en Europe comme: hubic.fr

19 SYSTÈMES D EXPLOITATION EN LIGNE Avec les nouvelles technologies implémentées dans les navigateurs récents, il est possible d aller jusqu à recréer entièrement un système d exploitation de toute pièce. Les exemples les plus connus sont Google Chrome OS, eyeos ou encore jolicloud. D autres se «contentent» de mettre à disposition un OS existant directement depuis le navigateur comme Manymo (flash requis)

20 3D & INTERACTIVITÉ Avec les technologies flash, canvas & webgl, le Web s affiche en 3D. Vous trouvez déjà en ligne plusieurs sites de cartographies comme Google Maps ou Nokia Maps (HERE). Combiné aux technologies HTML5, le micro ou la webcam peuvent devenir des outils pour interagir avec le Web, en agitant les mains devant l écran à la manière de la XBox Kinect de Microsoft. A essayer par ex. sur motiongames.net

21 BONNES ADRESSES firefox.com apple.com/safari google.com/chrome adobe.com/flashplayer java.com google.com/reader rssowl.org blogger.com wordpress.com alwaysdata.com zoho.com pbworks.com rollapp.com maps3d.svc.nokia.com/webgl/ maps.google.com docs.google.com skydrive.com pixlr.com dropbox.com drive.google.com hubic.fr eyeos.com, oneeye-project.org jolicloud.com manymo.com motiongames.net

22 CAPTURES D ÉCRAN 1/5 RSSOwl

23 CAPTURES D ÉCRAN 2/5 Nokia Maps 3D

24 CAPTURES D ÉCRAN 3/5 eyeos

25 CAPTURES D ÉCRAN 4/5 jolicloud

26 CAPTURES D ÉCRAN 5/5 Manymo