Mobile Detect: détection/redirection mobile gratuite

Il est clair que ce que la presse appelle le WAP a mis du temps pour atteindre une audience significative et ce n'est pas faute de ne pas avoir essayé. Aujourd'hui, l'internet mobile est utilisé par des millions d'utilisateurs, MobileMultimedia reçoit la visite de plus de 100 000 visiteurs mobiles par mois sur MobileDetect. Une des raisons de la lenteur de la progression de l'internet mobile réside probablement dans la trop grande diversité des téléphones. Quand un développeur internet développe un nouveau site, il peut se permettre de tester son site sur deux ou trois navigateurs et ne pas se préoccuper du reste. Dans le monde mobile, c'est plus compliqué, il existe des milliers de modèles de téléphones différents avec des restrictions bien plus contraignantes que celles rencontrées dans le monde des ordinateurs. Les écrans sont minuscules, la résolution la plus courante est 128x160, soit près de 10x plus petit que la norme des écrans d'ordinateurs. Il existe beaucoup de navigateurs différents qui interpretent le code de façon parfois assez différente. Il est donc impossible de construire une seule page qui servira tous les téléphones de façon adéquate.

Pour construire un site mobile, il vous faudra donc connaitre les caractéristiques du téléphone qui visite vos page. Vous pouvez soit construire une base de connaissance par vos propres moyens ou utiliser un système de détection comme MobileDetect. L'utilisation des caractéristiques des téléphones vous permettra de grouper les appareils en catégories et donc de créer des versions différentes de votre site mobile pour qu'il puisse être visité par une majorité de téléphones. Pour chaque page que vous allez créer, vous devrez donc probablement créer 3 à 4 versions différentes. Vous pouvez naturellement décider d'aller plus loin ou de sacrifier des téléphones mais une chose est sûre, une seule version de votre site ne suffira pas.

Il y a deux variables importantes dont vous devez tenir compte quand vous construisez votre site mobile: la taille d'écran et le navigateur.
La résolution détermine l'espace à votre disposition pour communiquer avec vos visiteurs, comme les écrans sont très petits, il ne s'agit donc pas de gaspiller cet espace inutilement. Le navigateur quant à lui s'occupera d'interpreter votre code, vous avez donc tout intérêt à ce qu'il interprête le code comme vous l'entendez.

Internet Explorer et Mozilla Firefox domine la scène de l'internet mais vous ne les retrouverez pas dans les premières positions dans le monde mobile. Des noms comme Openwave, Netfront, Obigo,... ne vous disent probablement rien et pourtant ils font partie des navigateurs les plus répandus.

Vous pouvez trouver plus d'informations sur ces navigateurs ici:
Openwave (utilisé par Samsung, LG, Alcatel, Sharp, Sagem, Motorola, Siemens,...)
NetFront (utilisé par by Samsung, Sony Ericsson, Panasonic, Toshiba, ZTE, Nec, Motorola, ...)
Obigo (utilisé par Alcatel, Asus, Huawei, LG, Motorola, Siemens, Philips,...)
Nokia Mobile Browser (utilisé par Nokia)
RIM (utilisé par Rim Blackberry)
Teleca (utilisé par Panasonic, LG, ...)

Comme vous pouvez le voir, certains navigateurs sont utilisés par plusieurs marques en même temps. Cela démontre qu'il ne faut pas grouper les téléphones par marque mais plutôt par type de navigateur, cela permet de grouper des téléphones avec des caractéristiques communes et développer une version de site pour eux.

Si vous cherchez une possibilité pour tester vos développements sans utiliser de vrais téléphones, il vous reste la possibilité d'utiliser un simulateur WAP. En voici un aperçu:

Nokia Mobile Internet Toolkit:
Le Nokia Mobile Internet Toolkit est probablement le simulateur WAP le plus élaboré. Il vous permet d'écrire votre code et le tester en parallèle sur plusieurs modèles de Nokia. Le toolkit est gratuit et peut être téléchargé sur forum.nokia.com. Le toolkit propose un émulateur/simulateur, un éditeur de code et plusieurs modèles de Nokia ayant un comportement très réaliste. L'émulateur est très fiable, si une page ne fonctionne pas avec l'émulateur, elle ne fonctionnera pas en réalité non plus.

Openwave SDK:
Openwave propose également son émulateur accompagné par certains modèles de téléphone utilisant ce type de navigateur. Openwave propose également de la documentation pour vous aider à développer votre site.

MobileMultimedia dispose également d'un toolkit gratuit mais disponible sous la forme de code source en PHP plutôt que sous la forme d'un émulateur ou d'un logiciel. Ce package en PHP contient un certain nombre de fonctionalités prête à l'usage qui devraient vous permettre de créer assez rapidement un site mobile.

Le package contient:
- des modèles standards de page (wml et xHTML)
- un script de détection mobile basé sur MobileDetect
- un script de redimensionnement d'image
- des suggestions
- du code documenté

Ce package est gratuit peut être modifié comme bon vous semble. Si vous avez l'une ou l'autre idée pour l'améliorer, n'hésitez pas à soumettre vos idées à MobileMultimedia pour que les autres utilisateurs puissent également en profiter.

Téléchargement MobileMultimedia Free WAP toolkit (seulement disponible en PHP)

2010-09-03 - 18:29:36: SAMSUNG-SGH-X650/1.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 UP.Browser/6.2.3.3....
2010-09-03 - 17:59:48: SonyEricssonS500i/R8BE Browser/NetFront/3.3 Profile/MIDP-2.0 Configuration/CLDC-...
2010-09-03 - 17:44:26: SAMSUNG-GT-M5650/M5650XXIL3 SHP/VPP/R5 Jasmine/1.0 Qtv5.3 SMM-MMS/1.2.0 profile/...
2010-09-03 - 17:18:34: Nokia2700c-2/2.0 (07.80) Profile/MIDP-2.1 Configuration/CLDC-1.1...
2010-09-03 - 16:51:43: SAMSUNG-SGH-F480/F480XXHL3 SHP/VPP/R5 NetFront/3.4 Qtv5.3 SMM-MMS/1.2.0 profile/...
2010-09-03 - 16:47:42: SonyEricssonW508/R1EA Browser/NetFront/3.4 Profile/MIDP-2.1 Configuration/CLDC-1...
2010-09-03 - 15:50:58: Nokia5200/2.0 (05.51) Profile/MIDP-2.0 Configuration/CLDC-1.1...
2010-09-03 - 15:38:29: SonyEricssonW508/R1EA Browser/NetFront/3.4 Profile/MIDP-2.1 Configuration/CLDC-1...
2010-09-03 - 15:04:49: Nokia1680c-2/2.0 (07.60) Profile/MIDP-2.1 Configuration/CLDC-1.1...
2010-09-03 - 14:09:13: LG-KP500-Orange/V10i Teleca/WAP2.0 MIDP-2.0/CLDC-1.1...
2010-09-03 - 14:08:55: LG-KP500-Orange/V10i Teleca/WAP2.0 MIDP-2.0/CLDC-1.1...
2010-09-03 - 12:41:49: SAMSUNG-SGH-F480/F480XXHL3 SHP/VPP/R5 NetFront/3.4 Qtv5.3 SMM-MMS/1.2.0 profile/...
2010-09-03 - 12:39:38: SAMSUNG-C3050-ORANGE/C3050BVID1 Openwave/6.2.3 Profile/MIDP-2.0 Configuration/CL...
2010-09-03 - 12:27:41: Nokia2700c-2/2.0 (07.80) Profile/MIDP-2.1 Configuration/CLDC-1.1...
2010-09-03 - 12:13:48: LG-KP500-Orange/V10i Teleca/WAP2.0 MIDP-2.0/CLDC-1.1...
2010-09-03 - 12:13:06: SonyEricssonW380i/R9BB Browser/NetFront/3.3 Profile/MIDP-2.0 Configuration/CLDC-...
2010-09-03 - 12:12:52: LG-KP500-Orange/V10i Teleca/WAP2.0 MIDP-2.0/CLDC-1.1...
2010-09-03 - 12:09:49: SAMSUNG-GT-S3650-ORANGE/S3650BVII6 SHP/VPP/R5 Jasmine/1.0 Nextreaming SMM-MMS/1....
2010-09-03 - 12:05:02: SAMSUNG-GT-S3650-ORANGE/S3650BVII6 SHP/VPP/R5 Jasmine/1.0 Nextreaming SMM-MMS/1....
2010-09-03 - 12:05:01: SAMSUNG-GT-S3650-ORANGE/S3650BVII6 SHP/VPP/R5 Jasmine/1.0 Nextreaming SMM-MMS/1....
2010-09-03 - 11:54:23: SAMSUNG-SGH-F480/F480XXHL3 SHP/VPP/R5 NetFront/3.4 Qtv5.3 SMM-MMS/1.2.0 profile/...
2010-09-03 - 11:47:49: Nokia3120classic/2.0 (10.00) Profile/MIDP-2.1 Configuration/CLDC-1.1...
2010-09-03 - 11:18:39: SAMSUNG-SGH-X650/1.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 UP.Browser/6.2.3.3....
2010-09-03 - 11:14:17: SAMSUNG-SGH-X650/1.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 UP.Browser/6.2.3.3....
2010-09-03 - 11:13:47: Nokia3120classic/2.0 (10.00) Profile/MIDP-2.1 Configuration/CLDC-1.1...
2010-09-03 - 10:57:20: Mozilla/5.0 (SymbianOS/9.4; Series60/5.0 Nokia5800d-1/50.0.005; Profile/MIDP-2.1...
2010-09-03 - 10:49:59: SAMSUNG-SGH-M110/1.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 UP.Browser/6.2.3.3....
2010-09-03 - 10:49:33: SAMSUNG-SGH-M110/1.0 Profile/MIDP-2.0 Configuration/CLDC-1.1 UP.Browser/6.2.3.3....
2010-09-03 - 10:37:09: SonyEricssonU10i/R7AA Browser/NetFront/3.5 Profile/MIDP-2.1 Configuration/CLDC-1...
2010-09-03 - 10:13:17: Nokia3120classic/2.0 (10.00) Profile/MIDP-2.1 Configuration/CLDC-1.1...
2010-09-03 - 10:13:07: Nokia3120classic/2.0 (10.00) Profile/MIDP-2.1 Configuration/CLDC-1.1...
2010-09-03 - 09:56:36: Nokia3120classic/2.0 (10.00) Profile/MIDP-2.1 Configuration/CLDC-1.1...
2010-09-03 - 09:53:43: Nokia3120classic/2.0 (06.20) Profile/MIDP-2.1 Configuration/CLDC-1.1...
2010-09-03 - 09:30:48: Nokia3600slide/2.0 (04.86) Profile/MIDP-2.1 Configuration/CLDC-1.1...
2010-09-03 - 09:29:40: Nokia3600slide/2.0 (04.86) Profile/MIDP-2.1 Configuration/CLDC-1.1...
2010-09-03 - 09:29:02: Nokia3120classic/2.0 (10.00) Profile/MIDP-2.1 Configuration/CLDC-1.1...
2010-09-03 - 09:21:39: Nokia2700c-2/2.0 (07.80) Profile/MIDP-2.1 Configuration/CLDC-1.1...
2010-09-03 - 08:34:05: SAMSUNG-SGH-F480/F480XXHL3 SHP/VPP/R5 NetFront/3.4 Qtv5.3 SMM-MMS/1.2.0 profile/...
2010-09-03 - 08:33:52: SAMSUNG-SGH-F480/F480XXHL3 SHP/VPP/R5 NetFront/3.4 Qtv5.3 SMM-MMS/1.2.0 profile/...
2010-09-03 - 08:31:55: SonyEricssonF305/R1DA Browser/OpenWave/1.0 Profile/MIDP-2.1 Configuration/CLDC-1...