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.1computer.info/4w3.html

Sommaire
Introduction

Définir et situer le Web1.0, Web2.0

Le Web3.0 ...

Rupture Web1...Web2. Le Web3.0

Applications Web3.0

Conclusion

-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

Conclusion

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

Web - 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 n'observe que quelques couleurs et change selon le ou les moyens utilisés!

http://www.forummobiles.com/lofiversion/index.php/t41475.html
 Caractèristiques Web 1.0
Comment situer le Web1.0 ?

pages statiques parfois dynamique

modification par le WebMaster uniquement
pages web unifiées textes, images, liens

STATIQUE....

Le webmaster utilise un ou plusieurs logiciels pour

WebMaster - WebUser(s) - DataBase - PC

modifier l'information.
L'internaute ne contribue pas directement aux informations.

Le web1.0 exige peu de resources et de compétences humaines

Outil d'évaluation (Temesis)

Comment l'utilisateur perçoit la qualité Web

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

http://www.forummobiles.com/lofiversion/inde

Caractèristiques
Web 2.0
Comment situer le Web2.0 ?

site dynamique parfois statiques

modification du contenu WebMaster et
utilisateurs
WebMaster - WebUser(s) - DataBase
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.
 Outil d'évaluation (Temesis)
Comment l'utilisateur perçoit la qualité Web

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)

L'expression World Wide Web (WWW),

devrait être remplacée par World Wide Computer (WWC)
Ecrivain auteur Nicolas Carr

Outil d'évaluation (Temesis)

Comment l'utilisateur per&cedile;oit la qualité Web

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

http://www.forummobiles.com/lofiversion/index.ph

Sommaire
Introduction

Définir et situer le Web1.0, Web2.0

Le Web3.0 ...
WebMaster - WebUser(s) - DataBase

Rupture Web1...Web2. Le Web3.0

Applications Web3.0

Conclusion

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ée et bien définies.

Outil d'évaluation (Temesis)

Comment l'utilisateur percoit la qualité Web

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

Outil d'évaluation (Temesis)

Comment l'utilisateur perçoit la qualité Web

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, etc...

Sommaire
Mobile Web3.0 solution mobile et dynamique

Introduction

Définir et situer le Web1.0, Web2.0

Le Web3.0 ...

Rupture Web1...Web2. Le Web3.0

WebMaster - WebUser(s) - DataBase
Applications Web3.0

Conclusion

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

Graphique Web2.0
Mobile Web3.0 solution mobile et dynamique

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?

Sommaire
WebMaster - WebUser(s) - DataBase

Mobile - Web2.0 solution logiciel et communautée Introduction

Définir et situer le Web1.0, Web2.0

Le Web3.0 ...

Rupture Web1...Web2. Le Web3.0

Applications Web3.0

Conclusion
WebMaster - WebUser(s) - DataBase

Applications Web 3.0

Définitions

Le Web par le web indépendance du logiciel et du matériel

Le web en tous lieu et sur tous périfériques.

Etudes de cas

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
uniquement un nagivateur et connexion internet
1Work CMS 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

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
Expériences
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

Conclusion

Conclusion
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
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 ?