Forum des Objets Communicants et Solutions pour les Libérer...


 
AccueilAccueil  GalerieGalerie  FAQFAQ  RechercherRechercher  S'enregistrerS'enregistrer  Connexion  

Partagez
 

 iNabz (webapp html pour iPhone avec source)

Aller en bas 
AuteurMessage
phoenix
Lapin nain
Lapin nain


Localisation : pas loin
Nabaztag : NyNaPin (V2)
Nbr de messages : 7
Carottes : 4200

iNabz (webapp html pour iPhone avec source) Empty
MessageSujet: iNabz (webapp html pour iPhone avec source)   iNabz (webapp html pour iPhone avec source) Icon_minitimeMer 4 Mar 2009 - 15:55

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 :

iNabz (webapp html pour iPhone avec source) Icond iNabz (webapp html pour iPhone avec source) Index

iNabz (webapp html pour iPhone avec source) Etat iNabz (webapp html pour iPhone avec source) Radiolq8

iNabz (webapp html pour iPhone avec source) Messagefh5 iNabz (webapp html pour iPhone avec source) Oreilledi6

Et le lien de téléchargement:

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

N'hésitez pas à laisser vos commentaires.

Enjoy nabzsmile


Dernière édition par phoenix le Mer 1 Avr 2009 - 10:41, édité 1 fois
Revenir en haut Aller en bas
Phabbrrysse
Nabazteur Voyageur
Nabazteur Voyageur
Phabbrrysse

Age : 32
Localisation : Sassenage
Nabaztag : PhormiBBrrysse et Pharramyneu (V2)
Nbr de messages : 14389
Carottes : 11352

iNabz (webapp html pour iPhone avec source) Empty
MessageSujet: Re: iNabz (webapp html pour iPhone avec source)   iNabz (webapp html pour iPhone avec source) Icon_minitimeMer 4 Mar 2009 - 16:20

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

_____________________________




Connexion du lapin difficile : ICI -- PAS D'AIDE PAR MP NI PAR MAIL
Revenir en haut Aller en bas
http://phabbrrysse.fr/
Hunta_de_la_Radieuse
Frénétik Nabaztrice
Frénétik Nabaztrice
Hunta_de_la_Radieuse

Age : 44
Localisation : Anse Lapin
Nabaztag : Hunta (v2)
Nbr de messages : 3832
Carottes : 4620

iNabz (webapp html pour iPhone avec source) Empty
MessageSujet: Re: iNabz (webapp html pour iPhone avec source)   iNabz (webapp html pour iPhone avec source) Icon_minitimeMer 4 Mar 2009 - 18:49

Achtement joli, dis ! nabzcheers
Revenir en haut Aller en bas
http://www.zcripts.com/
Phabbrrysse
Nabazteur Voyageur
Nabazteur Voyageur
Phabbrrysse

Age : 32
Localisation : Sassenage
Nabaztag : PhormiBBrrysse et Pharramyneu (V2)
Nbr de messages : 14389
Carottes : 11352

iNabz (webapp html pour iPhone avec source) Empty
MessageSujet: Re: iNabz (webapp html pour iPhone avec source)   iNabz (webapp html pour iPhone avec source) Icon_minitimeMer 4 Mar 2009 - 22:51

En plus d'être joli ca marche tres bien yellownabzhappy 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 ?

_____________________________




Connexion du lapin difficile : ICI -- PAS D'AIDE PAR MP NI PAR MAIL
Revenir en haut Aller en bas
http://phabbrrysse.fr/
phoenix
Lapin nain
Lapin nain


Localisation : pas loin
Nabaztag : NyNaPin (V2)
Nbr de messages : 7
Carottes : 4200

iNabz (webapp html pour iPhone avec source) Empty
MessageSujet: Re: iNabz (webapp html pour iPhone avec source)   iNabz (webapp html pour iPhone avec source) Icon_minitimeJeu 5 Mar 2009 - 9:43

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. nabzjump

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


Dernière édition par phoenix le Mer 22 Avr 2009 - 12:02, édité 1 fois
Revenir en haut Aller en bas
Phabbrrysse
Nabazteur Voyageur
Nabazteur Voyageur
Phabbrrysse

Age : 32
Localisation : Sassenage
Nabaztag : PhormiBBrrysse et Pharramyneu (V2)
Nbr de messages : 14389
Carottes : 11352

iNabz (webapp html pour iPhone avec source) Empty
MessageSujet: Re: iNabz (webapp html pour iPhone avec source)   iNabz (webapp html pour iPhone avec source) Icon_minitimeDim 8 Mar 2009 - 19:21

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 ?

_____________________________




Connexion du lapin difficile : ICI -- PAS D'AIDE PAR MP NI PAR MAIL
Revenir en haut Aller en bas
http://phabbrrysse.fr/
phoenix
Lapin nain
Lapin nain


Localisation : pas loin
Nabaztag : NyNaPin (V2)
Nbr de messages : 7
Carottes : 4200

iNabz (webapp html pour iPhone avec source) Empty
MessageSujet: Re: iNabz (webapp html pour iPhone avec source)   iNabz (webapp html pour iPhone avec source) Icon_minitimeLun 9 Mar 2009 - 12:06

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. ;-)
Revenir en haut Aller en bas
Phabbrrysse
Nabazteur Voyageur
Nabazteur Voyageur
Phabbrrysse

Age : 32
Localisation : Sassenage
Nabaztag : PhormiBBrrysse et Pharramyneu (V2)
Nbr de messages : 14389
Carottes : 11352

iNabz (webapp html pour iPhone avec source) Empty
MessageSujet: Re: iNabz (webapp html pour iPhone avec source)   iNabz (webapp html pour iPhone avec source) Icon_minitimeMar 10 Mar 2009 - 1:07

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 !

_____________________________




Connexion du lapin difficile : ICI -- PAS D'AIDE PAR MP NI PAR MAIL
Revenir en haut Aller en bas
http://phabbrrysse.fr/
phoenix
Lapin nain
Lapin nain


Localisation : pas loin
Nabaztag : NyNaPin (V2)
Nbr de messages : 7
Carottes : 4200

iNabz (webapp html pour iPhone avec source) Empty
MessageSujet: Re: iNabz (webapp html pour iPhone avec source)   iNabz (webapp html pour iPhone avec source) Icon_minitimeMar 10 Mar 2009 - 10:01

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. nabzjump
Revenir en haut Aller en bas
emile
Lapin nain
Lapin nain


Age : 37
Localisation : Rodez (12)
Nbr de messages : 13
Carottes : 3732

iNabz (webapp html pour iPhone avec source) Empty
MessageSujet: Re: iNabz (webapp html pour iPhone avec source)   iNabz (webapp html pour iPhone avec source) Icon_minitimeMer 22 Avr 2009 - 11:50

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
Revenir en haut Aller en bas
http://www.entreprise-epi.fr
phoenix
Lapin nain
Lapin nain


Localisation : pas loin
Nabaztag : NyNaPin (V2)
Nbr de messages : 7
Carottes : 4200

iNabz (webapp html pour iPhone avec source) Empty
MessageSujet: Re: iNabz (webapp html pour iPhone avec source)   iNabz (webapp html pour iPhone avec source) Icon_minitimeMer 22 Avr 2009 - 11:58

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
Revenir en haut Aller en bas
emile
Lapin nain
Lapin nain


Age : 37
Localisation : Rodez (12)
Nbr de messages : 13
Carottes : 3732

iNabz (webapp html pour iPhone avec source) Empty
MessageSujet: Re: iNabz (webapp html pour iPhone avec source)   iNabz (webapp html pour iPhone avec source) Icon_minitimeMer 22 Avr 2009 - 12:03

salut
c'est la source php qui m'intéresse
merci pour la rapidité de réponse
Revenir en haut Aller en bas
http://www.entreprise-epi.fr
emile
Lapin nain
Lapin nain


Age : 37
Localisation : Rodez (12)
Nbr de messages : 13
Carottes : 3732

iNabz (webapp html pour iPhone avec source) Empty
MessageSujet: Re: iNabz (webapp html pour iPhone avec source)   iNabz (webapp html pour iPhone avec source) Icon_minitimeLun 27 Avr 2009 - 19:46

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

merci d'avance
Revenir en haut Aller en bas
http://www.entreprise-epi.fr
Contenu sponsorisé




iNabz (webapp html pour iPhone avec source) Empty
MessageSujet: Re: iNabz (webapp html pour iPhone avec source)   iNabz (webapp html pour iPhone avec source) Icon_minitime

Revenir en haut Aller en bas
 
iNabz (webapp html pour iPhone avec source)
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» iNabz (webapp html pour iPhone avec source)
» Appli Nabaztouch sur Iphone/Ipod Touch qu'en pensez vous?
» [RP] SOS un trou sur la derniére robe à ma taille...
» Machine à Boisson Chaude / Machine à Boisson Chaude des Merveilles
» Logiciel de gestion de Ronde Suisse pour iPhone

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum des Objets Communicants et Solutions pour les Libérer... :: II. Nabaztag, Karotz, mir:ror, Dal:Dal (Violet Object Operating System) :: L'univers de Nabaztag :: Archives :: API-
Sauter vers: