iNabz (webapp html pour iPhone avec source)

Bonjour,

Voici une petite webapp entièrement en html et qui avec un peu de css et de javascript permet d'avoir un menu très semblable à ceux de l'iPhone.

Celle-ci est donc destinée aux possesseurs d'iPhone qui souhaitent pouvoir intéragir avec leur lapin très simplement sans installer d'appli.

Il suffit d'héberger cette webapp où vous le souhaitez (comme un espace perso) y intégrant votre serial et votre token.

Pour ce faire, il suffit d'éditer les pages ear, message, radio et sleep (avec le bloc-note par exemple) et d'éditer ces lignes en fin de fichier :

Code:

<INPUT type="hidden" value="Votre_numéro_de_série" name="sn">
<INPUT type="hidden" value="Votre_numéro_de_token" name="token">

Le code est assez simple et la webapp complètement autonome, vous pouvez donc la faire évoluer comme bon vous semblera.

Quelques screenshots :







Et le lien de téléchargement:

http://superuploader.net/1a341c448764-iNabz-zip.html

N'hésitez pas à laisser vos commentaires.

Enjoy

Vraiment tres tres bien !!!
Je teste des que possible !

Achtement joli, dis !

En plus d'être joli ca marche tres bien BRAVO !!

Si je peux me permettre quelques remarques :
- Pourquoi ne pas mettre un fichier en include pour le sn et le token ? comme ca on ne tape qu'une fois !
- Un changement de page et/ou retour au menu et/ou autre chose pour indiquer que l'ordre a bien été envoyé !!!

En tout cas nickel niveau graphique on dirait une vraie appli intégrée a l'iphone ... Tu as tout créer ou tu es parti sur des bases existantes ?

Pour le fichier include, je ne savais pas que c'était possible en html.

En revanche pour les notifications j'y ai pensé mais je n'ai pas cherché plus loin.

Mais effectivement, toute la partie graphique n'est pas de moi.

En fait j'avai déjà fait un mini site que j'utilisai pour mon ancienne mobile (HTC).

J'avai donc déjà tout la partie API de prête.

Mais ça rendait horriblement mal sur l'iPhone, j'ai donc cherché s'il existait une sorte de "kit graphique" pour l'iphone.

J'ai d'abord trouvé ça (à voir à partir d'un iPhone, cliquez ici pour les source).

Les animations sont assez sympa (bien que légèrement bugé en rotation) mais je recherchais quelque chose de plus proche graphiquement de l'interface iPhone.

Je suis ensuite tombé là-dessus (à voir à partir d'un iPhone, pour ceux que ça interesse j'ai aussi les sources de celui-ci).

Cet exemple est encore plus complet et semble utiliser la même base que précedemment.

Enfin j'ai découvert UiUIKit (Universal iPhone UI Kit) disponible à cette adresse :

http://code.google.com/p/iphone-universal/

C'est donc ce dernier que j'ai utilisé en essayant de l'alléger pour une utilisation perso.

Tout le mérite en revient donc à dlafuente pour ce kit et à Violet pour son API.

Je n'ai fait qu'assembler les deux.

J'ai aussi essayé de combiner les effets/animations des deux premiers exemple avec le UiUIKit sans succès.

Si quelqu'un arrive à la faire et à prendre en compte les deux suggestions de Phabbrrysse, je pense qu'on aurait vraiement une webapp sympa pour nos lapins.

Voilà avis aux amateurs car mes compétences s'arrête là.

Hello

j'ai regardé ton code html ... au niveau des formulaires tu fais comment pour transmettre les adresses ?

Dans ton code ?

Car normalement l'adresse est http://api.nabaztag.com/vl/FR/api.jsp&sn=....&token=....
la c'est transmis comment ?

Tout d'abord le site est composé en réalité de deux frames dont une invisible (nommée xml).

Chaque formulaire envoit les variables qu'il contient via la méthode get à http://api.nabaztag.com/vl/FR/api.jsp dans la frame xml (hormis la radio avec api_stream.jsp).

Le get permet de passer ces variables dans l'url dans la forme suivante : &nom=valeur

Par exemple, le sn et le token (qui sont cachés) sont donc bien passés comme tu l'as écrit : http://api.nabaztag.com/vl/FR/api.jsp&sn=....&token=....

Voilà n'hésites pas si tu as d'autres questions. ;-)

Vous ne voulez pas héberger l'application sur un serveur ou vous ne savez pas faire ?
Zcripts s'occupe de tout (et de vous)
L'application a évoluée pour permettre d'être accessible au plus grand nombre :
Rendez-vous sur : www.zcripts.com pour plus d'information et configurer l'application pour l'utiliser avec votre Iphone !

Comme précisé en pv j'aurai été capable de gérer l'hébergement mais uniquement sous IIS.

Car zcripts est sous apache et je connais l'asp mais pas le php. ^^

Concernant l'adaptation sur Zcripts, si j'ai bien compris le sn et le token sont mis dans l'url par le script dès le début.

Et lors de la création du webclip (raccourci sur le springboard de l'iPhone), le sn et le token sont enregistrés avec l'url.

Ainsi plus besoin de passer par Zcripts et de redonner les infos à chaque fois.

C'est effectivement plus simple que la gestion par cookies dont on avait parlé en pv.

Au passage, j'ai récupéré l'icone que l'on voit sur le springboard sur pngfactory et son auteur est TPDK.

En revanche pourrais-tu soit enlever mon mail des bas de pages ou simplement le remplacer par mon pseudo ?

L'application passant dans un domaine "public", je préfère éviter de laisser mon mail apparaitre. ;-)

Enfin dans ton formulaire, tu utilises du javascript pour rajouter le sn et le token dans l'url en dessous.

Et lorsque l'on clique sur l'url on a une popup pour la webapp + une page qui affiche uniquement "[object]".

Je pense qu'il serait plus simple de faire un formulaire en get sur http://zcripts.com /zcripts/iNabz/index.php avec une target en "_blank".

Voilà merci pour la mise en ligne et l'adaptation en php.

merci c exactement ce que je cherchais !

ça serai possible d'avoir un lien pour télécharger le source final? si on veut l'héberger ailleurs que sur zscripts.com??

merci

Si c'est la source html qui t'interesse alors un lien est dispo en bas du 1er message.

Si c'est la source php alors il faut s'adresse à l'équipe de zscripts.com.

Enfin si le lien du 1er post n'est pas accessible (Accès refusé avec proxy, etc ...), voici tous les liens au choix :

Free : http://dl.free.fr/g2C3gvZZx
RapidShare : http://rapidshare.com/files/216063193/iNabz.zip.html
ZShare : http://www.zshare.net/download/5802222937dd2ab2/
MegaUpload : http://www.megaupload.com/?d=05AZGYEP
FileFactory : http://www.filefactory.com/file/af83d3c/n/iNabz_zip
MegaShares : http://d01.megashares.com/?d01=32f79ae
Netload : http://netload.in/datei3wTjIZYj0Q/iNabz.zip.htm
UploadedTo : http://uploaded.to/?id=muy7my
DepositFiles : http://depositfiles.com/files/zuy3rlu00
LoadTo : http://www.load.to/FdJuAzRXKC/iNabz.zip
FilesTo : http://www.files.to/get/568543/81zvccdv1v
ZippyShare : http://www7.zippyshare.com/v/94103095/file.html

salut
c'est la source php qui m'intéresse
merci pour la rapidité de réponse

Phabbrrysse si tu passe par là je suis très intéressé par le script php

merci d'avance