Titre

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] [it]

Ver. 80501

Sommaire

-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, Fennec (mobile), ...

Sommaire

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.

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ésentation graphique du Web

WebMaster - WebUser(s) - DataBase - PC

Caractèristiques Web 1.0

Comment situer le Web1.0 ?

• pages statiques parfois dynamiques
• modification par le WebMaster uniquement
• pages web unifiées textes, images, liens

STATIQUE....

• Le webmaster utilise un ou plusieurs logiciels pour modifier l'information.
• L'internaute ne contribue pas directement aux informations.

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

WebMaster - WebUser(s) - DataBase

Caractèristiques Web 2.0

Comment situer le Web2.0 ?

• site dynamique parfois statique
• 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.

Modèles du Web 2.0

Les ressources du Web ?

• Web2.0 ou Web2.c pour les utilisateurs
• Modèle économie libre (Publicité)

Autres....

• Web2.b pour les affaires (intranet, extranet)

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 palette beaucoup plus large de services

Mobile Web2.0 solution dynamique

WebMaster - WebUser(s) - DataBase

Sommaire

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,.....
    (nokiaN810 5' , eeepc 7',...)
  • Réseaux: WiMax (centrino2), Uwb,...
  • Web Object: Datamatrix, RFID, Robots, ...

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, ou matériel
• Accessibilité: Normes web -> base de données
• Application Solution logiciel Web SaaS

Une solution web unique pour tout type de matériel.

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) (travaux collaboratifs)
  • le(s) serveur(s) base de données Web3.0, microformats
• Avec l'évolution et la diversité le matériel aura un rôle majeur dans le Web3.0
• Le financement ne sera plus uniquement engendrée par la publicité

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

Rupture du Web1.0

• La couche logiciel devient transparent. (Un navigateur suffit)
• Le client devient acteur. (Knol, Blog, CMS Wiki,...)
• Les utilisateurs sont acteurs
  • WikiPedia, Réseau sociaux, Second Life,...
  • Google Writer, Mahalo, Wikia...

Rupture du Web2.0

• Le matériel et logiciel sont "transparents" Le web devient moteur et acteur.
• La solution web permet de modifier l'outil.
• On crée le web par le web.....
  • 1Work mobility:
    • Création de la base de données individuellement
    • Création et suppression d'un document automatique
    • Création formulaires
  • Artemis mobility:
    • Language de programmation intégré
    • affichages...
    • filtres, requêtes
    • entrée (saisie data), sortie affichage ou imprimantes,....

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

WebMaster - WebUser(s) - DataBase

Graphique Web2.0 Web3.0

• Sur cette représentation quels sont les sites possibles?
• Déterminez d'autres situations...
• Que faudrait il pour du Web2.0? Web3.0?

Mobile - Web2.0 solution logiciel et communautée

WebMaster - WebUser(s) - DataBase

Sommaire

Applications Web 3.0

• Le Web par le web indépendance du logiciel et du matériel
  Le web en tous lieu et sur tous périphériques.
• Le Web 3.0 est collaboratif. Solution qui permet
  d'interagir entre plusieurs acteurs sur le même document.

• www.1computer.info/1work/
• www.1computer.info/artemis/

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)

1Work CMS

Projet « 1Work » 2/3

• Caractèristiques
  • 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

Mémoire du Temps

Projet « Artemis » 2/2

• 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
• Expériences
  • création de tableaux de type Excel (fichiers CSV)

Sommaire

Conclusion

• En 3 points:
  • Le Web1.0 suppression couche OS
  • Le Web2.0 devient logiciel SaaS
  • Le Web3.0 est logiciel (moteur et development) + microformats
    + indépendant au niveau matèriel
• Finance: L'arrivée du Web3.0 va enfin sortir le Web de l'unique
  solution publicitaire B2C....
• L'usage du Web dans l'administration, commerce, l'industrie,
  vont prendre une position beaucoup plus importante voir dominante.
• Solutions, techniques: « structure liquide »
  • Dans le Web3.0 le matériel joue un rôle suplèmentaire. Il devient transparent. Le code devient open source.

Discussion