[Symbian] Widgets & Applications Web pour Nokia

Widgets & Applications Web pour Nokia [Symbian] - HTML/CSS - Programmation

Marsh Posté le 06-11-2010 à 14:01:21    

Bonjour,
 
Visiblement la communauté Symbian est assez peu présente sur Hfr... mais je créée un topic pour pouvoir rassembler et discuter des expériences de chacun dans la réalisation d'applications Web sous Symbian.
 
 
 
EN QUELQUES MOTS
Symbian gère des application/widgets relativement légers, sous la forme de pages HTML.
Le navigateur intégré à l'OS se charge d'effectuer le rendu de la page, et les interractions sont supportées par le biais d'actions CSS et/ou Javascript.
 
 
POUR BIEN COMMENCER
Le point d'entrée pour bien commencer ses développements pour Symbian :
http://www.forum.nokia.com/Develop/Web/
 
Nokia met à disposition des plugins pour divers IDE Web sur le marché (dont Aptana, sous license GPL), qui facilitent grandement le développement en générant tout le travail de déclaration du plugin, et en offrant des facilités de packaging.
Concrètement : vous n'avez plus qu'à faire du HTML/Js/CSS sur votre projet, sans vous soucier du reste.
 
Il y a également de nombreux exemples de widgets, qui montrent comment :

  • détecter la résolution de l'appareil pour appliquer les styles en conséquence.
  • détecter le switch entre le mode widget et le mode plein écran
  • réaliser des interactions avec l'appareil via des API Jvascript spécifiques (accès au calendrier ou au répertoire par exemple)


 
EN DETAIL
Les widgets Symbian sont proposés sous l'extension .wgz. Il s'agit en fait d'un .zip renommé.
Ce .zip contient un seul et unique dossier, qui contient lui même le contenu du widget, dont :

  • le logo sous le nom icon.png de dimensions 88x88px
  • le descripteur, sous le nom info.plist qui déclare les informations générale du widget (nom du widget, homepage, utilisation d'une connexion, mode widget, etc.)
  • et bien sur les fichiers .html / .css / .js / et tout le reste


 

Reply

Marsh Posté le 06-11-2010 à 14:01:21   

Reply

Marsh Posté le 06-11-2010 à 14:05:13    

WIDGET METEO PARIS
 
IDEE
Ne trouvant pas d'application météo sous Symbian qui indique des données vraiment fiables sur Paris, je suis parti sur l'idée d'une application/widget qui se base sur les données du site http://www.meteo-paris.com/index.php.
 
Vu que le site ne propose pas d'applications pour Symbian ni de flux RSS, j'ai été obligé de composer moi même le widget de A à Z.
 
L'historique du projet est accessible sur le forum du site blog-n97.fr : http://forum.blog-n97.fr/viewtopic.php?f=11&t=7682.
 
 
REALISATION
Voici le résultat à l'heure actuelle avec le détail des dernières modifications apportées :
1 - gestion de deux modes d'affichage : plein écran, et widget
2 - switch automatique et instantané entre les deux modes d'affichage
3 - en plein écran, ajout d'onglets : Météo, Options, Info, Update
4 - dans l'onglet Option, sélection de la ville à suivre (encore en beta, certaines villes ne semblent pas fonctionner correctement  :? )
5 - dans l'onglet Option, possibilité d'automatiser la MAJ des données. Dans ce cas, le widget raffraichit automatiquement ses informations toutes les nuits à 0h10min (après la MAJ du site)
6 - dans l'onglet Info, indication des crédits
7 - dans l'onglet Info, détail de l'activité du widget (là à titre expérimental le temps que je stabilise l'appli)
8 -possibilité de raffraichir les données à n'importe quel instant via le bouton en haut à droite  
 
 
 
En widget sur le bureau
http://hfr-rehost.net/preview/self/pic/54ebc028622bea2ce0e829e1e08fd29645b2f664.jpeg
 
 
 
Onglet Météo
http://hfr-rehost.net/preview/self/pic/dfc6b1a9197aabfe591523a2e183c01aa59a9bea.png
 
 
 
Onglet Options
http://hfr-rehost.net/preview/self/pic/a2df6f53ab96c5e3523faca1267b8d41be71e506.png
 
 
Onglet Info
http://hfr-rehost.net/preview/self/pic/083db49d7d1a54a297b64d67a0fe383b307fbe07.png
 
 
 
 
 
 
Au final l'environnement de développement est pas mauvais, mais il faut composer avec les limitations :
pas de débugger Javascript, pas d'évaluateur DOM, et pas de gestion du "onResize" pour passer en mode widget  :|  
 
http://hfr-rehost.net/preview/self/pic/623833781e6b17b6d0ed52ec44b1f99e1145f831.png
 
 
 
 
-> Widget disponible ici : http://www.2shared.com/file/7Cnt_LKF/MeteoParis.html

Reply

Marsh Posté le 06-11-2010 à 14:09:31    

WIDGET RACOURCI
 
IDEE
C'est un "faux" widget, dans le sens ou il n'y a aucune logique métier dedans.
 
L'idée est partie du topic sur le Nokia N8, où un forumeur faisait remarquer la limitation des racourcis du bureau, qui ne permettent pas de linker directement une URL précise en spécifiant une icône personnalisée.
 
Il fait office de Proof Of Concept pour démontrer qu'il est possible de rajouter un raccourci dans les barres d'outils du bureau.
 
 
 
REALISATION
10 minutes chrono :lol:
Ce widget n'a pas de CSS ou de Javascript, et le contenu HTML se contente de faire un redirect dans le header...
 
 
 
Sélection du widget lors du paramétrage des barres de raccourci
http://hfr-rehost.net/preview/self/pic/d2e010c7ed3da5b7f97e7718af61370ae283bec1.jpeg
 
 
 
Affichage dans la barre de raccourci
http://hfr-rehost.net/preview/self/pic/cd18b5592a5ebbc0c4aa0178161b67f493b27f94.jpeg
 
 
 
Rendu sur clic sur le racourci
http://hfr-rehost.net/preview/self/pic/55280fbf7a79ad5455ea277cdbb30c5e2534d648.jpeg
 
 
 
-> Widget disponible ici : http://www.2shared.com/file/MYuxyR11/Hfr_topic_N8.html


Message édité par cartemere le 06-11-2010 à 14:14:51
Reply

Marsh Posté le 06-11-2010 à 21:45:34    

Tres bonne idée ce topic.  :jap:

Reply

Marsh Posté le 29-11-2010 à 11:12:04    

drappal pour te sauver du bide.  :o  
 
 
Je suis pas programmeur mais je suis client pour une appli HFR  :whistle:

Reply

Marsh Posté le 17-12-2010 à 12:37:09    

e

Reply

Marsh Posté le 25-01-2011 à 17:48:32    

ça se bouscule toujours autant sur Symbian à ce que je vois :D

 

De mon coté je suis passé du coté obscur (iOS), donc mon Dev symbian en cours* est tombé dans les oubliettes des applis qui ne verront jamais le jour :o

 

*un widget qui affiche les plans du métro parisien, avec différents niveau de zoom, calcul des itinéraires, calcul des temps de parcours, horaires des metros à venir en temps réel.


Message édité par cartemere le 25-01-2011 à 17:54:42
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed