Piwigo.org

cljosse · 2011-09-12 13:46:14

Bonjour.
N'ayant pas la possibilité de faire des tests avec un iphone ou ipad ou même de touchpad, je vous sollicite pour me faire parvenir des retours d'expériences.

Le but de ces tests est de remplacer les boutons de navigation pour les écrans tactiles par la "gestuelle" de l'iphone .
Pour changer de photo on touche la photo et on la "deplace" rapidement soit vers la droite soit vers la gauche.

- On peut aussi utiliser la souris de la même façon si il n'y a pas d'écran tactile.

Je n'ai aucune idée du résultat sur iphone ou ipad, je viens juste d'écrire ce bout de programme.

Donc si quelqu'un pouvait tester ce programme
avec iphone,
ipad
touchpad
ecran tactile
ce serait sympa.

Merci vour vos rex.

Url du test:
http://cl.josse.free.fr/wipetouch/index.htm

Dernière modification par cljosse (2011-09-15 07:47:45)

plg · 2011-09-12 15:16:25

Bonjour,

Je viens de tester sur iPhone.

Il y a quelque chose qui se passe, mais c'est très très lent, je n'arrive pas à comprendre si je passe bien à la photo suivante. J'ai l'impression que les photos sont immenses et que je n'en vois qu'une petite partie.

cljosse · 2011-09-12 15:41:22

Merci pour ce retour.

Bon je vais réduire les photos a 960x640.
et supprimer les animations.

cljosse · 2011-09-12 16:08:58

Ca devrait etre mieux une photo HD s'était glissée dans le lot...

plg · 2011-09-13 15:26:36

cljosse a écrit:
Ca devrait etre mieux une photo HD s'était glissée dans le lot...

Ca marche bien !

Niveau ergonomie il faut "savoir" qu'on navigue par glisser, mais le résultat est bien !

cljosse · 2011-09-13 15:43:56

Merci
Ya plus qu'à integrer cette fonction dans un plugin...

:-)

A+

nicophotographies · 2011-09-13 18:49:23

*Et notifier les utilisateurs pour qu'ils sachent comment faire.

cljosse · 2011-09-13 18:53:58

nicophotographies a écrit:
*Et notifier les utilisateurs pour qu'ils sachent comment faire.

Bien sur...
Dès que c'est prêt.

P@t · 2011-09-14 00:31:36

Ca fonctionne très bien sur iphone... manque juste un pré-chargement de l'image suivante... et une petite animation de slide entre les deux photos (jQuery permet de faire ça très facilement)

plg · 2011-09-14 00:35:22

P@t a écrit:
et une petite animation de slide entre les deux photos

Oui, très juste, là on se demande ce qui se passe entre 2 photos. Une animation met les choses au clair !

P@t · 2011-09-14 00:40:47

jQuery Mobile ne devrait pas tarder à sortir en version finale...
A mon avis, ça sera l'occasion de créer un template entièrement conçu pour smartphone... et pourquoi pas une partie admin également :-)

Zaphod · 2011-09-14 07:55:01

Le template créé pour smartphone c'est très bien, mais est-ce qu'on pourra l'affecter automatiquement en fonction du terminal utilisé ?

cljosse · 2011-09-14 08:47:58

plg a écrit:
P@t a écrit:
et une petite animation de slide entre les deux photos
Oui, très juste, là on se demande ce qui se passe entre 2 photos. Une animation met les choses au clair !

Ce test n'était qu'une validation de la fonction touch screen, pour l'utilisation soit avec la souris ou avec ecran.
Il reste à faire les animations,l'integration a piwigo, etc
Je réfléchis au moyen d'intégration dans piwigo.
- mettre à disposition les routines pour que les créateurs de style l'utilise dans leur thème.
- poroposer un plugin sous forme de progiciel à modifier et à adapter au besoin par des programmeurs.
avec variables à définir dans le panneau d'adminstration du plugin du genre :
Nom_du_plugin = Mes_gestions
Element_sensible = class:(thumbnailCategory,thumbnails,thumbnailCategories...),id(theImage,menubar,mbCategories...)...
fonction_exe= wipeLeft( class(1) : fonction_1(),(class(2) : fonction_1(),class(3) : fonction_1(),id(1):function_2()..),
wipeRight(class(1) : fonction_2(),(class(2) : fonction_2(),class(3) : fonction_1(),id(1):function_3()..),

),wipeUp(id(1):function_5()..),
),wipeDown(id(1):function_6()..),
)....
- gérer l'affichage des photos dans le style Iphone:
fonction a faire:
- Plein écran(suppression des menus)
- Animation
- Retour miniature
Nota: dans ce cas il ne pas recharger la page à chaque changement de photo, quitte a ne plus afficher toutes les infos liées aux photos.

Mais bon...
Si

P@t a écrit:
jQuery Mobile

fait tout ça, inutile de réinventer la roue.

A+

cljosse · 2011-09-14 16:36:27

Poursuite des tests.

- J'ai ajouté une animation en fonction de la rapidité du glissement pour le défilement des photos.
http://cl.josse.free.fr/wipetouch/index.htm

P@t · 2011-09-14 18:34:34

Pas mal... ça saccade un chouilla sur mon iPhone 4.
A mon avis, il faut garder la vitesse maxi de défilement, quelle que soit la vitesse du doigt!

Piwigo.org

Annonce

#1 2011-09-12 13:46:14

Test pour Iphone ou ipad androide

#2 2011-09-12 15:16:25

Re: Test pour Iphone ou ipad androide

#3 2011-09-12 15:41:22

Re: Test pour Iphone ou ipad androide

#4 2011-09-12 16:08:58

Re: Test pour Iphone ou ipad androide

#5 2011-09-13 15:26:36

Re: Test pour Iphone ou ipad androide

cljosse a écrit:

#6 2011-09-13 15:43:56

Re: Test pour Iphone ou ipad androide

#7 2011-09-13 18:49:23

Re: Test pour Iphone ou ipad androide

#8 2011-09-13 18:53:58

Re: Test pour Iphone ou ipad androide

nicophotographies a écrit:

#9 2011-09-14 00:31:36

Re: Test pour Iphone ou ipad androide

#10 2011-09-14 00:35:22

Re: Test pour Iphone ou ipad androide

P@t a écrit:

#11 2011-09-14 00:40:47

Re: Test pour Iphone ou ipad androide

#12 2011-09-14 07:55:01

Re: Test pour Iphone ou ipad androide

#13 2011-09-14 08:47:58

Re: Test pour Iphone ou ipad androide

plg a écrit:

P@t a écrit:

P@t a écrit:

#14 2011-09-14 16:36:27

Re: Test pour Iphone ou ipad androide

#15 2011-09-14 18:34:34

Re: Test pour Iphone ou ipad androide

Pied de page des forums