Le blog des équipes…

  • Accueil
  • e-Commerce
  • Secteur Public
  • Gestion de contenu
  • Application Web
  • Technologies
  • e-Commerce Chine
  • Contact

Compatibilité des plateformes pour la téléphonie mobile

Par Cyril Drouin le 8 novembre 2011

Il existe 3 types de services mobiles :

-    ”Mobile application” : Application Iphone, Android ou Blackberry
-    ”Mobile compatible site” :
-    ”Mobile website” : site web spécifique

Site compatible avec la téléphonie

1. Compatibilité du code source

Tous nos sites web sont validés W3C, ce qui signifie qu’ils peuvent être affichés sur l’écran d’un téléphone.
Cependant, W3C a aussi un validateur de téléphonie avec plus de règles : http://www.w3.org/Mobile/

Voici les directives que nous pouvons appliquer sur nos sites web pour la compatibilité avec la téléphonie :
- doit être défini sur W3C.
- ne pas utiliser les tableaux dans la mise en page, utiliser les CSS
- utilisation de code XML ou XHTML et d’encodage des caractères UTF-8
- la taille maximale d’une page web pour la téléphonie est de 20 kilobytes

2. Compatibilité du design

Nous pouvons voir comment un site web serait affiché sur un téléphone en utilisant des simulateurs.
Simulateur Google : http://www.google.com/gwt/n (indépendant de la taille de l’écran)
Écran Iphone : http://iphonetester.com/
Écrans Nokia N70 et Sony K750 :
http://emulator.mtld.mobi/emulator.php?webaddress=mobile.lemonde.fr&emulator=nokiaN70&Submit=Submit .

Site web de téléphonie

Un site web de téléphonie est une version légère d’un site web adapté à la téléphonie (petit écran).
Cette version légère consiste en quelques écrans.  Nous devons définir ce que Bysoft proposera dans la version légère des ses produits (Magento, Ez-publish, Drupal).

1. Magento

Il existe un thème pour démarrer avec la téléphonie :
http://www.magentocommerce.com/magento-connect/Magento+Core/extension/303/iphone-theme mais il n’est pas encore à jour sur la dernière version (CE 1.3 max et non-compatible EE)

Si nous développons une version légère, toutes les pages doivent être revues, en conservant le minimum d’informations :
o    Page d’accueil légère
o    Liste de produits (mode liste)
o    Panier
o    Mon compte
o    Recherche
o    Contact
o    Plan du site
o    Procédure de paiement
o    Pages CMS
o    …

mobile03

Source : http://www.joomlart.com/blog/magento-templates/magento-themes-iphone-support

Coût
•    Du temps est nécessaire pour adapter le thème de téléphonie à la nouvelle version 1.4.
•    Pour la version légère, qui se résume à quelques écrans pour montrer le catalogue et la procédure de paiement. Intégration et développement doivent être définis
•    Si nous devons intégrer un design fait maison, le temps requis pour ce thème sera le même que pour un design fait maison habituel

2. Ez publish

Le moteur de contenu multicanaux (http://ez.no/eZPublish/Core-features/Multichannel-Content-Engine) permet de définir le contenu selon le canal utilisé via une simple interface utilisateur web.

La version légère dépend du nombre de type de contenu, habituellement, un écran pour la liste et un écran pour l’article.
Au minimum :
o    Page d’accueil légère
o    Liste d’actualités
o    Détail des actualités
o    Liste d’événements
o    Détail des événements

Coût
•    Pour la version légère :
o    Intégration : de 0.5 à 1 jour
o    Développement : de 2 à 4 jours
•    Pour un thème fait maison : la moitié du temps d’un thème web original

3. Drupal

Un module  permet de changer le thème si le canal est la téléphonie : http://drupal.org/project/mobile_theme

Il existe des thèmes pour la téléphonie :
o     Un thème “Iphone-like” : http://drupal.org/project/iui ou http://drupal.org/project/iwebkit
o    Un thème de téléphonie vierge : http://drupal.org/project/mobile
o    Un thème Nokia : http://drupal.org/project/nokia_mobile

mobile01

mobile02

La version légère dépend du nombre de type de contenu, habituellement, un écran pour la liste et un écran pour l’article.
Au minimum :
o    Page d’accueil légère
o    Liste d’actualités
o    Détail des actualités
o    Liste d’événements
o    Détail des événements

Coût
•    Si nous utilisons un thème de téléphonie existant (“Iphone-like”), il suffit juste d’adapter l’écran selon la configuration de Drupal
•    Si nous devons créer un thème de téléphonie fait maison, il demandera autant de temps qu’un thème habituel Drupal, en partant d’un thème de téléphonie vierge
•    Si nous devons adapter un design fait maison, il nécessitera la moitié du temps d’un thème web original (parties développement et intégration faites)
•    Pour la version légère :
o    Intégration : de 0.5 à 1 jour
o    Développent : de 2 à 4 jours

4. Test

Nous pouvons tester le site web de téléphonie sur un écran de téléphone en utilisant des émulateurs.
Iphone : http://iphonetester.com/
Nokia N70 et Sony K750 : http://emulator.mtld.mobi/emulator.php?webaddress=mobile.lemonde.fr&emulator=nokiaN70&Submit=Submit

Applications de téléphonie existantes pour plateformes

1. Magento

Il est possible de créer une solution de téléphonie sur iphone en définissant le logo et les couleurs.
Puis, l’application est automatiquement crée dans la boutique Apple
http://www.magentocommerce.com/media/videos/magento-mobile

“Quick and easy setup. Magento Mobile installs directly into your existing Magento Admin panel and seamlessly integrates with your existing catalog, CMS, and store configurations.”

Compatibilité
-    Community Edition 1.3 et plus (perso je ne conseillerai qu’à partir de 1.4)
-    Enterprise Edition 1.6 et plus (perso je ne conseillerai qu’à partir de 1.9)
-    Professional Edition 1.8 et plus

Coût
-    L’extension Magento est gratuite
-    La licence iphone (Application key)
o    Offre mensuelle $799 pour la mise en place + $69 par mois
o    Offre annuelle $799 pour la mise en place + $699 pour l’année
-    Pas de développent, pas d’intégration, juste quelques configurations

2. Drupal

Application Iphone :

DRUPAL fournit une interface simple aux développeurs pour contrôler les sites Drupal depuis leurs iPhones
http://crenk.com/drupad-control-your-drupal-powered-site-via-this-iphone-application/

Coût
Prix fixe $4.99

Commentaires
Pas de Commentaires »
Catégories
Drupal, Magento, Prestashop, e-Commerce, eZ Publish

Like


BYSOFT est une agence d'Ingénierie Internet Interactive. Nous accompagnons nos clients dans leurs projets E-commerce et Portails en gestion de contenu.
Nous offrons une couverture globale de services : Conseil, Agence Web, Ingénierie, Hébergement et Génération de trafic.
        

Technologies

  • Ajax
  • DotNetNuke
  • Drupal
  • eZ Publish
  • Flex
  • Internet
  • Joomla
  • Magento
  • MySQL
  • OsCommerce
  • PHP
  • Prestashop
  • Spip

Archives

  • 2012
    • janvier
    • février
  • 2011
    • janvier
    • février
    • mars
    • avril
    • juin
    • juillet
    • septembre
    • octobre
    • novembre
    • décembre
  • 2010
    • janvier
    • février
    • avril
    • mai
    • juin
    • juillet
    • août
    • septembre
    • octobre
    • novembre
    • décembre
  • 2009
    • janvier
    • février
    • mars
    • avril
    • mai
    • juin
    • juillet
    • août
    • octobre
    • novembre
    • décembre
  • 2008
    • février
    • mars
    • avril
    • mai
    • juin
    • juillet
    • août
    • septembre
    • octobre
    • novembre
    • décembre
  • 2007
    • janvier
    • février
    • mars
    • avril
    • mai
    • juin
    • juillet
    • août
    • septembre
    • octobre
    • novembre
    • décembre
  • 2006
    • janvier
    • février
    • mars
    • avril
    • mai
    • juin
    • juillet
    • août
    • septembre
    • octobre
    • décembre
  • 2005
    • octobre
    • novembre

Derniers tweets

  • 15-02-2012
    Nouvel article sur le blog des équipes: "la nouvelle version 1.12 de Magento Enterprise" http://t.co/J8JXCQM8
    ReplyRetweetFavorite

  • 14-02-2012
    Sur le blog des équipes : Brève Drupal 8 - HTML 5 http://t.co/EqlVMjQl
    ReplyRetweetFavorite

  • 09-02-2012
    Nouvel article sur le blog de nos équipes: "Mettez des accents dans votre nom de domaine.fr" http://t.co/WEHCUTE8
    ReplyRetweetFavorite

@BysoftFrance
Le site de l'agence | Nous contacter | rss RSS | Twitter Twitter