Une application Web avec jQuery Mobile et Responsive Design…

17/03/2013
Auteur : De Emmanuel Grandadam

Plutôt que de faire une version mobile d’un site Web, Je fait une version Web d’un site mobile :).
-> A voir ici : http://serp.lcprod.net

Création : Un système de suivi pour le concours de positionnement des étudiants de la licence M@tic de l’IUT de Tours.

Je lance cette année, pour les étudiants de la licence Matic de l’IUT de Tours, un concours de référencement.

Pour pouvoir suivre proprement l’évolution du référencement de chaque site, je monte un site qui permet d’ouvrir la page de résultats de Google et récupérer la position de chaque groupe.

jQuery Mobile : Les frameworks Javascript et CSS pour mobiles

Le framework permet de créer des objets HTML/CSS spécifique pour les mobile. Beaucoup de paramètres à régler mais le système reste souple. Aussi bien sur la couche Javascript que CSS.

Pour pouvoir jouer proprement sur le design des éléments, jQuery propose ThemeRoller : une interface web pour manipuler le framework CSS.

Evolution : Le tout en mode adaptatif (Responsive Web Design ) !

Le site utilise les techniques CSS3 de Responsive Web Design pour provoquer des affichages différents selon la résolution des appareils. Je vise 3 format différents : Ecran, Tablette et mobile.

L’interprétation est valide sur les plateforme Android, iOS et Blackberry !

Conclusion : C’est long à monter mais c’est beau 🙂

Le framework est en constante évolution, il n’est pas simple de trouver la bonne adéquation entre les fonctionnalités Javascript de jQuery et la couche CSS…

A voir ici : http://serp.lcprod.net

 

Commentaires :

Mise à jour en v1.4 de l’application ‘Mirror By LCProd’ : Gestion du processus de l’application

6/03/2013
Auteur : De Emmanuel Grandadam

Gestion du processus de l’application : Arrêt/Démarrage depuis le panneau des préférences.
-> Télécharger la version 1.4

Mise à jour en v.1.4 pour la gestion du processus de l’application…

– 6 mars 2013 – à télécharger depuis mon site Web.

Le panneau de préférence de l’application permet maintenant de désactiver complètement le processus qui pilote le Mir:ror.

Commentaires :

Mise à jour en v1.3 de l’application ‘Mirror By LCProd’ pour la gestion du lecteur RFID de Violet (Nabaztag et Cie)

5/03/2013
Auteur : De Emmanuel Grandadam

Création d’un interface pour l’administration des Tags du lecteur RFID,
Correction d’un bug sur l’encodage de la base sous Mountain Lion.
-> Télécharger la version 1.3

La dernière mise à jour en v.1.3 pour Mountain Lion…

– 4 mars 2013 – à télécharger depuis mon site Web.

Un Bug de mauvais gout est venu polluer mon projet lors d’une installation sous Mountain Lion (10.8). La base de données SQLite est mal encodée lors de sa création par l’application.

-> J’ai corrigé le problème en plaçant une base vierge dans le projet avec le bon encodage.


Une jolie interface dans l’esprit de Mac…

C’est en fait un panneau de préférence qui viens s’ajouter à ceux déjà présent dans ‘Préférences Système…’

Comment ça marche ?

L’application s’appuie maintenant sur une base SQLite stockée dans le panneau lui même. Cette base est lue aussi bien par le panneau de préférences pour la gestion des Tags et des actions que par l’application elle même qui va l’utiliser pour gérer les actions demandées.

Les actions sont maintenant des scripts Applescripts (au format .applescript) stockés dans le dossier Library/Application Support/Mirror By LCProd/ de l’utilisateur.

Attention : avec Lion et Mountain Lion, pour faire apparaître le dossier ‘Bibliothèque’ de l’utilisateur : il faut maintenir la touche alt appuyée et sélectionner le menu « Aller ». L’élément « bibliothèque » est alors visible.

 

Commentaires :