Evolution du Web... Le web 3.0,...la mobilité... web1.0, web2.0, web2.b, web3.0... Raoul Mengis, -1-Computer Stéphane Gay, -1-Computer Stéphane Micheloud, EPFL Lausanne http://www.1info.com/4w3.html [en] Sommaire Introduction Définir et situer le Web1.0, Web2.0 Le Web3.0... Rupture Web1...Web2. Le Web3.0 Applications Web3.0-1-Computer en bref La société -1-Computer en quelques mots.. 1991 - fondation (Sion, Suisse) 1994 - adoption de la plateforme Linux solutions basées sur le logiciel libre 1997 - réalisation des premiers sites Internet 1999 - hébergement de sites Internet 2001 - développement pour l'internet mobile 2002 - application des standards Web (XHTML 1.1) 2003-1Work CMS (mobile, PDA, UMPC, PC) 2005 - Artemis (Traçabilité pour caves) Web en bref Quelques dates historiques...
1990 - Logiciel WorldWideWeb (Nexus) sur NeXT 1993 - NCSA Mosaic solutions multiplateformes, plus stable 1995 - Domination du marché par Netscape et sortie de MS Internet Explorer 1 1998 - Mozilla fin en 2003 2000 - Sortie de Konqueror (KDE). Domination du marché par MS Internet Explorer 2002 - Début FireFox basé sur mozilla. Le 9 Nov. 2004 Ver. 1.0 2007 - Internet Explorer 7, FireFox 2.0, Prism (Mozilla labs) 2008 - Sortie de FireFox 3.0,... Safari et OmniWeb basé sur KDE Sommaire Introduction Définir et situer le Web1.0, Web2.0 Le Web3.0... Rupture Web1...Web2. Le Web3.0 Applications Web3.0 Thèmes Comment se situer sur le web? Quel avenir? Comment rester indépendant de la plate-forme matérielle (terminaux mobiles, écrans plasma)? publier facilement sur des supports différents, allant du petit écran d'un mobile, au grand écran d'un plasma. «Notre objectif est de rendre l'accès au Web à partir d'un terminal mobile aussi simple, facile et pratique qu'à partir d'un ordinateur de bureau.» Tim Berners-Lee, directeur du W3C. http://www.forummobiles.com/lofiversion/index.php/t41475.html Méthodologie - Graphique L'internet c'est une toile d'araignée, le web c'est un arc en ciel... Il y a beaucoup de couleurs, on en observe que quelques unes, qui apparaissent selon le ou les
moyens utilisés! Mobile - Mobilité - repré Caractèristiques Web 1.0 WebMaster - WebU Comment situer le Web1.0? STATIQUE... pages statiques parfois dynamique modification par le WebMaster uniquement pages web unifiées textes, images, liens Le webmaster utilise un ou plusieurs logiciels pour modifier l'information. L'internaute ne contribue pas directement aux informations. Le web1.0 exige peu de resources et de compétences humaines Web1.0 Graphique
Web1.0: Pages statiques, texte WebMaster,... Publication sur des supports différents, soit depuis un petit écran d'un mobile, soit un écran standard (résolution). Pages statique, mobilité statique. Mobile Web1.0 pages statiques htt Caractèristiques Web 2.0 WebMaster - WebUser(s) - DataBase Comment situer le Web2.0? site dynamique parfois statiques modification du contenu WebMaster et utilisateurs site solution web (logiciel) DYNAMIQUE... Le(s) webmaster(s) n'utilise(nt) pas de logiciel pour modifier l'information. Le lecteur de la page web peut contribuer aux informations. L'évolution du web induit de plus en plus de besoin en compétences très spécifiques et un métissage des pratiques du web mélangeant des expertises aussi diverses que la programmation, le design d'interfaces, la rédaction du contenu. Modèles du Web 2.0
Les ressources du Web? Autres... Web2.0 ou Web2.c pour les utilisateurs Modèle économie libre (Publicité) Web2.b pour les affaires (intranet, extranet) L'expression World Wide Web (WWW), devrait être remplacée par World Wide Computer (WWC) Ecrivain auteur Nicolas Carr Web2.0 Graphique Arrivé du Web2.0. Web User(s), Web communauté Le web devient logiciel, outil, partage,... Le passage au web2.0 offre une pallette beaucoup plus large de services Mobile Web2.0 solution dynamique htt Sommaire WebMaster - WebUser(s) - DataBase Introduction
Définir et situer le Web1.0, Web2.0 Le Web3.0... Rupture Web1...Web2. Le Web3.0 Applications Web3.0 Thèmes Web3.0 Comment évolue le web? Quel avenir? Explosion des technologies: technique et logiciel (Ajax, Flash, 3D,???,...) matériel: mobiles, PDA, UMPC, PC, grand écrans,... Il y a aujourd'hui... 3.3 milliards de téléphones mobiles dans le monde, 1 pour 2 habitants! Conférencier international Louis Naugès Caractèristiques Web 3.0 1/2 Comment définir le Web3.0? La mobilité: tout type de matériel, écrans, imprimantes Universelle: sur tous les navigateurs Accessibilité: Normes web -> base de données Application Solution logiciel Web SaaS Le fondement du Web3.0 se repose sur l'information, base de données (data). Ce qui exige un codage strict et des normes respectées bien définies et Open Source. Caractèristiques Web 3.0 2/2 Solution Web. (ASP, SaaS, Logiciel, Application...on ne parle plus de pages web) 3 acteurs: le(s) webmaster(s) le(s) utilisateur(s) le(s) serveur(s) base de données Web3.0
Avec l'évolution et la diversité le matériel aura un rôle majeur dans le Web3.0 Rupture: "On va sur le Web!" Avec le Web3.0 on est toujours sur le Web. Le Web3.0 est mobile. Raoul Mengis Development Consulting Graphique Web3.0 Arrivé du Web3.0. User(s), communauté, mobilité (matériel-logiciel) Le web devient information: base de données (xml, rss,...), micro formats, sémantique,... Le respect des normes pour communiquer entres sites, passage d'informations, Open Source Mobile Web3.0 solution mobile et dynamique WebMaster - WebUser(s) - DataBase Sommaire Introduction Définir et situer le Web1.0, Web2.0 Le Web3.0...
Rupture Web1...Web2. Le Web3.0 Applications Web3.0 Rupture du Web1.0 Le client devient acteur. (Knol, Blog, CMS Wiki,...) Les utilisateurs sont acteurs WikiPedia, Réseau sociaux, Second Life,... Google Writer, Mahalo, Wikia... Le web évolue, le web devient solution web SaaS... Raoul Mengis Development Consulting Rupture du Web2.0 Le web devient moteur et acteur. Le matériel est "transparent" La solution web permet de modifier l'outil. On crée le web par le web... 1Work: Création de la base de données individuellement Création et supression d'un document automatique Création formulaires Artemis: Language de programmation intégré affichages... filtres, requêtes entrée (saisie data), sortie affichage ou imprimantes,... Le Web2.0 crée une ouverture dans les logiciels, le web3.0 au matériel: mobiles, UMPC, PDA, PC, écrans de grandes tailles,... Graphique Web3.0 Situez une page web, ou solution sur cette représentation. Vertical: mobilité matériel et logiciel. Horizontal: utilisateur, communauté, base de données Mobile Web3.0 solution mobile et dynamique Graphique Web2.0 Web3.0
Su cet rep qu son les site po Dé d'a situ Qu fau il po du We We WebMaster - WebUser(s) - DataBase Mobile - Web2.0 solution logiciel et communautée WebMaster - WebUser(s) - DataBase Sommaire
Introduction Définir et situer le Web1.0, Web2.0 Le Web3.0... Rupture Web1...Web2. Le Web3.0 Applications Web3.0 Applications Web 3.0 Définitions Etudes de cas Le Web par le web indépendance du logiciel et du matériel Le web en tous lieu et sur tous périfériques. www.1computer.info/1work/ www.1computer.info/artemis/ Le 99% des applications Web ne sont pas encore crées Projet «1Work» 1/3 Objectifs outil d'édition de documents Web (CMS) application de type client-serveur application basée exclusivement sur le logiciel libre application indépendante de tout type de matériel et de la plateforme logicielle. Historique Début 2003 - en constante évolution 2008 1Work version 2.0 14 réalisations à ce jour 2 projet en cours (1 mobile, 1 domaine du vin) Projet «1Work» 2/3 Caractèristiques
rk CMS uniquement un nagivateur et connexion internet documents éditables sur affichage de petite taille visibilité immédiate de la mise en page Technologies mises en oeuvre serveur Apache + PHP documents au format XML (pas de base de données) support des standards XHTML 1.1, CSS3.0 et RSS 2.0 E-Commerce (SQLite) automatique,... Projet «1Work» 3/3 Editeur en ligne méta-informations: référencement types de blocs: texte, image, XHTML types de fichiers: page, image, modèle actions: ajouter, copier, modifier, déplacer, supprimer mode avancé: édition des feuilles de style (CSS) chaque client cré sa base de données Expériences compatibilité avec tous les navigateurs ne suit pas la filière traditionnelle: document MS-Word -> document HTML -> document PDF -> fichier PAO transfert directement sur clé USB, CD-ROM, etc. Projet «Artemis» 1/2 Objectifs saisie quotidienne des données de traçabilité affichage des résultats des requêtes SQL Historique juillet 2005 à janvier 2007 Projet «Artemis» 2/2 Expériences Mémoire du Temps Caractèristiques application Extranet sécurisée (SSL) solution basée exclusivement sur le logiciel libre affichage de tableaux sur écrans de petites tailles maintenance à distance programmation et modification entièrement depuis le web à l'aide d'un formulaire
création de tableaux de type Excel (fichiers CSV) Sommaire Introduction Définir et situer le Web1.0, Web2.0 Le Web3.0... Rupture Web1...Web2. Le Web3.0 Applications Web3.0 En 3 points: Le Web1.0 supression couche OS Le Web2.0 devient logiciel Le Web3.0 est logiciel (moteur et development) + supression couche matèriel Solutions, techniques: «structure liquide» Dans le Web3.0 le hardware joue un rôle suplèmentaire. Il devient transparent. Le code devient open source. Finance: L'arrivée du Web3.0 va enfin sortir le Web de l'unique solution publicitaire B2C... Les secteurs dans l'administration, commerce, de l'industrie, vont prendre une position beaucoup plus importante voir dominante. Discussion Fort de notre expérience avec les standards Web et les projets dans le domain pratique, le rôle du hardware va prendre de plus en plus d'importance a commencé par les mobiles «2009-2010 Web3.0» sera chose courrante et transparente pour le public. Changement: Un team de developpement Web3.0 doit maîtriser parfaitement le hardware et en tenir compte.
Vos questions?