Titre

Evolution du Web....

Le web3.0 en 2012 ...

«Demain, c'est aujourd'hui»

Raoul Mengis, SaaS Consulting & Development

Francesco Tripepi, WebTre

Gérald Sauthier, Veille technologique IT

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

Ver. 120329

Introduction

-1-Computer en bref

La société -1-Computer en quelques mots...

• 1991 - fondation (Contact, 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)
• 2008 - Virtualisation de serveurs (Linux KVM)

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
• 2005 - Achat par Google du système Android, ...
• 2007 - Internet Explorer 7, FireFox 2.0, Prism (Mozilla labs)

Historique

Explosions

• Hardware: Une très grande diversité de matériel
  par de nombreux fabricants
• Software: Une très grand diversification de l'offre logiciel
  • de trop nombreux outils de développement.
  • la durée de vie trop rapide, trop hazardeuse.
• Economie: crise financière, spéculation, finance virtuelle,...
• Mondialisation: Marché Chinois, ....Marché Africain...

Hardware

• Chaque semaine des nouveaux modèles: smartphones, tablettes, netbooks, tv
  • Une bonne dizaine de fabricants sortent plusieurs modèles diffèrents par année
  • Montée en puissance des smartphones (4coeurs, carte graphique, résolution, ...)
• Taille d'écrans diffèrents (résolutions)
  • Smartphone
  • NetBooks
  • UMPC
  • PC
  • TV

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é
• Rercherches 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, sites communautaires,....
• Le Web2.0 = service free.
• Mise en pratique du Web3.0 : Service payant, solution spécifique B2B.
• Cloud Computing : Cloud Data, Cloud Desktop, Cloud Software.

Web3.0

Le Web 3.0 ?

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

• Google
• E-bay
• Amazone

Pour la survie de l'entreprise, il 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 browser

• Application, market, App-store
• Matériel: machine, robots, ...lapin

Web3.0 universelle

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

Mobile Web2.0 solution dynamique

WebMaster - WebUser(s) - DataBase

Changement évolution

• Normes W3C: XML, Xhtml1.1 strict, CSS3.0, HTML5
• Technique:
  • Séparation du contenu et contenant = tabless
  • Technique pages fludides, élastiques
  • Micro formats
  • Pas de plugin ou de solutions propriétaires
  • 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)
  • 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é par la publicité

Graphique Web3.0

• Arrivée 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 entre sites, passage d'informations, Open Source

Mobile Web3.0 solution mobile et dynamique

WebMaster - WebUser(s) - DataBase

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

Exemples

Web3.0 « Hardware » 1/4

• Un commerce sans marchandise, sans caisse.
  • Immobilier: équipement, technologie, lieu.
  • Social: utilisateurs, communauté, comportement

Local, feuille de papier, WebCam

Socialisation - WebUser(s) - DataBase

Super Market

Web3.0 « Hardware » 2/4

• Un lieu d'attente, sans caisse.
  • Immobilier: situation, technologie, lieu.
  • Social: utilisateurs, communauté, comportement

Attente d'une navette ou d'un membre d'une communauté

Socialisation - WebUser(s) - DataBase

Web3.0 « Hardware » 3/4

• Un autocuiseur pour la cuisson du riz sous android.
  • Mobilier: situation, technologie, lieu.
  • Social: utilisateurs, communauté, comportement

Mobile Web3.0 actif et dynamique

Fonctionalité - WebUser(s) - DataBase

Auto-cuiseur riz

Web3.0 « Hardware » 4/4

• Nouvelle technologie d'affichage.
  • Souple : Longévité, encombrement.
  • Transparent : Confort, Design, Ergonomie

Ecran LG 6 pouces 0,7mm d'épaisseur

Fonctionalité - WebUser(s) - DataBase

Réalisation du Web3.0

Applications Web 3.0

• Le Web par le web indépendance du logiciel et du matériel
  Le web en tout lieux et sur tout périfériques.

• www.1computer.info/1work/
• www.1computer.info/artemis/
• http://webtre.ch/

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 projets 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 2012
  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
  • Couts: Matériel, Logiciel, Evolution,Maintenance

Artemis traçabilité qualité

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

Projet « Cloud Desktop » 1/5

• Environnement Cloud Desktop.
  • Login
  • Password

Un bureau dans les nuages

Son environement de bureau : smartphone, PC, TV

Cloud desktop

Projet « Cloud Desktop » 2/5

• Bureau
  • Version Beta = Application de base standard .
  • Version pro = Application selon client

Desktop virtuel : smartphone, netbook, pc, tv

Interface virtuelle de base

Projet « Cloud Desktop » 3/5

• Applications = modules (version publique ou Pro à determiner) .
  • Modules ouvert, à implémenter solution type market .

Document privé, partagé ou importé

Cloud desktop - Bureau virtuel

Projet « Cloud Desktop » 4/5

• Quelques applicatifs, installation depuis un market
  • Gestion des contacts : création de groupes et partage des documents entre membres .

Document privé, partagé ou importé

Cloud desktop - Bureau virtuel

Projet « Cloud Desktop » 5/5

• Navigateur web.
  • Applications, tools .
  • Merci, ....vos remarques, des questions ?

Applications web

Google doc - e-mail - tools

Conclusion