Web App - Lecteur de panoramique dans iSafari

[globule22]

Un viewer javascript - CSS de panoramiques sphériques a récemment vu le jour en juillet:
Voici le post en question:

http://www.bunnyhero.org/2008/10/13/iph ... transform/

Je suis donc parti de cette monture pour développer une Web App pour l'agence 360 Ouest basé sur le même type de moteur:

l'adresse de la monture actuelle:

http://m.360ouest.com



Les petites curieux peuvent voir le code source pour inspiration...

Les plus:

- sensation d'accélération
- rendu correct avec des faces de cubes de 268px

Les moins:

- pas d'interaction sonore possible, la lecture de mp3 sur iSafari se fait dans une page en lançant quicktime mobile, ce qui empêche une utilisation en tache de fond
- mode paysage difficile à gérer, le player fait 320px de large
- horizon légèrement cassés

A vos claviers

[Edge@51]

Cool, il y a surement moyen d'améliorer tout ça, mais c'est bon de savoir que c'est possible
Est-ce que tu comptes vendre/partager ce logiciel? En tout cas, je serai vraiment interressé. J'ai déjà envoyé plusieurs e-mail à Apple pour le support du QTVR dans l'iPhone, sans succès ...

[globule22]

L'application a été mise à jour:

- ajout d'une option 'Près de moi' utilisant la fonction du GPS
- ajout d'une catégorie 'Par ordre décroissant'
- chargement en ajax pour les panoramiques des catégories
- le player a l'air de beaucoup moins planter au démarrage, j'ai changer un peu le code

Il me reste à optimiser les CSS par rapport à la projection des faces de cubes, les horizons sont un peu casser.

Est-ce que tu comptes vendre/partager ce logiciel? En tout cas, je serai vraiment interressé. J'ai déjà envoyé plusieurs e-mail à Apple pour le support du QTVR dans l'iPhone, sans succès ...

Oui, après quid de vendre j'en sais trop rien pour l'instant, le besoin à échelle raisonnable est-il là?

[Rami]

Très intéressant. Plus besoin d'attendre l'arrivée du Flash sur iPhone
Ca évite de passer par des applications dédiées comme Pangea.

[globule22]

Ca évite de passer par des applications dédiées comme Pangea.

C'est le but, l'installation d'application peut-être un premier frein pour l'utilisateur, une webapp est directement accessible en 3 clics

[globule22]

L'application a été mise à jour:

- ajout de la catégorie 'Départements'

- les faces de cubes sont bien alignées dans le moteur et l'horizon est nickel maintenant, ça pantouille encore certaines fois au démarrage, je vais investiguer ça prochainement.

- zoom en étude avec la gestuelle habituelle de l'iphone

Idées et remarques sont les bienvenues.

[estragon]

Et zuuuuute
Cela ne fonctionne pas sous Android !!
J'ai bien la page d'accueil et le menu mais quand je choisis un pano en particulier, j'ai seulement une face.
Une fois, j'ai vu les autres faces apparaitre rapidement en clignotant et puis pfft une seule face carrée inanimée.

C'est bien dommage, j'avais bon espoir...

Au passage, c'est très bien fait, ce qui me fait râler encore plus...

[globule22]

C'est bien dommage, j'avais bon espoir...

Désolé, cette application est en priorité destinée à l'iphone, j'ai pas de smartphone avec Android ni Windows CE sous la main, donc je peux pas faire grand chose de plus pour l'instant pour ces deux plateformes.

Au passage, c'est très bien fait, ce qui me fait râler encore plus...

Merci et désolé

[mizzi]

Génial !!

...Les petites curieux peuvent voir le code source pour inspiration...

Dans tes pages de panoramiques, la terminaison de la balise </div> n'est pas complète (ce qui ne l'empêche pas d'être prise en compte)

Code : Tout sélectionner

<div id="leftbutton3">
			<a href="http://m.360ouest.com/panoramas.php?cat=Culture" style="text-decoration: none;">Retour à la photothèque</a>

		</div

[globule22]

Dans tes pages de panoramiques, la terminaison de la balise </div> n'est pas complète (ce qui ne l'empêche pas d'être prise en compte)

Merci, ce n'est qu'une première monture, là je fignole la version plein écran du viewer avec adaptation automatique à l'orientation de l'iphone.

[vinda]

Très intéressant d'avoir une nouvelle visualisation VR sur l'iPhone ! Bravo pour ton engagement.
Je trouve que la fenêtre est trop petite, en revanche pas de distorsions quant à l'horizon.
Le vrai plus c'est que tu as un portfolio à l'effigie ta boîte, ton agence, ... et non plus un truc anonyme - je trouve quand même fabuleux de pouvoir montrer son travail, ses photos sur un téléphone ...

Je suis adepte de Pangea VR et le vrai reproche que je lui fais, est l'absence de hotspots - tout bêtement passer d'une vue sphérique à une autre (je dis bêtement parce que je connais rien à la programmation, j'utilise c'est tout ...)
Penses-tu que ce genre de fonction serait possible avec ton application ?
Je me souviens d'un post rapport à une autre appli que Pangea sur l'iPhone.

Encore une fois, je suis à 100% avec toi sur le côté testeur ...

[Edge@51]

Je voulais savoir où tu en étais de ton plug-in globule22? Je compte rendre la version mobile de mon site compatible iPhone, et je suis presque prêt à acheter MoblVR. Mais quitte à dépenser 20€, je préfère que ce soit toi qui en profite

[globule22]

Si t'as le courage de mettre les mains dans le goudron, je suis parti de là: http://janvrsinsky.com/spherical-panora ... or-iphone/

Perso, j'ai plein de trucs en cours en ce moment, certains payants, d'autres non, et comme bien entendu c'est les plans payants qui passent en tête de liste. D'après mes derniers tests en fullscreen, il est très difficile de switcher du mode paysage / portrait et inversement et d'adapter la zone à la surface en question.

[Paul]

Salut, je remonte un vieux post, mais je trouve ton site iphone super bien.
J'aimerait bien essayer de faire la même (enfin juste avec 1 ou 2 pano pour un site perso pas aussi énorme que le tient) mais juste je m'y connait en programmation web mais je ne me suis jamais penché sur le cas des iphone.
juste, vus que tu n'a pas beaucoup de temps, si tu pouvait m'indiquer vers quel soft?sdk? tuto ? il faut utiliser pour faire un tel site.
quand je vais sur m.360 sur iphone sa marche, mais sur pc ou mac, il n'y a rien, ??
bref, je demande pas des explication d'1 page, mais juste savoir vers quoi chercher.
Merci d'avance.

[globule22]

Soft: un bête éditeur de texte
Tuto:
- le code source de ce lien là : http://janvrsinsky.com/spherical-panora ... or-iphone/ et un peu de connaissance en dev web
- tu récupères les pages html et toutes les ressources attenantes, js, images, etc... tu fais fonctionner cet exemple sur ton site, et ensuite tu modifies pour ajouter tes images

Désolé mais là je peux pas aller plus loin dans les explications, à toi d'être curieux, Google sera ton ami bien entendu.

Pour le sdk global, je suis parti de iwebkit, mais tu as aussi jqtouch qui envoie pas mal.

quand je vais sur m.360 sur iphone sa marche, mais sur pc ou mac, il n'y a rien, ??

Pour les sources de m.360ouest.com, désolé, je protège un peu le savoir-faire.

[Edge@51]

Comme tu l'as conseillé, j'ai mis les mains dans le code en partant des source du site bunnyhero. Par contre j'aurai 2 petites questions (si tu as le temps d'y répondre):

- est-ce que je peux utiliser et modifier le code de ce site sans problème (je ne comprends pas bien le système de licence, et comme tu dis être parti de là, tu dois sans doute avoir la réponse). J'ai cherché comment contacter l'auteur sur son site, mais je n'ai pas trouvé d'e-mail.
- comment faire pour que le panorama soit redimensionné correctement en mode paysage (comme sur ton site)?

Voici le lien de mon exemple: http://www.panochrome.fr/images/panopho ... index.html


Merci d'avance

[weshbond]

si vous taquinez le jquery et les css c'est assez simple en fait j'ai monté le truc en 3 heures :

http://www.patrimoine-levezou.com/360/

avec un peu de PHP et de SQL y'a de quoi faire ça en automatique.
et préparer une interface comme 360 ouest qui est plutôt sympa.
Nickel en tous cas ça va compléter mon offre :
prise de vues
hébergement
réalisation de site
version Iphone.

merci de m'avoir suggéré l'idée j'y aurais jamais pensé.

[weshbond]

version IPHONE terminée, à la même adresse que le site normal : http://www.visites-panoramiques.com/

J'ai juste rajouté un petit script javascript / HTACCESS pour rediriger de manière transparente les visiteurs sur la version iphone, à partir de l'adresse de base.

Autre chose, j'ai rajouté une vrai appli carto qui localise l'utilisateur et li propose les panoramas à proximité sous un fond de carte libre.

[globule22]

Mouai, rien de bien révolutionnaire...

[weshbond]

non rien de bien révolutionnaire, juste une adaption des différentes techniques web pour iphone, mais ça se monte en 10 heures à peine ce truc, c'est gadget au possible, mais rigolo, puis ça permet d'avoir son portfolio sous la main.

En revanche que des bons retour sur les tests, c'est plutôt encourageant.