Titre

Evolution du Web....

Le web 3.0, ...par la pratique

... le pourquoi, explication, présentation,...

Raoul Mengis, -1-Computer

Stéphane Gay, -1-Computer

Stéphane Micheloud, EPFL Lausanne

http://www.1info.com/2w3.html [en] [it]

Ver. 90115

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

Explosions

• Hardware: Une très grande diversité de matériel
  par de nombreux fabricants
• Software: Une très grande diversification de l'offre logiciel
  • de trop nombreux outils de développement.
  • la durée de vie trop rapide, trop hazardeuse.
• Communication: Une très grande diversification de l'offre commercial et technologique
  • Type de liaison: fibre optique, ondes,
  • Offre forfaitaire et combinée (TV, communication voix, adsl, etc .... = réseau internet)
• Economie: crise financière, spéculation, finance virtuelle,...

Hardware

• Chaque semaine des nouveaux modèles: mobiles, UMPC, PC.
  • Une bonne dizaine de fabricants sortent plusieurs modèles différents dans la même année
• Taille d'écrans différents (résolutions)
  • Smartphone
  • NetBooks
  • UMPC
  • PC
• Mode de saisie, entrées
  • Clavier, écran tactile, ...
  • Caméra vidéo, voix

Software

De trop nombreuses solutions logiciels pour la création d'applications

• OS différents
• Outils de développement: SDK, plugins, etc
• Nombreux navigateurs....

Trop de formats différents

• Passage des informations: données, compatibilité
• Recherches d'informations: Flash, Java-scripts, etc

Economique

• Crise bancaire, crise économique
  • La crise bancaire: le mode virtuel de la finance, comme dans le monde du Web2.0.
    • Très peu de sites rentables: Blog, E-commerce, encyclopédie, moteur de recherches, site communautaires,....
• Le Web2.0 = service free.
• Arrivée du Web3.0 service payant ou solution spécifique B2B.

Sommaire

Le Web 3.0 ?

Avec le Web2.0 seule la pointe de la pyramide est viable ...

• Google
• E-bay
• Amazone

Pour la survie, ll faut passer; à l'étape suivante.

• Le Web devient logiciel SaaS...
• Le Web doit progresser, devenir rentable, migrer au niveau des PME

Le Web3.0 réseaux

Le Web n'est pas uniquement basé sur internet

• Une application Web peut être utilisée aussi en local
  sur un mobile ou PC unique. (sans réseau)
• Le Web peut s'utiliser aussi sur le réseau local

Le Web n'est pas uniquement basé sur un PC + broswer

• Mobile, Prisme, Google
• Matériel: machines, voitures, robots, ...vêtements, lettres (poste)

Web3.0 universel

• Le même contenu pour tout périphérique!
• La même programmation pour tout périphérique!
  • Ce que le java est au logiciel, le Web3.0 inclut le matériel

Mobile Web2.0 solution dynamique

WebMaster - WebUser(s) - DataBase - (Real-Time) => T

Sommaire

Changement évolution

• Normes W3C: XML, Xhtml1.1 strict, CSS3.0, HTML5
• Technique:
  • Séparation contenu contenant = tabless
  • Technique pages fluides, élastiques
  • Micro formats
  • Pas de plugin ou de solutions propriétaires
  • Web Object: Datamatrix, RFID, Robots, ...
• Le Web sera OpenData (facilité transport de data, realtime, etc)

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
• Real-Time: Le temps de diffusion de l'information (+OpenData)

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

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, microformats (Real-Time)
• 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é par la publicité
• OpenData = ouverture des informations au niveau planéaire

Graphique Web3.0

• Arrivé du Web3.0. User(s), communauté, mobilité (matériel-logiciel)
• Le web devient information: base de données (xml, rss,...), Real-Time, micro formats, sémantique,...
  • Le respect des normes pour communiquer entre sites, passage d'informations, Open Source

Mobile Web3.0 solution mobile et dynamique

WebMaster - WebUser(s) - DataBase - "Le temps" =>T

Sommaire

Rupture du Web1.0

• La couche logiciel devient transparente. (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, le contenu avec ou sans intervention humaine.
• On créée le web par le web.....
  • Google: Google Wave, Google Search (Real-Time)
  • 1Work mobility:
    • Création de la base de données individuellement
    • Création et suppression d'un document automatique
    • Création formulaires
  • Artemis mobility:
    • Langage de programmation intégré
    • affichages...
    • filtres, requêtes
    • entrée (saisie data), sortie affichage ou imprimantes,....
    • Information en temps réel

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, (LE TEMPS)

Mobile Web3.0 solution mobile et dynamique

WebMaster - WebUser(s) - DataBase - (Real-Time) => T

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é

WebMaster - WebUser(s) - DataBase - (Real-Time) => T

Sommaire

Applications Web 3.0

• Le Web par le web indépendance du logiciel et du matériel
  Le web en tout lieu et sur tout périphérique.

• 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 logiciel.
• 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éée 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

• Historique
  • juillet 2005 à janvier 2007
  Objectifs
  • Traçabilité / Qualité Raisin -> Bouteille
  • Saisie quotidienne des données Homme / Machine
  • Filtres: affichage des résultats (requêtes SQL)
• Contraintes:
  • Entrée de plusieurs millions de données par mois
  • Consultations par de nombreux utilisateurs (Filtres:rapidité et quantité)
  • Mobilité: physique et matériel (ecran, OS,...)
  • Simplicité usage facile: utilisable par tous
  • Coûts: Matériel, Logiciel, Evolution, Maintenance

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 (développement d'un langage spécifique)
    • programmation et modification entièrement depuis le web à l'aide d'un formulaire
• Innovation
  • Solution qui comporte de nombreuses innovations technologiques et l'avant-garde + en real-Time.
• Ouverture
  • 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 développement) + microformats
    + indépendant au niveau matèriel + (Real-Time) + OpenData
• 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 supplémentaire. Il devient transparent. Le code devient open source.

Discussion