VDN WebViewer
Comment ça marche ?
Multi-fonctionnel et réactif "à la voix" (canal chat/IM) ou à l'utilisation de sa console, le VDN WebViewer :
- affiche des pages web à l'écran
- affiche l'adresse URL en haut de l'écran
- permet de zoomer et scroller (défilement horizontal et vertical)
- accepte les URL complètes ou raccourcies
- sauvegarde vos pages favorites
- permet de remonter ou descendre l'historique (pages précédentes ou suivantes)
- ouvre tous types de liens présents sous forme de textes
- permet d'utiliser les formulaires simples ("rechercher" par ex.)
- affiche les vidéos QT-compatible ou mp4 (Youtube)
- affiche images, photos, animations, diaporamas, fichiers Smil...
- permet d'écouter la musique ou la radio (mp3)
- envoie des mails en direct
- permet d'accroître l'accessibilité des sites web par la suppression des "couches CSS" (couleurs, images, tailles, déco, etc.) et l'agrandissement ou la réduction des tailles de textes.
Commandes pré-codées
Une série de 26 commandes pré-codées facilement mémorisables - alphabétiques, de a à z - permet de piloter le WebViewer ; [ND] en colonne "statut" signifie que la fonction n'est pas encore développée.
| Code | Fonction | Exemple | Explications | Statut |
|---|---|---|---|---|
| a/ | Accueil des sites web | a/ | Aucun attribut pour ce code. Entrez simplement "a/" pour afficher la page d'accueil du site que vous êtes en train de consulter. Equivaut en gros à cliquer sur le lien "Accueil". | |
| b/ | Bookmarks (favoris) | b/ | Aucun attribut pour ce code. Entrez simplement "b/" pour afficher votre page de "favoris" (bookmarks) persos. | |
| c/ | Créer des onglets | c/ | En projet. Comme dans tous les navigateurs modernes les onglets permettront des consultations "multi-pages". | [ND] |
| d/ | Détacher les onglets | d/ | En projet. Voir ci-dessus. | [ND] |
| e/ | Email VDN | e/votre message | Un outil spécial pour nous envoyer des emails depuis SL. (...ou peut-être une lettre dispo pour des développements ultérieurs ?) | |
| f/ | Fontes (tailles) | f/150 | Un outil d'accessibilité pour augmenter ou réduire la taille des textes dans les pages affichées sans CSS (voir fonction n/ ci-dessous). Les tailles sont fixées à 100% par défaut : f/150 les affichera à 150% et f/80 à 80% de leur valeur par défaut. f/100 est donc inutile, sauf pour ramener les textes à leurs tailles initiales. | |
| g/ | Graphique version | g/ | Aucun attribut pour ce code. Entrez simplement "g/" pour repasser la page affichée dans sa version graphique originale (voir n/ ci-dessous). | |
| h/ | Horizontal ou vertical (défilement) | h/+ ou h/- | Fonction identique à celle disponible sur la console. Permet de "scroller" (faire défiler) les pages de haut en bas ou de gauche à droite grâce à des petites flèches, comme sur tout navigateur web. | [ND] |
| i/ | Images | i/mesphotos | Appelle des images à l'écran (photos, graphiques, mais aussi des gif animés, des diaporamas, des fichiers Smil...) soit par un code bookmark, soit par leurs adresses web complètes | |
| j/ | Javascript | j/... | En projet. Je ne sais pas encore ce que je pourrai en faire... On verra. (peut-être simplement une autre lettre disponible ?) | [ND] |
| k/ | TeKnogeeK zone | k/... | En projet. Probablement des solutions expérimentales autour de solutions CMS intégrant mobiles et SL... | [ND] |
| l/ | Liens | l/un mot ou un autre | Pour "cliquer" un lien, "dites" simplement un ou plusieurs des mots qu'il contient. Par exemple pour le lien Ouvrir cet article, "l/ouvrir", "l/cet" ou "l/article" donneront exactement les mêmes résultats que "l/cet article" ou "l/ouvrir cet article". Mais si le premier lien est Ouvrir cet article et le second Lire cet article, "l/article" ouvrira le premier et "l/lire" le second. Vous voyez pourquoi ? Le premier mot trouvé est toujours prioritaire. Problème (pour l'instant) pour les utilisateurs de langues à accents : ceux-ci ne sont pas encore reconnus à cause de problèmes d'encodages. Pour consulter (provisoirement) un lien intitulé "Actualités", tapez "l/actu" ou "l/actuali"... | |
| m/ | m/nom@dom.com/votre message | Envoi de mails depuis SL. Entrez d'abord l'adresse (testée : en cas d'erreur le mail sera rejeté) puis / puis votre message. Attention : votre nom d'avatar sera passé en même temps que le mail, ne croyez pas mailer anonymement... | ||
| n/ | Non aux CSS, Non au design ! | n/ | Aucun attribut pour ce code. Entrer "n/" affichera la page sans images, sans couleurs, sans décoration : du pur "flux" textuel. Une démarche d'accessibilité pour certains types d'utilisateurs, en complément du code f/ code (taille des polices). | |
| o/ | Outils persos | o/tool (...un hommage au Peter du même nom ;-) | Un jeu d'outils en ligne pour le propriétaire du viewer. | [ND] |
| p/ | Pages visitées | p/prec2 | Vous pouvez utiliser "prec" ou "suiv" comme attributs de p/ : "prec" ou "suiv" sans plus d'informations permettent d'avancer ou de reculer d'une page dans l'historique de navigation. Pour remonter d'un coup plusieurs pages, utilisez des valeurs associées : par exemple "p/prec4" vous ramènera 4 pages en arrière ou "p/suiv2" 2 pages en avant. Pratique, n'est-ce pas ? | |
| q/ | Quitter | q/ | Aucun attribut pour ce code. Utile pour quitter la page en cours (par exemple pour cacher le contenu en cours à d'imprévus visiteurs ?) | |
| r/ | Requête formulaires | r/mot-cle | Par exemple entrer "r/ma rue ma ville..." ouvre votre localisation dans Google Maps et "r/secondlife" dans Google ouvrira la page des résultats pour SL (voir la vidéo #1 de démo sur Youtube : lien en bas de page). | |
| s/ | Sauver comme favori | s/x+mafavpage | Pour enregistrer une page comme favori (bookmark) entrez : - s/ - le code utile pour la rappeler ultérieurement (par ex. "x" pour une page web...) - + (automatiquement changé en slash par le script) - le mot-clé associé à cette page. Utile, non ? Aussitôt le bookmark enregistré, votre page perso 'Mes bookmarks" apparaîtra automatiquement à l'écran pour confimation. |
|
| t/ | Tunes & musiques | t/mytune2 | Si votre morceau favori est bookmarké utilisez simplement "t/letitre" pour l'ouvrir et l'écouter. Sinon entrez l'adresse complète du site web : par ex. "t/http://www.my-fav-music.com/mon-artiste-prefere/le-titre-prefere.mp3". Et ça le joue... | |
| u/ | Utilisateurs autorisés | u/Prénom Nom | Tout utilisateur autorisé par le propriétaire peut utiliser le viewer. Attention : sensible aux majuscules/minuscules, alors soyez attentifs en vous identifiant (et vérifiez que le propriétaire l'a été également...). Une fois "loggué" vous pourrez utiliser le viewer comme bon vous semblera. | [ND] |
| v/ | Vidéos QT-compatibles | v/mavid1 | Idem que la commande t/tunes. Pour des mp4 Youtube, utilisez "y/" (voir plus bas). | |
| w/ | Sites Web par URL complètes | w/www.monsiteweb.com | Ouvrez n'importe quelle page web avec son adresse (URL) complète ou raccourcie : "w/www.monsiteweb.com" marche aussi bien que "w/http://www.monsiteweb.com". Même "w/monsiteweb.com" ou "w/monsiteweb" marchent parfois... | |
| x/ | X (pages bookmarkées en "favoris") | x/google | Pas de stars du X ici :-) mais "x/..." ouvrira n'importe quelle page web enregistrée en bookmarks par "s/". "x/vdn" ouvrira la page d'accueil de ce site. | |
| y/ | Youtube vidéos | y/my-Y-vid | Pour des raisons techniques les vidéos Flash telles que celles envoyées par Youtube ne peuvent être jouées dans SL. Depuis mars 2008 il est toutefois possible de jouer des vidéos Youtube (voir le tuto de Torley Linden sur Youtube). Copiez-collez l'adresse du fichier mp4, bookmarkez-le ou pas et jouez les vidéos InWorld. Coooool :-) | |
| z/ | Zoom contenus | z/+ ou z/- | Fonction identique à celle disponible sur la console. Permet d'agrandir ou de réduire les pages, images ou vidéos affichées. | [ND] |
Technologies
Chaque commande "vocale" envoie une requête de type HTTPrequest à un serveur PHP. Selon le code envoyé (de a/ à z/) les scripts PHP/regex préparent les contenus à retourner InWorld via les LSL scripts (et à travers les serveurs de LidenLabs) pour affichage, en utilisant un simple fichier XML Cette solution présente quelques intérêts cachés : par exemple les nouvelles récentes (fin juillet 08) en provenance de Chine au sujet des restrictions d'accès à internet pendant les Jeux Olympiques n'ont plus aucun sens ni aucune efficacité : la seule requête détectable est celle envoyée aux serveurs LindenLabs, jamais celle de l'URL demandée :-) Ouvrir le web à l'accessibilité, à l'interopérabilité et à la convergence des contenus, ça sert aussi à ça.
A faire...(to-do list)
En tant que "chantier permanent" VDN WebViewer n'est pas proposé à la vente pour le moment. Juste une démo. Pas mal de choses à finir avant de décider s'il sera vendu ou offert, réservé aux amis et aux ONG ou utilisable par tous. En tout cas offert à nos clients, ça c'est sûr.
Développements et travaux prévus, qu'ils soient listés ou pas dans la table des fonctions ci-dessus :
- ajouter un (ou des) sons à chaque action ?
- différentes versions (FR et EN pour commencer)
- dév. pages utilisateurs : gestion paramètres, outil d'envoi d'objets (vidéos, sons, images...), pages perso... [o/ u/]
- utilisation de formulaires complexes (inscriptions par exemple) par "r/"
- accroître l'accessibilité de l'outil par des contrôles alternatifs
- migration vers des grids open-source (Francogrid sur Opensim)
- gestion multi-utilisateurs (propr. seul / guest-list / tout le monde) [o/outils de gestion]
- outils opérationnels pour Javascripts (si c'est possible... je ne sais pas, on verra) [j/]
- créer et supprimer des onglets pour un affichage "multi-pages" [c/ d/]
- afficher l'icone du site (favicon.ico) dans la barre d'adresse
- etc... ;-)
Des vidéos de démo online sur Youtube
Quelques courtes vidéos pour montrer les fonctions de VDN WebViewer en action :
1. "Surfez dans les contenus internet" en utilisant les (anciennes, réattribuées depuis) fonctions p/ r/ s/ u/ w/ z/ : VDN WebViewer Browser for SecondLife #1 [Youtube | 5'55" | surtitré en anglais]
2. "Surfez dans les contenus multimedia" en utilisant les (anciennes, réattribuées depuis) fonctions t/ v/ x/ y/ : VDN WebViewer Browser for SecondLife #2 [Youtube | 2'01"]
3. "Surfez en utilisant la console d'outils" en utilisant les fonctions zoom, scroll et interactives de la console : VDN WebViewer Browser for SecondLife #3 [Youtube | 3'03"]
4. "Supprimez la couche graphique" (affichage textuel) et agrandissez/réduisez les tailles des textes pour une meilleure accessibilité (fonctions actuelles n/ g/ f/) : VDN WebViewer Browser for SecondLife #4 [Youtube | 1'06"]
Ils en parlent...
Quelques liens sur VDN WebViewer :
1. Avatar Watch! [en japonais]
2. Sec.Ondlife [en japano-anglais]
3. e-Alsace [brève datée 9 août 2008]
4. Live Journal [en anglais]
4. Life 2.0 Mascottus Phlox
"Un internet d'avance" ... il ne suffit pas de le dire, il faut le démontrer.
