{"id":1074,"date":"2009-09-29T23:34:46","date_gmt":"2009-09-29T22:34:46","guid":{"rendered":"http:\/\/flaven.fr\/?p=1074"},"modified":"2013-09-26T05:53:14","modified_gmt":"2013-09-26T03:53:14","slug":"joomla-mobile-plugin-creer-une-version-mobile-de-votre-site-sous-joomla","status":"publish","type":"post","link":"https:\/\/flaven.fr\/2009\/09\/joomla-mobile-plugin-creer-une-version-mobile-de-votre-site-sous-joomla\/","title":{"rendered":"Joomla, Mobile, Plugin &#8211; Cr\u00e9er une version mobile de votre site sous Joomla"},"content":{"rendered":"<p><!-- Joomla, Mobile, Plugin - Cr\u00e9er une version mobile de votre site sous Joomla --><br \/>\n<!--  Joomla, Mobile, Plugin, PHP, MySQL, Site  --><br \/>\nL&#8217;objectif de cet article est de publier une version mobile d&#8217;un site administr\u00e9 sous le CMS Joomla. Or, le moins que l&#8217;on puisse dire ce que cela n&#8217;a pas \u00e9t\u00e9 une r\u00e9ussite, disons-le m\u00eame plus un rat\u00e9. <!--more--><\/p>\n<p><strong>Nous allons faire une premi\u00e8re tentative avec la combinaison de deux \u00e9l\u00e9ments :<\/strong><\/p>\n<ul>\n<li>Un template au format PDA<\/li>\n<li>Un <code>mambot<\/code> susceptible de faire la conversion de votre site au format PDA<\/li>\n<\/ul>\n<p><strong>La deuxi\u00e8me tentative via un plugin du nom de Joomla Mobile Plugin,qui permet la mise \u00e0 disposition d&#8217;une version mobile d&#8217;un site sous Joomla.<\/strong><\/p>\n<p>On travaille sur la <code>Version 1.5.10<\/code> de Joomla (<code>Joomla_1.5.10-Stable-Full_Package-French.zip<\/code>) dans laquelle les plugins syst\u00e8me sont activ\u00e9s notamment le plugin <code>System - Legacy<\/code>, indispensable dans l&#8217;activation de nombreux plugins car il permet l&#8217;interop\u00e9rabilit\u00e9 avec des plugins disponibles pour des versions ant\u00e9rieures de Joomla.<\/p>\n<p>Il est \u00e0 noter que cette conversion ne permet d&#8217;afficher qu&#8217;une petite partie du contenu disponible sur votre page d&#8217;accueil g\u00e9r\u00e9 par Joomla. Pour faciliter l&#8217;acc\u00e8s \u00e0 cette version mobile, il est conseill\u00e9 d&#8217;utiliser un sous-domaine pour populariser cette version pour PDA.<\/p>\n<h4>Une n\u00e9cessit\u00e9 : cr\u00e9er un sous-domaine<\/h4>\n<p>Cr\u00e9er un cname sur votre nom de domaine principale est plus qu&#8217;une recommandation, c&#8217;est une n\u00e9cessit\u00e9. Les anglophones qui sont toujours tr\u00e8s pragmatiques proposent ni plus ni moins un <code>CNAME<\/code> du type <code>m.hecube.net<\/code> sur un domaine comme <code>hecube.net<\/code><\/p>\n<p><i>Source : <a href=\"http:\/\/joomup.com\/blog\/2007\/06\/08\/the-pda-version-of-a-site-as-a-subdomain\/\">http:\/\/joomup.com\/blog\/2007\/06\/08\/the-pda-version-of-a-site-as-a-subdomain\/<\/a><\/i><\/p>\n<p>C&#8217;est un d\u00e9veloppeur russe, Denis Ryabov, qui s&#8217;est attaqu\u00e9 au probl\u00e8me de mise \u00e0 disposition du contenu Joomla pour mobile.<\/p>\n<p>Autant le dire tout de suite, convertir son site au format mobile \u00e0 l&#8217;aide de plugin, de mambot ou tous les autres artefacts \u00e0 votre disposition pour joomla est un ECHEC ! Il es en effet difficile de mettre en place un site en version mobile et de conna\u00eetre notamment les plus grandes difficult\u00e9s pour le visionner. En effet, sur le web, on ne croit que ce que l\u2019on voit ! En d\u00e9pit de sa popularit\u00e9 et de son extraordinaire vitalit\u00e9 et simplicit\u00e9, Joomla ne parvient pas \u00e0 rendre cette conversion ais\u00e9\u00e9<\/p>\n<h2>Installer Joomla 1.5<\/h2>\n<p>Pour ceux qui souhaitent installer Joomla, il est pr\u00e9f\u00e9rable de se reporter \u00e0 l&#8217;article ci-dessous :<\/p>\n<ul>\n<li><a href=\"http:\/\/social.hecube.net\/blog\/2009\/05\/11\/joomla-installer-joomla-15-pour-creer-son-site-web\/\">Joomla &#8211; Installer Joomla 1.5 pour cr\u00e9er son site web<\/a><\/li>\n<\/ul>\n<p><b>Joomla est un excellent CMS pourvu d&#8217;une grande quantit\u00e9 d&#8217;extensions qui \u00e9tendent de mani\u00e8re incroyable ces capacit\u00e9s toutefois il semble que la simplicit\u00e9 est la premi\u00e8re victime lorsque qu\u2019il s\u2019agit de passer la version sous mobile.<\/b><\/p>\n<h4>Une piq\u00fbre de rappel<\/h4>\n<p>Les principales commandes SQL pour cr\u00e9er la BDD qui va r\u00e9ceptionner le Joomla 1.5<\/p>\n<pre lang=\"sql\">\r\n\/Applications\/MAMP\/Library\/bin\/mysql -u root -p\r\n<\/pre>\n<pre lang=\"sql\">\r\n\tCREATE USER 'joomla_1_5'@'localhost' IDENTIFIED BY 'joomla_1_5';\r\n\tGRANT USAGE ON *.* TO 'joomla_1_5'@'localhost' IDENTIFIED BY 'joomla_1_5' \r\n\tWITH MAX_QUERIES_PER_HOUR 0 MAX_CONNECTIONS_PER_HOUR 0 \r\n\tMAX_UPDATES_PER_HOUR 0 MAX_USER_CONNECTIONS 0;\r\n\tCREATE DATABASE IF NOT EXISTS joomla_1_5;\r\n\tGRANT ALL PRIVILEGES ON joomla_1_5.* TO 'joomla_1_5'@'localhost';\r\n<\/pre>\n<h4>Activation du plugin <code>System - Legacy<\/code> pour faire tourner les \u00e9l\u00e9ments sous Joomla 1.5<\/h4>\n<p>C&#8217;est un pr\u00e9 requis \u00e0 tout ce qui va suivre et en g\u00e9n\u00e9ral une bonne r\u00e8gle \u00e0 suivre pour le maintien de Joomla.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/09\/joomla_for_mobile_8.jpg\" alt=\"Joomla, Mobile, Plugin - Cr\u00e9er une version mobile de votre site sous Joomla\" width=\"500\" height=\"265\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/09\/joomla_for_mobile_9.jpg\" alt=\"Joomla, Mobile, Plugin - Cr\u00e9er une version mobile de votre site sous Joomla\" width=\"500\" height=\"265\" \/><\/p>\n<h4>Les templates mobile pour Joomla 1.5<\/h4>\n<p>Ils ont peu nombreux et pour l&#8217;un des deux, il est payant :<\/p>\n<ul>\n<li><a target=\"_blank\" href=\"http:\/\/themeforest.net\/item\/joomla-mobile-dark-theme\/16040\">Joomla Mobile Dark Theme<\/a><\/li>\n<li><a target=\"_blank\" href=\"http:\/\/joomup.com\/blog\/2007\/10\/20\/pdaplugin-joomla-15\/\">PDA Template<\/a><\/li>\n<\/ul>\n<h2>La proc\u00e9dure \u00e0 suivre pour convertir son site Joomla 1.5 en site pour mobile<\/h2>\n<p><b>Dans l&#8217;admin<\/b><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/09\/joomla_for_mobile_1.jpg\" alt=\"Joomla, Mobile, Plugin - Cr\u00e9er une version mobile de votre site sous Joomla\" width=\"500\" height=\"265\" \/><\/p>\n<p><b>Installer les \u00e9l\u00e9ments<\/b><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/09\/joomla_for_mobile_2.jpg\" alt=\"Joomla, Mobile, Plugin - Cr\u00e9er une version mobile de votre site sous Joomla\" width=\"500\" height=\"265\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/09\/joomla_for_mobile_3.jpg\" alt=\"Joomla, Mobile, Plugin - Cr\u00e9er une version mobile de votre site sous Joomla\" width=\"500\" height=\"265\" \/><\/p>\n<h4>1. Installer le template PDA <code>pda-template-2.1.2.zip<\/code><\/h4>\n<p>Une fois le template format PDA install\u00e9, n&#8217;allez pas l&#8217;activer, sinon vous risquez de ne plus voir votre site. Car, jusqu&#8217;\u00e0 pr\u00e9sent, vous vous connectez encore \u00e0 votre site encore via un navigateur et non via votre mobile.<\/p>\n<p><b>Activation<\/b><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/09\/joomla_for_mobile_4.jpg\" alt=\"Joomla, Mobile, Plugin - Cr\u00e9er une version mobile de votre site sous Joomla\" width=\"500\" height=\"265\" \/><\/p>\n<p><b>Voici le message d&#8217;erreur si le template PDA devient votre template par d\u00e9faut.<\/b><br \/>\n<code>Inconsistency between versions of pda-mambot and pda-template.<\/code><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/09\/joomla_for_mobile_5.jpg\" alt=\"Joomla, Mobile, Plugin - Cr\u00e9er une version mobile de votre site sous Joomla\" width=\"500\" height=\"265\" \/><\/p>\n<p><b>Activation du mambot <code>pda-bot-2.1.2.zip<\/code><\/b><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/09\/joomla_for_mobile_6.jpg\" alt=\"Joomla, Mobile, Plugin - Cr\u00e9er une version mobile de votre site sous Joomla\" width=\"500\" height=\"265\" \/><\/p>\n<p><b>Publication du mambot <code>pda-bot-2.1.2.zip<\/code><\/b><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/09\/joomla_for_mobile_7.jpg\" alt=\"Joomla, Mobile, Plugin - Cr\u00e9er une version mobile de votre site sous Joomla\" width=\"500\" height=\"265\" \/><\/p>\n<h4>2. Installer le Mambot PDA <code>pda-bot-2.1.2.zip<\/code><\/h4>\n<p>Au terme de l&#8217;installation, il vous sera demander d&#8217;ex\u00e9cuter une op\u00e9ration. Il s\u2019agit de lancer un fichier nomm\u00e9 <code>installpatch.php<\/code> or l&#8217;URL diff\u00e8re grandement  si on se r\u00e9f\u00e8re \u00e0 la position exacte du fichier dans la distribution Joomla en local sur MAMP alors que se passera-t-il sur votre serveur ?<\/p>\n<ol>\n<li>URL donn\u00e9 par le lien <code>http:\/\/127.0.0.1\/mambots\/system\/pda\/installpatch.php<\/code><\/li>\n<li>URL donn\u00e9 si on se fit \u00e0 sa position effective <code>http:\/\/127.0.0.1\/joomla_1_5\/Joomla_1_5_10\/plugins\/system\/pda\/installpatch.php<\/code><\/li>\n<\/ol>\n<p><b>Recommandations apr\u00e8s l&#8217;installation<\/b><\/p>\n<blockquote><p>\nPDA-mambot<br \/>\nThis mambot changes template to PDA-version.<br \/>\nDo not forget to publish a mambot \u201cPDA-mambot\u201d.<br \/>\nNote: for using subdomain you need to apply patch for joomla cache [restore original]<br \/>\nDevelopment of a mambot: \u00a9 2007 Denis Ryabov, Interesting about Joomla! CMS.<br \/>\nAlways check for last version at http:\/\/physicist.phpnet.us\/\n<\/p><\/blockquote>\n<p><b>Conclusion : A premi\u00e8re vue, Convertir son site au format mobile NE MARCHE PAS SUR UN JOOMLA 1.5 via la proc\u00e9dure qui vient d&#8217;\u00eatre d\u00e9crite. Bien que le syst\u00e8me legacy ait \u00e9t\u00e9 activ\u00e9 ! Plusieurs raisons possible : nous sommes partis d&#8217;une version fran\u00e7aise et non de la version native en anglais, le code n&#8217;est sans dout pas suffisamment mis \u00e0 jour par rapport aux derni\u00e8res \u00e9volutions de Joomla.<\/b><\/p>\n<h4>3. Installer le <code>3_pdasubdomain.zip<\/code><\/h4>\n<p>Est-ce bien n\u00e9cessaire ?<\/p>\n<h2>Joomla Mobile Plugin <code>mobile_friendly_v091a.zip<\/code><\/h2>\n<p>Une solution de replie, pas franchement ! Cela ne marche pas non plus ! En d\u00e9pit de l\u2019\u00e9dition de <code>wurfl_config.php<\/code>et d\u2019une lecture attentive de <code>setup_guide_for_v091.pdf<\/code>. Rien n&#8217;y fait !<\/p>\n<p><strong>Conclusion :  Avec un peu de pers\u00e9v\u00e9rance, il est possible de faire fonctionner ce plugin mais il faudra surtout bien vous assurer que votre template Joomla est bien PDA compatible.<\/strong><\/p>\n<ul>\n<li><a href=\"http:\/\/joomla.mobileplugin.net\/\" target=\"_blank\">http:\/\/joomla.mobileplugin.net\/\n<li><a href=\"http:\/\/www.bestofjoomla.com\/component\/option,com_mtree\/task,viewlink\/link_id,346\/Itemid,95\/\" target=\"_blank\">http:\/\/www.bestofjoomla.com\/component\/option,com_mtree\/task,viewlink\/link_id,346\/Itemid,95\/<\/a><\/li>\n<li><a href=\"http:\/\/sourceforge.net\/projects\/joomlamobileplu\/\" target=\"_blank\">http:\/\/sourceforge.net\/projects\/joomlamobileplu\/<\/a><\/li>\n<li><a href=\"http:\/\/sourceforge.net\/projects\/joomlamobileplu\/wp-content\/uploads\/documentation\/Step%20by%20Step%20Install_Setup%20guide\/\" target=\"_blank\">http:\/\/sourceforge.net\/projects\/joomlamobileplu\/wp-content\/uploads\/documentation\/Step%20by%20Step%20Install_Setup%20guide\/<\/a><\/li>\n<\/ul>\n<h4>Quelques liens sur la question Joomla pour mobile<\/h4>\n<ul>\n<li><a href=\"http:\/\/www.thejoomlapodcast.com\/free-joomla-tutorials\/49-creating-mobile-websites-with-joomla-15\" target=\"_blank\">http:\/\/www.thejoomlapodcast.com\/free-joomla-tutorials\/49-creating-mobile-websites-with-joomla-15<\/a><\/li>\n<li><a href=\"http:\/\/gwenael.forestier1.free.fr\/index.php?option=com_content&amp;task=view&amp;id=77&amp;Itemid=137\" target=\"_blank\">http:\/\/gwenael.forestier1.free.fr\/index.php?option=com_content&amp;task=view&amp;id=77&amp;Itemid=137<\/a><\/li>\n<li><a href=\"http:\/\/www.joomlafrance.org\/Les_News\/Les_Templates\/Une_version_mobile_de_votre_site_Joomla!.html\" target=\"_blank\">http:\/\/www.joomlafrance.org\/Les_News\/Les_Templates\/Une_version_mobile_de_votre_site_Joomla!.html<\/a><\/li>\n<li><a href=\"http:\/\/mobiforge.com\/developing\/story\/mobile-sites-with-joomla-cms\" target=\"_blank\">http:\/\/mobiforge.com\/developing\/story\/mobile-sites-with-joomla-cms<\/a><\/li>\n<h4>Tester votre site avec l&#8217;\u00e9mulateur<\/h4>\n<ul>\n<li>L&#8217;\u00e9mulateur de <code>mtld.mobi<\/code><br \/>\n<a href=\"http:\/\/emulator.mtld.mobi\/emulator.php\" target=\"_blank\">http:\/\/emulator.mtld.mobi\/emulator.php<\/a><\/li>\n<li>&#8220;mobiReady &#8211; dotMobi compliance &amp; mobileOK checker&#8221;<br \/>\n<a href=\"http:\/\/ready.mobi\/\" target=\"_blank\">http:\/\/ready.mobi\/<\/a><\/li>\n<li>Simulateur Opera Mini, tr\u00e8s bien fait<br \/><a target=\"_blank\" href=\"http:\/\/www.operamini.com\/demo\/\">Opera Mini Simulator<\/a><\/li>\n<li>TestiPhone.com &#8211; iPhone Simulator, notre favori cela va sans dire pour la plate-forme tout au moins<br \/><a target=\"_blank\" href=\"http:\/\/www.testiphone.com\/\">iPhone Simulator<\/a><\/li>\n<\/ul>\n<h4>Les fichiers \u00e0 t\u00e9l\u00e9charger<\/h4>\n<ul>\n<li>T\u00e9l\u00e9charger le Template pda<br \/>\n<a href=\"http:\/\/www.joomlafrance.org\/telecharger\/fileinfo\/Template_PDA.html\" target=\"_blank\">http:\/\/www.joomlafrance.org\/telecharger\/fileinfo\/Template_PDA.html<\/a><\/li>\n<li>T\u00e9l\u00e9charger le Plugin (n\u00e9cessaire \u00e0 la d\u00e9tection de navigateur pour mobile)<br \/>\n<a href=\"http:\/\/www.joomlafrance.org\/telecharger\/fileinfo\/PDA_Plugin.html\" target=\"_blank\">http:\/\/www.joomlafrance.org\/telecharger\/fileinfo\/PDA_Plugin.html<\/a><\/li>\n<li>T\u00e9l\u00e9charger le Plugin de sous-domaine<br \/>\n<a href=\"http:\/\/www.joomlafrance.org\/telecharger\/fileinfo\/Plugin_PDA_subdomain.html\" target=\"_blank\">http:\/\/www.joomlafrance.org\/telecharger\/fileinfo\/Plugin_PDA_subdomain.html<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>L&#8217;objectif de cet article est de publier une version mobile d&#8217;un site administr\u00e9 sous le CMS Joomla. Or, le moins que l&#8217;on puisse dire ce&hellip; <\/p>\n<p class=\"text-center\"><a href=\"https:\/\/flaven.fr\/2009\/09\/joomla-mobile-plugin-creer-une-version-mobile-de-votre-site-sous-joomla\/\" class=\"more-link\">Continue reading &rarr; <span class=\"screen-reader-text\">Joomla, Mobile, Plugin &#8211; Cr\u00e9er une version mobile de votre site sous Joomla<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":9507,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"bf_ai_meta_description":"Cr\u00e9er une version mobile de votre site Joomla avec des plugins. Testez deux outils pour des r\u00e9sultats optimaux.","bf_ai_og_title":"Joomla Mobile Plugin","footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[3442,3444,3449,3451,3435,3452],"tags":[2221,173,31,2211,20,106,175],"class_list":["post-1074","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mobile-devices","category-programming-databases","category-tutorials-how-to","category-web-design-front-end","category-web-development","category-wordpress-cms","tag-cms","tag-joomla","tag-mobile","tag-mysql","tag-php","tag-plugin","tag-site"],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3Vuhl-hk","jetpack_featured_media_url":"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/09\/joomla_for_mobile_b_2_g_bf.jpg","_links":{"self":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/1074","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/comments?post=1074"}],"version-history":[{"count":1,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/1074\/revisions"}],"predecessor-version":[{"id":9508,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/1074\/revisions\/9508"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media\/9507"}],"wp:attachment":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media?parent=1074"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/categories?post=1074"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/tags?post=1074"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}