OVH Cloud OVH Cloud

impératifs d'écriture pour les nouveaux médias ?

57 réponses
Avatar
docanski
Bonjour la foule,

Quelle différence y a-t'il entre la création de pages pour iPhone et
autres iPod et la création de pages HTML + CSS destinées au Web ?
Quels sont par ailleurs les impératifs de mise en page pour ces médias
où l'affichage est nettement plus réduit en taille ?

Cordialement,
--
docanski

Portail et annuaire du nord-Bretagne : http://armorance.free.fr/
Guide des champignons d'Europe : http://mycorance.free.fr/
La vallée de la Rance maritime : http://valderance.free.fr/
Les côtes du nord de la Bretagne : http://docarmor.free.fr/

10 réponses

2 3 4 5 6
Avatar
rm
Le Wed, 20 Jan 2010 16:16:04 +0100, SAM
a écrit:

Le 1/20/10 2:56 PM, rm a écrit :
La mise en oeuvre de MicroEmulator pour faire tourner des navigateur
en JAVA (comme Opera Mini ou Bolt) est plus simple (et légère)
voir http://www.opera-fr.com/wiki/wiki?OperaMiniSurVotrePC



J'ai tenté.
Un appareil se montre ..
j'essaie le truc donné pour resizer bien que les indications ne
correspondent pas tout à fait (j'ai un device russe !),
hop! 320/480

Je n'ai plus l'appareil, que l'écran
Bon je tente l'archive Opera
opera-mini-4.2.14912-advanced-fr.jad
Ça marche !
google -> champignons -> mycorance -> clic zoom
jusque là ça va
-> clic menu
... plus de connexion me dit le simulateur :-(



Pas de souci ici, sur une machine XP en première installation de
microemulator 2.0.4, avec
http://m.opera.com/global/opera-mini-4.2.14912-advanced-fr.jar ou
http://m.opera.com/global/opera-mini-5.0.17443-advanced-en.jar, même e n
passant en plus par un proxy squid d'entreprise (modif du config2.xml
requise et protocole=HTTP)

MV Java de Sun, en version 1.6.0_04-b12

Serait-ce parce que j'ai celui d'Opera ouvert dans un des onglets de F x ?



Aucune idée mais il doit être facile de lever le doute, non ?

Le fonctionnement sera similaire à http://www.opera.com/mini/demo/ mais
permettra facilement de changer de "form factor" simulant différent s
appareils mobiles, de tester différentes versions d'Opera Mini ou d e
Bolt. Et même d'utiliser Mini dans des résolutions énormes ou p rofiter
de sa compression quand la bande passante se dégrade :D



Là il m'a perdu mon wifi ma LiveBox ou le fameux proxy Opera
ou je n'sais quoi qui s'télescope avec mes 25 autres applis ouvertes .



Si tu suspectes un problème de connexion, essaye Menu > Outils > Rég lages
change de "Protocole" > Enregistrer

M'étonnait qu'un prg Java fonctionne si bien.



Ici, je dirais plutôt que je suis surpris de voir un petit truc en Jav a
fonctionner de manière si fiable :D

On retentera quand la machine Java se sera remise de ses émotions.

D'ailleurs ce serait bien de pouvoir y tenter avec autre chose qu'Oper a,



Bolt Browser, un "clone" de Mini, fonctionne bien aussi via Micro Emulat or
: http://boltbrowser.com/aindex

Safari par exemple ?



Il faudrait un émulateur d'iPhone, non ?

@+
--
rm
Avatar
docanski
Alors que les eleveurs et agriculteurs polluent toujours la Bretagne,
SAM ecrit ce qui suit en ce 20/01/2010 14:46 :

A propos :
et comme je n'ai pas trouvé le touch écran-suivant,
j'y ai mis des plombes à scroller la liste des champipis ! des plombes !
même en utilisant le glissé-jeté : des plombes !



Ben, il y a actuellement 2755 entrées dans l'index principal.
C'est un bon outil, tu sais ! :-)

Peut-être prévoir une option de sous listes ? (par caractère)



Peut-être des ancres ? Peut-être une scission entre l'index français et
l'index latin ?

Un truc pour faire venir le clavier et taper les 1ères lettres ?



Peut-être pas possible avec tous les lecteurs ?

(no sè si possible)



Ben moi non plus ...

Cordialement,
--
docanski

Portail et annuaire du nord-Bretagne : http://armorance.free.fr/
Guide des champignons d'Europe : http://mycorance.free.fr/
La vallée de la Rance maritime : http://valderance.free.fr/
Les côtes du nord de la Bretagne : http://docarmor.free.fr/
Avatar
SAM
Le 1/20/10 5:44 PM, rm a écrit :
Le Wed, 20 Jan 2010 16:16:04 +0100, SAM
a écrit:

Le 1/20/10 2:56 PM, rm a écrit :
La mise en oeuvre de MicroEmulator pour faire tourner des navigateur
en JAVA (comme Opera Mini ou Bolt) est plus simple (et légère)
voir http://www.opera-fr.com/wiki/wiki?OperaMiniSurVotrePC



J'ai tenté.
hop! 320/480

Je n'ai plus l'appareil, que l'écran





Qu'est-ce que je n'ai pas fait bien ?
(pourquoi l'image du phone ne s'est pas adaptée à l'écran agrandi ?)

jusque là ça va




(...)
-> clic menu
... plus de connexion me dit le simulateur :-(



Pas de souci ici, sur une machine XP en première installation de
microemulator 2.0.4, avec



iMac-intel système 10.4.11, DD plein à craquer.

http://m.opera.com/global/opera-mini-4.2.14912-advanced-fr.jar ou



oui, testé celui-là

http://m.opera.com/global/opera-mini-5.0.17443-advanced-en.jar, même en
passant en plus par un proxy squid d'entreprise (modif du config2.xml
requise et protocole=HTTP)



c'est-y pas du Windows ?
j'y comprends rien à Windows.

MV Java de Sun, en version 1.6.0_04-b12



Boudiou ! qu'en sais-je ?
La machine Java fournie par Apple (je la crois à jour)

Serait-ce parce que j'ai celui d'Opera ouvert dans un des onglets de Fx ?



Aucune idée mais il doit être facile de lever le doute, non ?



Si je lance l'émulateur dans Fx, que je m'en va butiner par onglets
ailleurs, éventuellement en rencontrant du Flash, au retour ça marche
plus et le rechargement de la page n'améliore rien.
C'est capricieux et susceptible ces machins Java.

Si tu suspectes un problème de connexion,



Je ne suspecte rien, c'est le MicroEmulator-Java qui me l'a dit
(ou son Mini-Opera, plus probablement)

essaye Menu > Outils > Réglages
change de "Protocole" > Enregistrer





Mazette ! Tu en as des ressources ! !

M'étonnait qu'un prg Java fonctionne si bien.



Ici, je dirais plutôt que je suis surpris de voir un petit truc en Java
fonctionner de manière si fiable :D



C'est bien ce que disais, ;-)
... sauf qu'il a planté.
Bon ... faut avouer que je suis sur Mac ... et que peut-être ... ?

On retentera quand la machine Java se sera remise de ses émotions.





Re-tenté.
Pas bricolé la taille par défaut, j'ai donc un écran de 174 x 218 px
Lancé le jad du opera-mini-4.2.
Passé par les outils : Mobil-View et protocole HTTP
google -> champignons -> mycorange -> ... -> fiche Morille Ronde
L'image est donnée pour 11ko (me dit Opera)
et s'affiche à 160 x 109 px (me dit mon Mac)
zip zioup + bas clic Morille commune, ça s'affiche.

Tout baigne cette fois, on dirait.

Sauf qu'avec le bouton de retour je me retape toutes les pages vues
avant d'arriver à avoir le menu (je crois en avoir déjà parlé avec le Dc
boutons Back *ET* Menu merci)

D'ailleurs ce serait bien de pouvoir y tenter avec autre chose qu'Opera,



Bolt Browser, un "clone" de Mini, fonctionne bien aussi via Micro
Emulator : http://boltbrowser.com/aindex



Ha ben là j'ai fermé mon Fx.

Safari par exemple ?



Il faudrait un émulateur d'iPhone, non ?



Au moins commencer par un émulateur de l'OS ?
C'est quoi l'OS du MicroEmulator ?

Je vois dans /lib/
nokiaui et siemensapi
(ça ça doit être pour des phones?)


M'enfin c'est déjà pas mal : j'ai vu qu'un de mes sites n'était pas du
tout fait pour ces bidules (aussi petits en tous cas).

Sur un autre site et passé en 320/480, les images restent petites.
Ha! Outils / images / qualité haute
M'enfin ! Opera connait ce site par c½ur ou quoi ?
les images sont chargées à peine elles sont commandées !
Bon ... elles ne sont que de 70 ko, par là.
(rigolo ça, des images 800/600 dans le viewport 174/218)
Le mouse-whell horizontal marche pô (pourtant dans Opera.9.6 c'est OK).

--
sm
Avatar
rm
Salut,
Le jeudi 21 janvier 2010 à 01:06, SAM a écrit :

Le 1/20/10 5:44 PM, rm a écrit :
Le Wed, 20 Jan 2010 16:16:04 +0100, SAM
a écrit:

Le 1/20/10 2:56 PM, rm a écrit :
La mise en oeuvre de MicroEmulator pour faire tourner des navigateur
en JAVA (comme Opera Mini ou Bolt) est plus simple (et légère)
voir http://www.opera-fr.com/wiki/wiki?OperaMiniSurVotrePC



J'ai tenté.
hop! 320/480

Je n'ai plus l'appareil, que l'écran





Qu'est-ce que je n'ai pas fait bien ?
(pourquoi l'image du phone ne s'est pas adaptée à l'écran agrandi ?)



Aucune idée.

[...]
http://m.opera.com/global/opera-mini-5.0.17443-advanced-en.jar, même en
passant en plus par un proxy squid d'entreprise (modif du config2.xml
requise et protocole=HTTP)



c'est-y pas du Windows ?
j'y comprends rien à Windows.



Non, cette remarque n'a rien à voir avec l'OS.

MV Java de Sun, en version 1.6.0_04-b12



Boudiou ! qu'en sais-je ?
La machine Java fournie par Apple (je la crois à jour)

Serait-ce parce que j'ai celui d'Opera ouvert dans un des onglets de Fx ?



Aucune idée mais il doit être facile de lever le doute, non ?



Si je lance l'émulateur dans Fx, que je m'en va butiner par onglets
ailleurs, éventuellement en rencontrant du Flash, au retour ça marche
plus et le rechargement de la page n'améliore rien.
C'est capricieux et susceptible ces machins Java.



ici, sous XP, la démo ne fonctionne pas dans Firefox ou Chrome... mais je
peux sans problème utiliser simultanément Opera Mini dans Opera10 et IE8 et
son MicroEmulator
http://files.getwebb.org/files/38/de/00/67a212d0576368c8293dbd348d0db2760e/source.png

Si tu suspectes un problème de connexion,



Je ne suspecte rien, c'est le MicroEmulator-Java qui me l'a dit
(ou son Mini-Opera, plus probablement)

essaye Menu > Outils > Réglages
change de "Protocole" > Enregistrer





Mazette ! Tu en as des ressources ! !



Juste de la curiosité. Mini ne dispose pas de tant de réglages...

M'étonnait qu'un prg Java fonctionne si bien.



Ici, je dirais plutôt que je suis surpris de voir un petit truc en Java
fonctionner de manière si fiable :D



C'est bien ce que disais, ;-)
... sauf qu'il a planté.
Bon ... faut avouer que je suis sur Mac ... et que peut-être ... ?



ça "Just work", qu'ils disaient...

On retentera quand la machine Java se sera remise de ses émotions.





Re-tenté.
Pas bricolé la taille par défaut, j'ai donc un écran de 174 x 218 px
Lancé le jad du opera-mini-4.2.
Passé par les outils : Mobil-View et protocole HTTP
google -> champignons -> mycorange -> ... -> fiche Morille Ronde
L'image est donnée pour 11ko (me dit Opera)
et s'affiche à 160 x 109 px (me dit mon Mac)
zip zioup + bas clic Morille commune, ça s'affiche.

Tout baigne cette fois, on dirait.



peut-être un souci de pare-feux qui bloquerait les connexions "socket"

Sauf qu'avec le bouton de retour je me retape toutes les pages vues
avant d'arriver à avoir le menu (je crois en avoir déjà parlé avec le Dc
boutons Back *ET* Menu merci)



C'est normal, c'était comme ça sur Mini 3 et 4...

[...]
Safari par exemple ?



Il faudrait un émulateur d'iPhone, non ?



Au moins commencer par un émulateur de l'OS ?



Faut demander à Apple alors :)

C'est quoi l'OS du MicroEmulator ?



drôle de question...
http://www.microemu.org/ dit :
"MicroEmulator is a pure Java implementation of Java ME in Java SE."
C'est donc une machine viruelle Java adaptée aux mobiles qui tourne dans
une machine viruelle Java pour station de travail...

Je vois dans /lib/
nokiaui et siemensapi
(ça ça doit être pour des phones?)



Les machines Java doivent être un peu différentes dans tel ou tel
téléphone, effectivement. Certaines n'autorisent pas l'enregistrement
d'image ou de page dans le filsystem de l'appareil, par exemple, alors que
Mini le propose pour consultation offline.

M'enfin c'est déjà pas mal : j'ai vu qu'un de mes sites n'était pas du
tout fait pour ces bidules (aussi petits en tous cas).



C'est rare de trouver un site qui s'adapte complètement à toutes les
tailles d'écran et navigateur utilisé. Mini se débrouille mais ne fait pas
de miracle.

Sur un autre site et passé en 320/480, les images restent petites.
Ha! Outils / images / qualité haute
M'enfin ! Opera connait ce site par c½ur ou quoi ?
les images sont chargées à peine elles sont commandées !
Bon ... elles ne sont que de 70 ko, par là.
(rigolo ça, des images 800/600 dans le viewport 174/218)



C'est le boulot du proxy (convertisseur/compresseur). Si tu utilises un
moniteur réseau (sniffeur ou simple outils qui compte les paquets/octets
envoyés/reçus) tu pourras, en utilisant le MicroEmulator (même utilisé en
plein écran) et ton Firefox préféré facilement comparer le gain de bande
passante obtenu ;)

Le mouse-whell horizontal marche pô (pourtant dans Opera.9.6 c'est OK).



Ici, ça fontionne. La molette permet de passer de lien en lien et faire
défiler haut/bas sinon. Mais d'un autre coté, on a rarement vu de souris à
molette branché sur un téléphone mobile <:o)

@+
--
rm
Avatar
docanski
Alors que les eleveurs et agriculteurs polluent toujours la Bretagne,
SAM ecrit ce qui suit en ce 21/01/2010 01:06 :

Sauf qu'avec le bouton de retour je me retape toutes les pages vues
avant d'arriver à avoir le menu (je crois en avoir déjà parlé avec le Dc
boutons Back *ET* Menu merci)



Eh oui ! mais je t'avais répondu qu'il y avait un os, et de taille : on
peut accéder à chaque fiche à partir de 4 menus différents ! Et
installer un lien de retour pour chacun de ces menus suppose de refaire
la totalité des fiches existantes !
Les différents menus de départ :
1 - reconnaissance visuelle d'après une vignette et une description succinte
2 - recherche à partir du nom (français, synonyme français,
scientifique, synonyme latin)
3 - recherche à partir de la famille à laquelle appartient l'espèce
4 - recherche à partir d'une liste des comestibles et des toxiques
Le visiteur revient donc, grâce au retour en JS, au menu à partir duquel
il a fait sa recherche.
Il faut dire aussi qu'il est rare qu'il doive revenir plus de 3 pages en
arrière ! Dès lors ...

Je te disais qu'il s'agit d'un bon outil ! :-)

Cordialement,
--
docanski

Portail et annuaire du nord-Bretagne : http://armorance.free.fr/
Guide des champignons d'Europe : http://mycorance.free.fr/
La vallée de la Rance maritime : http://valderance.free.fr/
Les côtes du nord de la Bretagne : http://docarmor.free.fr/
Avatar
Pierre Goiffon
On 20/01/2010 08:14, bruno666 wrote:
Je pense qu'Olivier fait allusion au media="handheld pour les feuilles de
styles.


(...)
Avec une feuille de style adaptée à ce type de média, il ne reste que le
problème des images trop grandes présentes dans les pages.



Ca me parait rapide comme réflexion !

Pour répondre assez directement, comme partout le user agent ne veux pas
dire grand chose : des navigateurs il y en a de plus en plus, et
plusieurs proposent déjà (Dolphin sur Androïd par exemple) de
personnaliser le user agent... pour ne pas avoir à subir les
redirections brutales de sites vers leurs versions mobiles (au hasard,
Youtube ou Facebook).
Je suis assez persuadé que cela va grandement se généraliser !

Ensuite, l'utilisateur avec un mobile, ou une tablette internet, ou un
touchbook, ou (...) : les usages sont multiples. On ne conçoit pas un
site pour savoir s'il "passera bien" sur un écran, mais s'il répond au
besoin de ses utilisateurs. Oui je me répète, mais c'est à marteler.
Donc potentiellement, on ne développera pas du tout le même site pour
les usages "desktop" et mobiles !
Avatar
Pierre Goiffon
On 20/01/2010 11:39, Olivier Masson wrote:
L'iPhone n'a pas le monopole, même s'il monopolise. Et comme c'est un
gadget vendu à prix d'or (alors que d'autres font nettement mieux pour
moins cher)



Des noms, des noms !



HTC principalement (voir le site que j'ai précédemment donné : pdadb.net)



Oui, mais entre autre ! Car des constructeurs, c'est une chose, mais il
y a surtout un foisonnement d'OS, et bien plus ouverts que le
classiquement ultra-vérouillé système mis en place par Apple ! WebOS de
Palm, Maemo de Nokia, et surtout... Androïd de Google ! La concurrence
va être forcément très rude.
Avatar
Pierre Goiffon
On 20/01/2010 13:09, docanski wrote:
Te moque pas ! c'est le vendeur d'une boutique spécialisée qui m'a
affirmé ça.
(Je me disais aussi que pour lire du 1024 x 768 il fallait avoir une vue
exceptionnelle !)

Mais sinon, l'iphone c'est 320x480 (oui, c'est une bouse). L'iPod
aussi d'ailleurs.





Peut être s'agit-il d'une confusion avec les formats de vidéo ? (moi je
m'en fiche, j'ai un Archos et pas besoin de me soucier de formats ;) )
Avatar
Guy
On 21 jan, 14:46, docanski
wrote:
--
docanski

Portail et annuaire du nord-Bretagne :http://armorance.free.fr/
Guide des champignons d'Europe :http://mycorance.free.fr/
La vall e de la Rance maritime :http://valderance.free.fr/
Les c tes du nord de la Bretagne :http://docarmor.free.fr/



Bonsoir,

Et hop, le guide des champignons dans l'annuaire des guides
pratiques !

http://www.guides-pratiques.info/annuaire.html

Si cela te gêne ou que la catégorie ou les descriptions doivent être
modifiées, dis-le moi et je l'enlèverais aussitôt. Même pas de lien en
retour obligatoire !

Merci.

Guy
Avatar
Olivier Masson
Le 21/01/2010 18:31, Pierre Goiffon a écrit :

Oui, mais entre autre ! Car des constructeurs, c'est une chose, mais il
y a surtout un foisonnement d'OS, et bien plus ouverts que le
classiquement ultra-vérouillé système mis en place par Apple ! WebOS de
Palm, Maemo de Nokia, et surtout... Androïd de Google ! La concurrence
va être forcément très rude.



Absoluement. Le seul avantage d'Apple pour le web mobile, c'est son
extension intégrée à Safari(webkit) pour la navigation au doigt.
Mais si les autres sont un peu malins, ils l'intègreront.
Cela fait 2 ans que j'utilise Opera Mobile et j'arrive à surfer même sur
mon 240x320... quand les sites sont prévus pour :)
2 3 4 5 6