Tagué: Web 2.0 Activer/désactiver les fils de commentaires | Raccourcis clavier

  • Fred T 5:53 PM le 10 February 2012 Permalien | Réponse
    Tags : détente, pluie, rainy mood, Web 2.0   

    Le site des fans de la pluie qui tombe 

    Si comme moi vous “comatez” au son de la pluie qui claquent sur les vitres, de l’orage qui gronde au loin, mais que vous êtes au bureau et qu’il fait -10° dehors.  Chaussez un casque et offrez-vous un moment de détente avec Rainymood.com 

    image

    On s’y croirait… parfois quelques oiseaux chantent dans le lointain… bon je vous laisse c’est l’heure ma pause détente…

    Publicités
     
  • Fred T 9:43 PM le 29 July 2011 Permalien | Réponse
    Tags : chrome, , , Web 2.0, web app, webrunner   

    Créer une application web en 2 clics 

    Souvenez-vous des débuts de l’Internet dans les années 1990, des pages Web statiques avec des images animées plutôt flashies  et parfois une certaine dose de mauvais goût. Depuis, les technologies ont évolué à une vitesse fulgurante,  les pages web deviennent dynamiques et interagissent avec les utilisateurs.

    Depuis les origines de l’Internet, la page Web est encodée dans un langage de description, le html pour Hypertext Markup Language. Ce langage assure la présentation à l’écran des différents blocs de texte et fournit des pointeurs ou liens vers des éléments graphiques. Autrement dit, html est chargé de la présentation des informations, il encapsule le texte affiché et sans élément graphique.

    Avec l’avènement du Web 2.0, les contenus Web sont devenus actifs et même interactifs, l’utilisateur peut agir sur la page web sans avoir à provoquer un rafraichissement, exactement comme avec une application ou un programme installé sur l’ordinateur. Bien sûr, Html existe toujours, il existe une nouvelle version de ce langage, html 5,  dont on peut découvrir quelques exemples ici.

    Les pages Web interactives qui agissent comme des applications sont des applications Web ou Web App. En voici deux exemples :

    image

    Hootsuite  une application d’agrégation de réseaux sociaux qui permet de suivre des comptes Twitter, Facebook, Linkedln etc.. Chaque mise à jour de statut est automatiquement affichée.

    2011-07-29 21h15_03

    Google Documents est un très bon exemple de Web App : lorsque le site Web devient une application bureautique, en l’occurrence un tableur ! Google Documents intègre un menu  et une barre d’outils, tout comme une application bureautique standard.

    Une Web App sur votre bureau :

    Revenons à nos moutons et à l’objet de ce billet…  avec une application web, on peut considérer son environnement d’exécution, le navigateur Web comme inadapté : plus besoin de barres d’outils, de menus puisque l’application Web est autonome.

    L’idée est donc de sortir la Web App du navigateur pour qu’elle se rapproche au mieux près de l’application en gommant les éléments qui en rappelle les origines.

    Pour cela un outil de conversion devrait disposer d’au moins deux fonctions :

    * fournir un environnement d’exécution pour la page web, un moteur web le plus discret possible, au minimum une simple fenêtre.

    * créer un raccourci sous forme d’une icône sur le bureau ou dans le menu démarrer.

    image

    Sur cette copie d’écran on peut voir l’icône de l’application Web qui ouvre une fenêtre sur Hootsuite. Il n’y a pas de barre d’outils, pas de menu de navigateur, uniquement le contenu Web.

    Créer une application Web grâce à une extension de navigateur :

    Sous Google Chrome, créer une application Web est vraiment très simple :

    1- Affichez votre site Web dans Chrome
    2- Cliquez sur le bouton de configuration
    3- Puis sur Outils
    4- puis sur Créer des raccourcis vers applications…

    2011-07-29 22h13_52

    Il ne reste plus qu’à spécifier l’emplacement du raccourci :

    2011-07-29 22h16_17

    Simple, mais sans aucun paramétrage ni configuration !

    Sous Firefox, vous devez installer une extension : Prism si vous utilisez Firefox 3.0 à Firefox 4.0, Webrunner si vous utilisez Firefox 5.0

    Edition du 31 juillet :
    Je ne vous propose pas la démo de Webrunner qui ne fonctionne tout simplement pas sur ma machine !
    Les extensions Prism et Webrunner fonctionnent de la même manière et avec le même écran de paramétrage identique à celui de la version autonome décrite ci-dessous.

    Webrunner ne s’exécutera pas si le nom du compte utilisateur Windows et donc le dossier dans c:/users contiennent des caractères accentués !
    Fin de l’édition !

    Créer une application Web avec Prism en version autonome :

    Mon préféré ! Prism est un projet dont le développement a été abandonné par Mozilla et repris sous le nom de Webrunner par Salsita Software. Néanmoins, le site Prism existe toujours :

    2011-07-29 22h32_49

    L’intérêt de Prism est d’exister en version Standalone c’est à dire autonome tout comme un logiciel Windows. Non lié à un navigateur, il n’en subit pas les changements de version.

    1- Installer Prism

    Les binaires sont dispos pour Windows, Linux et Mac en version 1.0 béta 4 à cette adresse :  http://prism.mozillalabs.com/downloads/1.0b4/

    La version Windows est un simple fichier Zip mais je vous ai concocté un installateur avec Inno Setup.

    2- Convertir un site en Web App

    Nous allons créer une Web App à partir du site Hootsuite :

    Cliquez sur l’icône Prism dans le menu Démarrer ou sur le bureau, une fenêtre s’affiche :

    2011-07-29 22h51_04

    -1- Collez l’adresse Web du site Hootsuite
    -2- Nommez le raccourci et réglez les options d’affichage, ici la barre de statut sera affichée afin de suivre la progression du chargement de la page et d’accéder aux options de Prism
    -4- Choisissez au moins un emplacement de stockage du raccourci, bureau menu démarrer ou lancement rapide.
    -5- Cliquez sur OK, le raccourci est créé :

    2011-07-29 22h56_20

    Les options de configuration de Prism sont accessibles dans la barre de statut puisque cette dernière a été activée :

    2011-07-29 23h01_10

    Libre à vous de choisir le bon service web correspondant le mieux à ce nouvel environnement, les enseignants du primaire apprécieront la possibilité offerte de restreindre l’utilisation d’un site Internet pas de barre de navigation pour que les élèves s’échappe du site à visiter et risque minimum de les voir surfer en dehors des sentiers battus. Pensez-quand même  à cacher l’icône du navigateur, n’oubliez pas qu’ils sont tous nés avec les “nouvelles technos”.

    Je vous laisse avec l’adresse du Wiki de Prism pour ceux qui veulent approfondir la question : https://wiki.mozilla.org/Prism

     
    • Smeablog 7:59 le 30 juillet 2011 Permalien | Réponse

      Petite erreur dans le lien de Webrunner (le lien actuel conduit vers les anciennes versions) le bon lien est https://addons.mozilla.org/fr/firefox/addon/webrunner/ (ou éventuellement via le site de la société qui a repris le développement http://www.salsitasoft.com/webrunner/ )

      Webrunner fonctionne pour les versions 4 et 5 de Firefox exactement de la même façon que Prism
      – mais avec l’avantage de bénéficier d’un moteur gecko plus récent attendu que prism n’est plus développé depuis 2009
      – de supporter l’ajout d’extensions firefox.
      – Notons que webrunner etant elle meme une extension elle est accessible depuis le menu outils de Firefox)

      J'aime

      • Tic & Net 8:05 le 30 juillet 2011 Permalien

        Merci pour ces précisions, le lien est corrigé.

        J'aime

  • Fred T 6:22 PM le 10 March 2009 Permalien | Réponse
    Tags : , , , Web 2.0   

    Beneylu School l’ENT pour les écoles primaires 

    image Beneylu School est le premier ENT (Espace Numérique de Travail) pour les écoles primaires. Contrairement à sa dénomination, c’est un service en bon français totalement libre et gratuit.

    Son objectif est de familiariser les élèves à l’usage des technologies numériques dans un environnement très sécurisé et parfaitement adapté à un jeune public.

    Des comptes de démonstration permettent de se faire une idée précise des fonctionnalités proposées.

    Un site à visiter de toute urgence !

    Beneylu SchoolDocumentation Beneylu School Network

     
c
créer un nouvel article
j
message/commentaire suivant
k
message/commentaire précédent
r
Réponse
e
Modifier
o
afficher/masquer les commentaires
t
remonter
l
connexion
h
afficher/masquer l'aide
shift + esc
Annuler
%d blogueurs aiment cette page :