<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" version="2.0">

<channel>
	<title>cplusn.com</title>
	
	<link>http://cplusn.com</link>
	<description>collaboration : patrimoine : mobilité</description>
	<lastBuildDate>Tue, 08 May 2012 17:30:23 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/cplusn" /><feedburner:info xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" uri="cplusn" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>Un téléphone pour Free Mobile : le Nokia C2-00</title>
		<link>http://cplusn.com/2012/02/un-telephone-pour-free-mobile-le-nokia-c2-00/</link>
		<comments>http://cplusn.com/2012/02/un-telephone-pour-free-mobile-le-nokia-c2-00/#comments</comments>
		<pubDate>Thu, 23 Feb 2012 17:03:55 +0000</pubDate>
		<dc:creator>Emmanuel</dc:creator>
				<category><![CDATA[A l'affiche]]></category>
		<category><![CDATA[Mobilité]]></category>
		<category><![CDATA[Téléphone]]></category>

		<guid isPermaLink="false">http://cplusn.com/?p=648</guid>
		<description><![CDATA[ Comme beaucoup d&#8217;entre vous, je me suis abonné à Free Mobile sur l&#8217;offre à deux euros, gratuite puisque nous sommes également abonnés à Free Adsl. Mais comme beaucoup d&#8217;entre vous, je me suis retrouvé avec potentiellement deux téléphones, l&#8217;un pour le boulot et l&#8217;autre pour mes communications personnelles. 
J&#8217;avais déjà testé il y a quelques mois le double téléphone, et la perspective d&#8217;ajouter un nouveau gadget à la suite téléphone / iPad / iPod ne m&#8217;enchantait guère ; et ...]]></description>
			<content:encoded><![CDATA[<p> Comme beaucoup d&#8217;entre vous, je me suis abonné à Free Mobile sur l&#8217;offre à deux euros, gratuite puisque nous sommes également abonnés à Free Adsl. Mais comme beaucoup d&#8217;entre vous, je me suis retrouvé avec potentiellement deux téléphones, l&#8217;un pour le boulot et l&#8217;autre pour mes communications personnelles. </p>
<p>J&#8217;avais déjà testé il y a quelques mois le double téléphone, et la perspective d&#8217;ajouter un nouveau gadget à la suite téléphone / iPad / iPod ne m&#8217;enchantait guère ; et la tablette magique d&#8217;Apple m&#8217;épargnait le dilemme du smartphone, redondant dans mon cas.</p>
<div class="separator" style="clear: both; text-align: center;"><a href="http://cplusn.com/wp-content/uploads/2012/02/wpid-Photo-23-févr.-2012-1648.jpg" target="_blank" style="margin-left: 1em; margin-right: 1em;"><img src="http://cplusn.com/wp-content/uploads/2012/02/wpid-Photo-23-févr.-2012-1648.jpg" id="blogsy-1330016337564.0261" class="aligncenter" alt="" width="375" height="500"/></a></div>
<p>Je me suis donc penché sur les téléphones dual-sim, capables d&#8217;héberger deux cartes sims en même temps : ma nouvelle carte Free et la carte SFR de mon employeur.</p>
<p>Mon choix s&#8217;est fixé sur le Nokia C2-00, un téléphone très classique mais parfaitement adapté à l&#8217;usage que je souhaitais en faire : téléphoner et recevoir des appels sur deux lignes en même temps.</p>
<h2>Matériel </h2>
<p> Le Nokia C2-00 se présente sous une forme archive classique, avec un clavier apparent. Je l&#8217;avis choisi en blanc, mais il existe ce me semble dans d&#8217;autres couleurs (au moins en noir).</p>
<p>Le design est assez réussi à mon goût, relativement épuré, avec un clavier qui se fond dans la coque plastique du téléphone. La couleur blanche, quoi qu&#8217;assez sympathique, ne facilite pas la lecture des touches en plein soleil, le contraste entre le rétro-éclairage des touches et le blanc du plastique, conjugué au peu de relief du clavier, ne facilite pas la saisie rapide.</p>
<div class="separator" style="clear: both; text-align: center;"><a href="http://cplusn.com/wp-content/uploads/2012/02/wpid-Photo-23-févr.-2012-1649.jpg" target="_blank" style="margin-left: 1em; margin-right: 1em;" title=""><img src="http://cplusn.com/wp-content/uploads/2012/02/wpid-Photo-23-févr.-2012-1649.jpg" id="blogsy-1330016337615.0457" class="aligncenter" alt="" width="375" height="500"/></a></div>
<p> Le C2-00 est assez léger en main, tout en donnant une impression de sérieux dans la construction et de solidité, gage d&#8217;une vie longue et heureuse !</p>
<p>Je passe pudiquement sur l&#8217;appareil photo au format VGA, qui ne peut servir qu&#8217;à prendre les photos à afficher dans l&#8217;annuaire du téléphone.</p>
<p>Au chapitre extension, un emplacement pour une carte Micro-SD est disponible (accessible sous le capot, mais sans enlever la batterie) ce qui permet d&#8217;étendre la mémoire rachitique de l&#8217;appareil (aux alentours de 50 Mo je crois). Je m&#8217;en sert principalement pour y mettre de la musique que j&#8217;utilise comme sonnerie pour les groupes que vous pouvez définir dans l&#8217;annuaire.</p>
<p>La connectivité est assez complète pour cette gamme de prix : une prise jack 3.5 pour le kit piéton stéréo fourni (qui n&#8217;est pas de trop mauvaise qualité), une prise Micro USB pour la connexion au PC (mais qui ne permet pas la recharge), une prise chargeur, un emplacement accessible de l&#8217;extérieur pour insérer la seconde carte SIM.</p>
<p>Il est à noter que le téléphone intègre également une puce Bluetooth, qui permet non seulement de connecter une oreillette, mais également de synchroniser sans fil le téléphone à un PC, ou d&#8217;utiliser la carte Micro USB comme stockage de masse.</p>
<p>Enfin, un vrai bonheur pour un ex-usager d&#8217;un smartphone : ne pas être en permanence accroché à son chargeur, retrouver le plaisir de passer presque une semaine sans recharger son téléphone. Eh oui, vous pouvez oublier votre adaptateur sans vous retrouver à poil dans la journée !</p>
<h2>Logiciel</h2>
<p>Le Nokia C2-00 est basé sur le logiciel S40, qui apporte un environnement complet pour téléphoner et écrire des SMS. La correction prédictive marche assez bien pour l&#8217;écriture des SMS, et de nombreuses astuces permettent d&#8217;accéder rapidement aux principales actions disponibles : appui sur le pavé directionnel (haut pour appareil photo, bas pour annuaire, etc), touches droite et gauche, raccourci numéros par appui long sur les touches du clavier, menu de raccourcis paramétrable, etc. : bref un téléphone facile à utiliser.</p>
<div class="separator" style="clear: both; text-align: center;"><a href="http://cplusn.com/wp-content/uploads/2012/02/wpid-Photo-23-févr.-2012-16491.jpg" target="_blank" style="margin-left: 1em; margin-right: 1em;"><img src="http://cplusn.com/wp-content/uploads/2012/02/wpid-Photo-23-févr.-2012-16491.jpg" id="blogsy-1330016337648.279" class="aligncenter" width="375" height="500" alt=""/></a></div>
<p> Je recommande de télécharger la Suite Nokia, qui permet de synchroniser le téléphone avec un PC pour sauvegarder les réglages, les contacts, échanger la musique, etc&#8230;</p>
<p>Utilisant ce téléphone également dans un contexte professionnel, je cherchais si une solution tierce existait pour synchroniser les contacts Outlook et le C2-00 : et bien mieux que ça, la Suite Nokia permet de le faire nativement. Il faut aller chercher dans les préférences de la Suite Nokia, dans les contacts, et vous pourrez choisir de synchroniser vos contacts Outlook (tous ou seulement un dossier particulier) avec le carnet d&#8217;adresses de votre téléphone.</p>
<h2>Gestion des deux sims</h2>
<p> La première SIM est obligatoire (vous ne pouvez pas téléphoner sans) et son emplacement est situé sous la batterie ; vous devez donc éteindre le téléphone pour la changer. La seconde carte SIM s&#8217;insère puce vers le haut dans un emplacement situé sur la droite du téléphone, et accessible en permanence. Vous pouvez donc jongler entre plusieurs cartes SIM dans le second emplacement. On peut donner un nom à chaque carte pour les distinguer (jusqu&#8217;à 5 réglages pour carte SIM peuvent être stockés). </p>
<div class="separator" style="clear: both; text-align: center;"><a href="http://cplusn.com/wp-content/uploads/2012/02/wpid-Photo-23-févr.-2012-1728.jpg" target="_blank" style="margin-left: 1em; margin-right: 1em;" title=""><img src="http://cplusn.com/wp-content/uploads/2012/02/wpid-Photo-23-févr.-2012-1728.jpg" id="blogsy-1330016337573.0242" class="aligncenter" width="500" height="375" alt=""/></a></div>
<p> La gestion des deux cartes se fait très simplement lors d&#8217;un appel : le téléphone affiche le numéro ou la personne qui appelle, ainsi que le nom de la carte SIM sur laquelle on vous appelle.</p>
<p>Pour les appels sortants ou les SMS, deux modes sont disponibles : vous pouvez soit choisir une carte SIM par défaut, et c&#8217;est par celle ci que seront automatiquement routés les appels ; soit préférer que le C2-00 demande à chaque fois, et dans ce cas, un ecran supplémentaire s&#8217;affichera lorsque vous appuierez sur la touche décrocher (touche téléphone verte).</p>
<div class="separator" style="clear: both; text-align: center;"><a href="http://cplusn.com/wp-content/uploads/2012/02/wpid-Photo-23-févr.-2012-16492.jpg" target="_blank" style="margin-left: 1em; margin-right: 1em;"><img src="http://cplusn.com/wp-content/uploads/2012/02/wpid-Photo-23-févr.-2012-16492.jpg" id="blogsy-1330016337646.1946" class="aligncenter" width="375" height="500" alt=""/></a></div>
<p>Pour choisir le mode du téléphone, il suffit d&#8217;appuyer longuement sur la touche étoile du téléphone qui donne accès à un écran permettant de sélectionner l&#8217;une où l&#8217;autre de ces options. </p>
<p>Un petit regret concernant la gestion des SIM : il n&#8217;est pas possible (en tout cas je n&#8217;ai pas trouve comment faire) d&#8217;associer une sonnerie à chaque SIM, ce qui m&#8217;aurait permis de savoir à l&#8217;oreille si l&#8217;appel était perso ou professionnel. Néanmoins, il est possible d&#8217;associer une sonnerie à un groupe d&#8217;utilisateurs dans le carnet d&#8217;adresses ce qui permet de pallier partiellement à ce petit inconvénient (en effet chaque groupe est limité à 10 contacts).</p>
<h2>En conclusion</h2>
<p> Le Nokia C2-00 correspond parfaitement à mes attentes en matière de téléphone : double SIM, léger et solide, avec des sonneries MP3, permettant la synchronisation de mes contacts avec Outlook, et doté d&#8217;une autonomie confortable, bref, pour 50 euros, c&#8217;est le retour aux valeurs sûres de la téléphonie mobile.</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://cplusn.com/2012/02/un-telephone-pour-free-mobile-le-nokia-c2-00/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Installer RVM et Rails sur Ubuntu</title>
		<link>http://cplusn.com/2011/12/installer-rvm-sur-ubuntu/</link>
		<comments>http://cplusn.com/2011/12/installer-rvm-sur-ubuntu/#comments</comments>
		<pubDate>Sat, 17 Dec 2011 13:17:54 +0000</pubDate>
		<dc:creator>Emmanuel</dc:creator>
				<category><![CDATA[A l'affiche]]></category>
		<category><![CDATA[Développement]]></category>
		<category><![CDATA[Ruby]]></category>
		<category><![CDATA[Ubuntu]]></category>

		<guid isPermaLink="false">http://cplusn.com/?p=627</guid>
		<description><![CDATA[RVM permet d&#8217;installer facilement plusieurs environnement Ruby sur une même machine. Mais il apporte un tel confort dans l&#8217;installation de Ruby (et en particulier de la version 1.9.2 qui n&#8217;est pas encore dans les dépôts officiels de Canonical) que même pour une seule version de Ruby, je ne saurais plus m&#8217;en passer !

A l&#8217;occasion du recyclage d&#8217;un vieux PC, j&#8217;ai eu l&#8217;occasion de rejouer une installation complète de RVM, dont je note ici les différentes étapes. Notez bien que cette ...]]></description>
			<content:encoded><![CDATA[<p>RVM permet d&#8217;installer facilement plusieurs environnement Ruby sur une même machine. Mais il apporte un tel confort dans l&#8217;installation de Ruby (et en particulier de la version 1.9.2 qui n&#8217;est pas encore dans les dépôts officiels de Canonical) que même pour une seule version de Ruby, je ne saurais plus m&#8217;en passer !</p>
<p><img class="aligncenter size-medium wp-image-628" title="rvm" src="http://cplusn.com/wp-content/uploads/2011/12/rvm-500x307.png" alt="" width="500" height="307" /></p>
<p>A l&#8217;occasion du recyclage d&#8217;un vieux PC, j&#8217;ai eu l&#8217;occasion de rejouer une installation complète de RVM, dont je note ici les différentes étapes. Notez bien que cette installation n&#8217;est valable que pour l&#8217;utilisateur courant.</p>
<ul>
<li>Ouvrez le Terminal d&#8217;Ubuntu</li>
<li>Optionnel : installez curl et git s&#8217;ils ne sont pas encore installés</li>
</ul>
<pre class="brush:shell">sudo apt-get install curl git</pre>
<ul>
<li>Placez vous dans votre répertoire home</li>
</ul>
<pre class="brush:shell">cd ~</pre>
<ul>
<li>Installez la dernière version de RVM</li>
</ul>
<pre class="brush:shell">bash &lt; &lt;(curl -s https://raw.github.com/wayneeseguin/rvm/master/binscripts/rvm-installer )</pre>
<ul>
<li>RVM s&#8217;installe dans  ~/.rvm/  ; à la fin de l&#8217;installation, ajoutez le chargement de RVM dans votre shell</li>
</ul>
<div>
<pre class="brush:shell">echo '[[ -s "$HOME/.rvm/scripts/rvm" ]] &amp;&amp; . "$HOME/.rvm/scripts/rvm" # Load RVM function' &gt;&gt; ~/.bash_profile</pre>
</div>
<ul>
<li>Fermez votre Terminal, puis rouvrez le.</li>
<li>Tapez rvm list known : rvm doit vous donner la liste de toutes les version de Ruby disponibles</li>
<li>Installez également les paquets suivants qui sont requis par RVM</li>
</ul>
<div>
<pre class="brush:shell">apt-get install build-essential openssl libreadline6 libreadline6-dev curl git-core zlib1g zlib1g-dev libssl-dev libyaml-dev libsqlite3-0 libsqlite3-dev sqlite3 libxml2-dev libxslt-dev autoconf libc6-dev ncurses-dev automake libtool bison subversion</pre>
</div>
<ul>
<li>Pour installer la version 1.9.2 de Ruby, tapez :</li>
</ul>
<pre class="brush:shell">rvm install 1.9.2</pre>
<ul>
<li>L&#8217;installation de Ruby commence. Lorsqu&#8217;elle est terminée tapez :</li>
</ul>
<pre>rvm --default ruby-1.9.2</pre>
<ul>
<li>Rvm doit vous indiquer avoir sélectionné la version 1.9.2 de Ruby, qui sera utilisée par défaut lorsque vous ouvrirez un terminal. Pour vérifier, tapez :</li>
</ul>
<pre class="brush:shell">ruby -v</pre>
<ul>
<li>Ruby doit alors vous indiquer son numéro de version. Tout fonctionne ! Pour changer de version de Ruby, installez-en une autre puis utilisez la commande suivante :</li>
</ul>
<pre class="brush:shell">rvm use &lt;no_version&gt;</pre>
<ul>
<li>Par exemple</li>
</ul>
<pre class="brush:shell">rvm use 1.8.7</pre>
<ul>
<li>Pour installer Rails, tapez la commande suivante (en rajoutant -v=x.x.x si vous voulez installer une version précise) :</li>
</ul>
<div>
<pre class="brush:shell">gem install rails</pre>
</div>
<ul>
<li>Optionnel : si comme moi, vous avez un message d&#8217;erreur en installant rails indiquant l&#8217;absence de zlib, vous pouvez essayer les commandes suivantes :</li>
</ul>
<pre class="brush:shell">rvm pkg install zlib
rvm remove 1.9.2
rvm install 1.9.2</pre>
<ul>
<li>Relancez ensuite l&#8217;installation de Rails</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://cplusn.com/2011/12/installer-rvm-sur-ubuntu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Démarrer avec iOS : une application Carnet d’Adresses</title>
		<link>http://cplusn.com/2011/11/demarrer-avec-ios-une-application-carnet-dadresses/</link>
		<comments>http://cplusn.com/2011/11/demarrer-avec-ios-une-application-carnet-dadresses/#comments</comments>
		<pubDate>Mon, 14 Nov 2011 18:35:06 +0000</pubDate>
		<dc:creator>Emmanuel</dc:creator>
				<category><![CDATA[A l'affiche]]></category>
		<category><![CDATA[Développement]]></category>
		<category><![CDATA[iOS]]></category>

		<guid isPermaLink="false">http://cplusn.com/?p=556</guid>
		<description><![CDATA[M&#8217;étant récemment lancé dans le développement d&#8217;applications pour les plateformes mobiles d&#8217;Apple, je commence un série d&#8217;articles qui me serviront de bloc-note et d&#8217;aide mémoire pour le développement d&#8217;applications iOS.
Mon premier projet est la transcription sous iOS de ma première application Rails : un carnet d&#8217;adresses pour gérer les coordonnées de mes amis et de ma famille.
Comme cette série d&#8217;article accompagne ma première expérience sous iOS, vous me pardonnerez les approximations et les erreurs que les experts relèveront sans doute ...]]></description>
			<content:encoded><![CDATA[<p>M&#8217;étant récemment lancé dans le développement d&#8217;applications pour les plateformes mobiles d&#8217;Apple, je commence un série d&#8217;articles qui me serviront de bloc-note et d&#8217;aide mémoire pour le développement d&#8217;applications iOS.<br />
Mon premier projet est la transcription sous iOS de ma première application Rails : un carnet d&#8217;adresses pour gérer les coordonnées de mes amis et de ma famille.<br />
Comme cette série d&#8217;article accompagne ma première expérience sous iOS, vous me pardonnerez les approximations et les erreurs que les experts relèveront sans doute ; leurs commentaires sont les bienvenus !</p>
<h2>Pour démarrer</h2>
<p>Pour démarrer le développement sous iOS, il vous faut :</p>
<ul>
<li>Un Macintosh Intel sous MacOS X 10.6 (Snow Leopard) ou MacOSX 10.7 (Lion)</li>
<li>Un compte développeur Apple, pour pouvoir télécharger le SDK (Software Development Kit). Il existe deux niveaux d&#8217;accès en tant que développeur : le <strong>premier est gratuit</strong>, mais ne permet pas d&#8217;exécuter les applications développées autrement que dans le simulateur (sur votre Mac, et pas sur un appareil iOS) ; le<strong> second est payant ($99 par an)</strong>, mais permet d&#8217;exécuter vos applications sur un iPhone ou un iPad, ainsi que de publier vos applications sur l&#8217;AppStore. Enfin, cet abonnement permet de télécharger la version Snow Leopard d&#8217;XCode 4, la dernière version de l&#8217;environnement de développement d&#8217;Apple. Une version payante pour Lion est disponible dans l&#8217;AppStore Mac OS X, ainsi qu&#8217;une version gratuite de la version 3 d&#8217;XCode (mais je ne vous la recommande pas, elle commence à dater).</li>
<li>Un iDevice pour pouvoir tester en vraie grandeur vos applications. la solution la moins onéreuse, c&#8217;est l&#8217;iPod Touch qu&#8217;on trouve maintenant à partir de 199€ ; mais si vous voulez utiliser des fonctions spécifiques à l&#8217;iPhone ou à l&#8217;iPad (téléphone, géolocalisation, etc.), il vous faudra acquérir ou vous faire prêter le matériel adéquat.</li>
</ul>
<h2>Créer son projet</h2>
<p>Une fois XCode installé, vous pouvez le lancer pour commencer notre projet. Vous arrivez sur la fenêtre suivante :<br />
<img class="aligncenter size-medium wp-image-562" title="Ecran d'accueil d'XCode 4" src="http://cplusn.com/wp-content/uploads/2011/11/Capture-d’écran-2011-11-14-à-17.53.35-500x340.png" alt="" width="500" height="340" /> Cliquez sur <strong>Create a new XCode Project</strong>. Comme c&#8217;est un projet d&#8217;apprentissage, nous allons choisir comme modèle <strong>Empty Application</strong>.<br />
<a href="http://cplusn.com/2011/11/demarrer-avec-ios-une-application-carnet-dadresses/capture-d%e2%80%99ecran-2011-11-14-a-18-04-05/" rel="attachment wp-att-563"><img class="aligncenter size-medium wp-image-563" title="Modèle de projet" src="http://cplusn.com/wp-content/uploads/2011/11/Capture-d’écran-2011-11-14-à-18.04.05-500x312.png" alt="" width="500" height="312" /></a> Choisissez ensuite :</p>
<ul>
<li>Un <strong>nom</strong> à votre projet : c&#8217;est celui qui sera par défaut affiché comme nom d&#8217;application.</li>
<li>Votre<strong> identifiant de société</strong> : peut être l&#8217;adresse de votre site web en commençant le Top Level Domain (com, fr, org, etc)</li>
<li>La variable <strong>Class Prefix</strong> est également importante puisqu&#8217;on la retrouvera devant les objets créés automatiquement par XCode.</li>
<li>L&#8217;<strong>appareil cible</strong> : iPad, iPhone ou Universal pour les applications qui tourneront sur les deux types d&#8217;iDevice.</li>
<li>Trois cases à cocher sont ensuite disponibles : nous allons cocher <strong>Use Core Data</strong> afin qu&#8217;XCode initialise un peu de code pour gérer la persistance de vos contacts (c-a-d leur stockage dans une base de données). Les deux autres permettent de gérer automatiquement la mémoire de votre application, et d&#8217;inclure l&#8217;architecture des tests unitaires qui si vous les écrivez, vous permettront de vérifier que les modifications dans votre code ne cassent pas votre application. Nous les laisserons de coté pour ce premier exemple.</li>
</ul>
<p><a href="http://cplusn.com/2011/11/demarrer-avec-ios-une-application-carnet-dadresses/capture-d%e2%80%99ecran-2011-11-14-a-18-07-23/" rel="attachment wp-att-564"><img class="aligncenter size-medium wp-image-564" title="Nom du projet" src="http://cplusn.com/wp-content/uploads/2011/11/Capture-d’écran-2011-11-14-à-18.07.23-500x340.png" alt="" width="500" height="340" /></a> Cliquons ensuite sur le bouton Next. La boite de dialogue suivante permet de choisir l&#8217;emplacement de votre projet sur votre disque ; cochez également la case <strong>Create git repository for this project</strong>, afin de pouvoir gérer vos modifications de code facilement avec Git.<br />
<a href="http://cplusn.com/2011/11/demarrer-avec-ios-une-application-carnet-dadresses/capture-d%e2%80%99ecran-2011-11-14-a-18-17-16/" rel="attachment wp-att-565"><img class="aligncenter size-medium wp-image-565" title="Choix de l'emplacement du projet" src="http://cplusn.com/wp-content/uploads/2011/11/Capture-d’écran-2011-11-14-à-18.17.16-500x289.png" alt="" width="500" height="289" /></a> Cliquez sur le bouton Create : Votre projet est créé, nous allons pouvoir commencer à rentrer dans le vif du sujet&#8230;<br />
<a href="http://cplusn.com/2011/11/demarrer-avec-ios-une-application-carnet-dadresses/capture-d%e2%80%99ecran-2011-11-14-a-18-20-13/" rel="attachment wp-att-567"><img class="aligncenter size-medium wp-image-567" title="Fenêtre principale de XCode 4" src="http://cplusn.com/wp-content/uploads/2011/11/Capture-d’écran-2011-11-14-à-18.20.13-500x312.png" alt="" width="500" height="312" /></a> La suite au prochain épisode !</p>
]]></content:encoded>
			<wfw:commentRss>http://cplusn.com/2011/11/demarrer-avec-ios-une-application-carnet-dadresses/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery Mobile 2e partie : les vues</title>
		<link>http://cplusn.com/2011/11/jquery-mobile-2e-partie-les-vues/</link>
		<comments>http://cplusn.com/2011/11/jquery-mobile-2e-partie-les-vues/#comments</comments>
		<pubDate>Tue, 01 Nov 2011 16:27:48 +0000</pubDate>
		<dc:creator>Emmanuel</dc:creator>
				<category><![CDATA[A l'affiche]]></category>
		<category><![CDATA[Développement]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Rails]]></category>

		<guid isPermaLink="false">http://cplusn.com/?p=527</guid>
		<description><![CDATA[Le précédent article de notre série sur jQuery Mobile annonçait une suite sur la gestion des vues dans jQuery. Je gère l&#8217;affichage des contacts avec un Partial qui est inséré dans la vue elle-même. On a donc la hiérarchie suivante :
Layout =&#62; Vue =&#62; Partial
Nous avons vu dans l&#8217;article précédent l&#8217;architecture du Layout, et une partie de la vue elle-même,dont le code complet est donné ci-dessous :
&#60;% content_for :back do %&#62;&#60;%= link_to t(:"general.back"),  params[:category] ? categories_path : root_path, :'data-direction'=&#62;"reverse", ...]]></description>
			<content:encoded><![CDATA[<p>Le <a title="Développer pour les plateformes mobiles avec jQuery Mobile 1ère partie" href="http://cplusn.com/blog/2011/09/26/developper-pour-les-plateformes-mobiles-avec-jquery-mobile-1ere-partie/">précédent article</a> de notre série sur jQuery Mobile annonçait une suite sur la gestion des vues dans jQuery. Je gère l&#8217;affichage des contacts avec un Partial qui est inséré dans la vue elle-même. On a donc la hiérarchie suivante :</p>
<p>Layout =&gt; Vue =&gt; Partial</p>
<p>Nous avons vu dans l&#8217;article précédent l&#8217;architecture du Layout, et une partie de la vue elle-même,dont le code complet est donné ci-dessous :</p>
<pre class="brush:xml">&lt;% content_for :back do %&gt;&lt;%= link_to t(:"general.back"),  params[:category] ? categories_path : root_path, :'data-direction'=&gt;"reverse", :'data-icon'=&gt;"arrow-l"  %&gt;&lt;% end %&gt;
&lt;% content_for :title do %&gt;&lt;%= params[:category] ? Category.find(params[:category]).name : t(:"contact.all") %&gt;&lt;% end %&gt;
&lt;% content_for :button do %&gt; &lt;%= link_to t(:"contact.add"), new_contact_path, :'data-icon'=&gt;"add", :rel =&gt; "external" %&gt; &lt;% end %&gt;
&lt;%= render "contacts_list" %&gt;</pre>
<pre class="brush:xml">Dans jQM, l'architecture d'une liste est la suivante :</pre>
<pre class="brush:xml">&lt;ul data-role="listview"&gt;
	&lt;li&gt;Item 1&lt;/li&gt;
	&lt;li&gt;Item 2&lt;/li&gt;
	&lt;li&gt;Item 3&lt;/li&gt;
&lt;/ul&gt;</pre>
<p>L&#8217;adjonction du data-role &laquo;&nbsp;listview&nbsp;&raquo; à une combinaison classique ul/li permet de générer une liste dont le rendu est similaire à celui trouvé sur les applications mobiles.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a href="http://cplusn.com/2011/11/jquery-mobile-2e-partie-les-vues/jqm-listview/" rel="attachment wp-att-548"><img class="aligncenter size-medium wp-image-548" title="Vue en liste" src="http://cplusn.com/wp-content/uploads/2011/11/jQM-ListView-227x300.png" alt="" width="227" height="300" /></a></p>
<p>Le code source du Partial est le suivant :</p>
<pre class="brush:xml">&lt;ul id="contactslist" data-role="listview"  data-filter="true" data-filter-placeholder="Filtrer la liste..." data-inset="true" class="separator"&gt;
  &lt;% @contacts.each do |contact| %&gt;
      &lt;li class="contact"&gt;&lt;%= link_to  contact.listname, contact %&gt;&lt;/li&gt;
    &lt;% end %&gt;
&lt;/ul&gt;</pre>
<p>Les paramètres passés dans le tag &lt;ul&gt; sont les suivants :</p>
<ul>
<li>data-role : doit être égal à &laquo;&nbsp;listview&nbsp;&raquo; pour être reconnu par jQM comme une liste.</li>
<li>data-filter : si positionné à TRUE, permet d&#8217;afficher un champ de filtre au-dessus de la liste ; ne filtre que les données existant dans la liste, alors attention à la pagination !</li>
<li> data-filter-placeholder : permet de modifier le texte par défaut  affiché dans le champ de filtre.</li>
<li>data-inset : si positionné à TRUE, permet d&#8217;avoir une liste qui ne s&#8217;étend pas d&#8217;un bord à l&#8217;autre de la fenêtre, mais qui laisse un espace sur les bords de la liste ; la première et la dernière cellule voient de plus leurs bords s&#8217;arrondir.</li>
</ul>
<p>Dans le prochain article, nous verrons la création de formulaires avec jQM. D&#8217;ici là, n&#8217;hésitez pas à laisser vos commentaires !</p>
]]></content:encoded>
			<wfw:commentRss>http://cplusn.com/2011/11/jquery-mobile-2e-partie-les-vues/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Premières impressions sur iOS 5</title>
		<link>http://cplusn.com/2011/10/premieres-impressions-sur-ios-5/</link>
		<comments>http://cplusn.com/2011/10/premieres-impressions-sur-ios-5/#comments</comments>
		<pubDate>Fri, 14 Oct 2011 17:57:28 +0000</pubDate>
		<dc:creator>Emmanuel</dc:creator>
				<category><![CDATA[A l'affiche]]></category>
		<category><![CDATA[Mobilité]]></category>
		<category><![CDATA[iOS5]]></category>
		<category><![CDATA[iPad]]></category>

		<guid isPermaLink="false">http://cplusn.com/?p=516</guid>
		<description><![CDATA[J&#8217;ai pu sans trop de soucis mettre à jour mon iPad 2 avec la nouvelle version du système d&#8217;exploitation mobile d&#8217;Apple, iOS5. Dans l&#8217;ensemble, cette mise à jour est plutôt bien pensée, même si certains choix de iDevice cible  sont parfois difficilement compréhensibles.
Passons tout de suite sur l&#8217;absence de Siri pour l&#8217;iPad 2, alors qu&#8217;à priori les caractéristiques de l&#8217;iPhone 4s sont similaires à celles de l&#8217;iPad 2. C&#8217;est de bonne guerre que cette fonction phare d&#8217;iOS 5 soit (pour ...]]></description>
			<content:encoded><![CDATA[<p>J&#8217;ai pu sans trop de soucis mettre à jour mon iPad 2 avec la nouvelle version du système d&#8217;exploitation mobile d&#8217;Apple, <a href="http://www.apple.com/fr/ios/" target="_blank">iOS5</a>. Dans l&#8217;ensemble, cette mise à jour est plutôt bien pensée, même si certains choix de iDevice cible  sont parfois difficilement compréhensibles.</p>
<p>Passons tout de suite sur l&#8217;absence de Siri pour l&#8217;iPad 2, alors qu&#8217;à priori les caractéristiques de l&#8217;iPhone 4s sont similaires à celles de l&#8217;iPad 2. C&#8217;est de bonne guerre que cette fonction phare d&#8217;iOS 5 soit (pour le moment espérons-le) réservée au lancement du nouveau vaisseau amiral des smartphones à la pomme.</p>
<p>L&#8217;objet principal de cette nouvelle mouture, c&#8217;est vraiment de couper le lien avec le PC/Mac, et de permettre une utilisation complètement autonome, de l&#8217;activation jusqu&#8217;à la sauvegarde en passant par la synchronisation avec votre bibliothèque iTunes.</p>
<h3>Ce que j&#8217;ai aimé :</h3>
<p>- Le nouveau centre de notifications, qui s&#8217;affichent enfin de manière non intrusives sur l&#8217;écran. iOS rattrape enfin la concurrence sur un aspect du design du système qui me paraissait très en dessous des standards Apple. Tout se règle dans l&#8217;application Réglages &gt; Notifications. Vous avez deux tableaux l&#8217;un en dessous de l&#8217;autre (Dans ou hors du centre de notifications), mais vous pouvez faire passer les applications de l&#8217;une vers l&#8217;autre. C&#8217;est ainsi que sur mon iPad, la messagerie n&#8217;était pas par défaut dans le centre de notifications.</p>
<p style="text-align: center;"><a href="http://cplusn.com/wp-content/uploads/2011/10/20111014-192127.jpg"><img class="aligncenter size-medium wp-image-511" title="20111014-192127.jpg" src="http://cplusn.com/wp-content/uploads/2011/10/20111014-192127-300x225.jpg" alt="" width="300" height="225" /></a></p>
<p>- Le clavier qui se  sépare en deux pour permettre une édition plus facile sur l&#8217;écran large de l&#8217;iPad. Au début, ce n&#8217;est pas facile à utiliser, on a tellement l&#8217;habitude de taper de manière non rationnelle avec les deux mains sans vraiment distinguer les deux parties du clavier !</p>
<p style="text-align: center;"><a href="http://cplusn.com/wp-content/uploads/2011/10/20111014-192615.jpg"><img class="aligncenter size-medium wp-image-513" title="20111014-192615.jpg" src="http://cplusn.com/wp-content/uploads/2011/10/20111014-192615-300x225.jpg" alt="" width="300" height="225" /></a></p>
<p>- Quelques modifications cosmétiques dans l&#8217;application Musique (ex iPod), mais également la possibilité de supprimer des morceaux de musique directement sur votre appareil sans vous connecter à iTunes.</p>
<p style="text-align: center;"><a href="http://cplusn.com/wp-content/uploads/2011/10/20111014-192636.jpg"><img class="aligncenter size-medium wp-image-514" title="20111014-192636.jpg" src="http://cplusn.com/wp-content/uploads/2011/10/20111014-192636-300x225.jpg" alt="" width="300" height="225" /></a></p>
<p>- Les améliorations dans Safari Mobile : rapidité accrue, gestion des onglets, listes de lecture pour pouvoir lire des pages web plus tard (à l&#8217;instar de Read It Later par exemple), et surtout lecteur pour éliminer tout ce qui est autour des articles pour se concentrer sur le contenu.</p>
<p style="text-align: center;"><a href="http://cplusn.com/wp-content/uploads/2011/10/20111014-192651.jpg"><img class="aligncenter size-medium wp-image-515" title="20111014-192651.jpg" src="http://cplusn.com/wp-content/uploads/2011/10/20111014-192651-300x225.jpg" alt="" width="300" height="225" /></a></p>
<p>- L&#8217;intégration de Twitter au système. : cela permet de créer des tweets sur tous les éléments des applications système (Safari, Photos, Youtube, etc), un peu comme on pouvait déjà le faire avec le mail. En plus, on peut gérer plusieurs comptes Twitter !</p>
<h3>Ce que j&#8217;ai moins apprécié</h3>
<p>- L&#8217;application Rappels, qui permet (enfin !) de gérer nativement les tâches dans iOS, c&#8217;est plutôt une bonne chose ; mais pourquoi réserver les notifications géographiques aux seuls iPhones 4 et 4s ?</p>
<p style="text-align: center;"><a href="http://cplusn.com/wp-content/uploads/2011/10/20111014-192602.jpg"><img class="aligncenter size-medium wp-image-512" title="20111014-192602.jpg" src="http://cplusn.com/wp-content/uploads/2011/10/20111014-192602-300x225.jpg" alt="" width="300" height="225" /></a></p>
<p>- L&#8217;application Kiosque qu&#8217;on ne peut pas classer dans un dossier ! Elle est obligatoirement sur l&#8217;une des pages de l&#8217;interface de l&#8217;iPad. Pour une application que je n&#8217;utiliserai jamais !</p>
]]></content:encoded>
			<wfw:commentRss>http://cplusn.com/2011/10/premieres-impressions-sur-ios-5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ma première rencontre avec Macintosh</title>
		<link>http://cplusn.com/2011/10/ma-premiere-rencontre-avec-macintosh/</link>
		<comments>http://cplusn.com/2011/10/ma-premiere-rencontre-avec-macintosh/#comments</comments>
		<pubDate>Thu, 06 Oct 2011 19:38:07 +0000</pubDate>
		<dc:creator>Emmanuel</dc:creator>
				<category><![CDATA[A l'affiche]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Apple]]></category>

		<guid isPermaLink="false">http://cplusn.com/?p=490</guid>
		<description><![CDATA[
La nouvelle nous a tous pris de court ce matin, Steve Jobs nous a quitté. Il y a peu d&#8217;entrepreneurs qui auront suscité ce sentiment d&#8217;intimité avec ce qu&#8217;il faut bien appeler ses fans ; car plus qu&#8217;un visionnaire / inventeur / génie marketing, Steve Jobs était la seule rock star de la Silicon Valley.
Un mélange de Brian Wilson pour l&#8217;obsession du détail, de John Lennon pour la vision, de Mick Jagger pour l&#8217;aptitude à faire le show&#8230;
En apprenant sa ...]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-medium wp-image-491" title="Steve Jobs" src="http://cplusn.com/wp-content/uploads/2011/10/stevejobs1-300x214.jpg" alt="" width="300" height="214" /></p>
<p>La nouvelle nous a tous pris de court ce matin, Steve Jobs nous a quitté. Il y a peu d&#8217;entrepreneurs qui auront suscité ce sentiment d&#8217;intimité avec ce qu&#8217;il faut bien appeler ses fans ; car plus qu&#8217;un visionnaire / inventeur / génie marketing, Steve Jobs était la seule rock star de la Silicon Valley.</p>
<p>Un mélange de Brian Wilson pour l&#8217;obsession du détail, de John Lennon pour la vision, de Mick Jagger pour l&#8217;aptitude à faire le show&#8230;</p>
<p>En apprenant sa mort, je me suis remémoré ma première rencontre avec Macintosh. C&#8217;était à l&#8217;Ecole Technique Supérieure des Municipalités, à Addis Abeba, Ethiopie, où je faisais mon service civil. Après avoir tapé mon mémoire de fin d&#8217;études sur un PC avec Word, en utilisant toutes les ressources du clavier et mon imprimante Epson pour faire varier la typographie, je me retrouvais dans un environnement full Mac, du Mac 512k à disquettes jusqu&#8217;au Mac Plus avec 1 Mo de mémoire et un disque dur ! A moi les polices de caractères avec Adobe Type Manager, l&#8217;affichage tel qu&#8217;imprimé, le finder et la souris !</p>
<p><img class="aligncenter size-medium wp-image-492" title="macplus" src="http://cplusn.com/wp-content/uploads/2011/10/macplus-300x240.jpg" alt="" width="300" height="240" /></p>
<p>En rentrant en France, j&#8217;ai continué à travailler sur Mac : Mac II ci tout d&#8217;abord, puis PowerMac 6100. Et même si j&#8217;ai depuis abandonné (contraint et forcé !) la marque à la pomme pour mon activité professionnelle, Apple s&#8217;est invité dans ma vie digitale avec l&#8217;iPod et l&#8217;iPad.</p>
<p>Merci Steve.</p>
]]></content:encoded>
			<wfw:commentRss>http://cplusn.com/2011/10/ma-premiere-rencontre-avec-macintosh/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Les médias sociaux, nouvelle boule de cristal ?</title>
		<link>http://cplusn.com/2011/09/les-medias-sociaux-nouvelle-boule-de-cristal/</link>
		<comments>http://cplusn.com/2011/09/les-medias-sociaux-nouvelle-boule-de-cristal/#comments</comments>
		<pubDate>Tue, 27 Sep 2011 19:44:43 +0000</pubDate>
		<dc:creator>Emmanuel</dc:creator>
				<category><![CDATA[A l'affiche]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Twitter]]></category>

		<guid isPermaLink="false">http://cplusn.com/blog/2011/09/27/les-medias-sociaux-nouvelle-boule-de-cristal/</guid>
		<description><![CDATA[Je suis tombé sur un article du site BGR, qui présente une &#171;&#160;étude&#160;&#187; extrapolant le futur succès de Windows 8 pour tablettes des flux des différents réseaux sociaux.

Il semblerait donc que l&#8217;iPad et les tablettes Android soient déjà dépassées par Windows 8 pour tablettes. La &#171;&#160;vox sociali&#160;&#187; a parlé, l&#8217;oracle a livré son verdict, Google et Apple peuvent d&#8217;ores et déjà abandonner la partie !
On avait déjà les sondages, qui prédisaient le destin des marques et des hommes politiques, nous ...]]></description>
			<content:encoded><![CDATA[<p>Je suis tombé sur <a href="http://www.bgr.com/2011/09/27/windows-8-to-give-ipad-and-android-tablets-a-run-for-their-money-infographic/?utm_medium=referral&#038;utm_source=pulsenews">un article du site</a> BGR, qui présente une &laquo;&nbsp;étude&nbsp;&raquo; extrapolant le futur succès de Windows 8 pour tablettes des flux des différents réseaux sociaux.</p>
<p><a href="http://cplusn.com/wp-content/uploads/2011/09/20110927-214741.jpg"><img src="http://cplusn.com/wp-content/uploads/2011/09/20110927-214741.jpg" alt="20110927-214741.jpg" class="alignnone size-full" /></a></p>
<p>Il semblerait donc que l&#8217;iPad et les tablettes Android soient déjà dépassées par Windows 8 pour tablettes. La &laquo;&nbsp;vox sociali&nbsp;&raquo; a parlé, l&#8217;oracle a livré son verdict, Google et Apple peuvent d&#8217;ores et déjà abandonner la partie !</p>
<p>On avait déjà les sondages, qui prédisaient le destin des marques et des hommes politiques, nous avons maintenant &laquo;&nbsp;l&#8217;analyse&nbsp;&raquo; (avec quels outils ?) de la grande caisse de résonance du web ; l&#8217;analyse du commentaire sur le buzz fait lui même le buzz. On nage en pleine pataphysique !</p>
<p>Je suis sûr que Tim Cook et Larry Page pleurent dans leurs bureaux respectifs :) J&#8217;espère surtout que Steve Ballmer va continuer à améliorer Windows 8 pour que son rêve du &laquo;&nbsp;one size fits all&nbsp;&raquo;, un seul OS pour tous les supports ne finisse pas en eau de boudin&#8230;</p>
<p>PS : en consacrant un article à cette news, je participe au buzz ! La boucle est bouclée, pas moyen d&#8217;en réchapper !!</p>
]]></content:encoded>
			<wfw:commentRss>http://cplusn.com/2011/09/les-medias-sociaux-nouvelle-boule-de-cristal/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Développer pour les plateformes mobiles avec jQuery Mobile 1ère partie</title>
		<link>http://cplusn.com/2011/09/developper-pour-les-plateformes-mobiles-avec-jquery-mobile-1ere-partie/</link>
		<comments>http://cplusn.com/2011/09/developper-pour-les-plateformes-mobiles-avec-jquery-mobile-1ere-partie/#comments</comments>
		<pubDate>Mon, 26 Sep 2011 17:41:15 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Développement]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Rails]]></category>

		<guid isPermaLink="false">http://cplusn.com/?p=468</guid>
		<description><![CDATA[Je me suis remis à Rails voici quelque temps en développant un projet de carnet d&#8217;adresses. La version &#171;&#160;classique&#160;&#187; fonctionnait relativement bien, mais j&#8217;avais envie de proposer également un rendu spécifique pour les plateformes mobiles. Utilisant déjà jQuery dans mon application, je suis allé voir ce qu&#8217;ils proposaient pour &#171;&#160;mobilifier&#160;&#187; une application Web.
Dans un premier temps, alléché par le screencast de Ryan Bates sur le sujet, je me suis tourné vers jQTouch, qui ciblait les appareils iOS. Mis à part ...]]></description>
			<content:encoded><![CDATA[<p>Je me suis remis à Rails voici quelque temps en développant un projet de carnet d&#8217;adresses. La version &laquo;&nbsp;classique&nbsp;&raquo; fonctionnait relativement bien, mais j&#8217;avais envie de proposer également un rendu spécifique pour les plateformes mobiles. Utilisant déjà jQuery dans mon application, je suis allé voir ce qu&#8217;ils proposaient pour &laquo;&nbsp;mobilifier&nbsp;&raquo; une application Web.</p>
<p>Dans un premier temps, alléché par le <a title="Mobile Devices" href="http://railscasts.com/episodes/199-mobile-devices" target="_blank">screencast de Ryan Bates</a> sur le sujet, je me suis tourné vers<a title="jQTouch" href="http://jqtouch.com/" target="_blank"> jQTouch</a>, qui ciblait les appareils iOS. Mis à part quelques petits soucis au niveau des boutons &laquo;&nbsp;Back&nbsp;&raquo;, ce plugin remplissait correctement son rôle.</p>
<p>Mais voici quelques semaines, je suis tombé sur <a title="jQuery Mobile" href="jquerymobile.com/" target="_blank">jQuery Mobile</a>, le plugin &laquo;&nbsp;officiel&nbsp;&raquo; qui remplissait la même fonction tout en étant plus complet en ce qui concerne les plateformes supportées. Cela se fait au détriment d&#8217;une apparence moins centrée sur l&#8217;iPhone/iPad, mais le jeu en vaut la chandelle.</p>
<h2>Structure d&#8217;une page</h2>
<p>Je ne reviens pas sur la mise en place d&#8217;une application mobile, consultez le <a title="Mobile Devices" href="http://railscasts.com/episodes/199-mobile-devices" target="_blank">screencast de Ryan Bates</a> pour plus d&#8217;information. La mise en place de jQuery Mobile est assez similaire à celle de jQTouch ; on modifie le markup des fichiers  mobile.erb, en commençant par le layout principal :</p>
<pre class="brush:xml">&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
  &lt;title&gt;&lt;%= t(:"general.title") %&gt;&lt;/title&gt;

  &lt;%= stylesheet_link_tag "/jquery.mobile/jquery.mobile-1.0b2.min.css" %&gt;
  &lt;%= javascript_include_tag 'jquery-1.6.2.min.js' , :charset =&gt; "utf-8" %&gt;
  &lt;%= javascript_include_tag '/jquery.mobile/jquery.mobile-1.0b2.min.js' , :charset =&gt; "utf-8" %&gt;
  &lt;%= javascript_include_tag 'jquery.scrollExtend.min' %&gt; 	

  &lt;%= csrf_meta_tag %&gt;
  &lt;%= yield(:head) %&gt;
&lt;/head&gt;
 &lt;body&gt;
  &lt;div data-role="page"  &gt;
    &lt;div data-role="header" data-theme="b" &gt;
      &lt;%= yield :back %&gt;
      &lt;h1&gt;&lt;%= yield :title %&gt;&lt;/h1&gt;
      &lt;%= yield :button %&gt;
    &lt;/div&gt;
    &lt;div data-role="content"&gt;
      &lt;% unless flash.empty? %&gt;
        &lt;div&gt;
          &lt;%- flash.each do |name, msg| -%&gt;
            &lt;%= content_tag :div, msg, :id =&gt; "flash_#{name}" %&gt;
          &lt;%- end -%&gt;
        &lt;/div&gt;
      &lt;% end %&gt;
      &lt;%= yield %&gt;
    &lt;/div&gt;
&lt;div style="text-align:center;font-size:12px;color:grey;" &gt;&lt;%= t(:"general.title") %&gt; &lt;%= "v"+APPLICATION_VERSION %&gt; - &lt;%= raw t(:"general.copyright") %&gt;&lt;/div&gt;
  &lt;/div&gt;
 &lt;/body&gt;
&lt;/html&gt;</pre>
<p class="brush:xml">J&#8217;ai choisi pour des raisons de commodité de développement d&#8217;insérer les fichiers .js de jQuery Mobile directement dans mon projet, mais vous pouvez bien sûr les laisser pointer vers les adresses officielles.</p>
<p class="brush:xml">La structure d&#8217;une page jQM est relativement simple :</p>
<pre class="brush:xml">&lt;div data-role="page"  &gt;
  &lt;div data-role="header" data-theme="b" &gt;
  &lt;/div&gt;
  &lt;div data-role="content"&gt;
  &lt;/div&gt;
  &lt;div data-role="footer"&gt;
  &lt;/div&gt;
&lt;/div&gt;</pre>
<p>Une &laquo;&nbsp;page&nbsp;&raquo; contient un en-tête (header), du contenu (content) et un pied de page (footer). Je ne me suis servi que du header et du content pour ce projet, comme vous le constatez dans mon code. Il est également possible d&#8217;avoir plusieurs pages dans le même fichier, en leur donnant des ids différents, mais celà ne cadre pas avec la philosophie de Rails.</p>
<h2>Un en-tête variable pour vos pages avec yield</h2>
<p>Sur la plupart des plateformes mobiles, l&#8217;en-tête de la page est réservée à la navigation et aux actions de l&#8217;application. Cette partie est hautement variable, puisqu&#8217;elle va dépendre de l&#8217;action que l&#8217;utilisateur est en train de réaliser.</p>
<p><img class="size-medium wp-image-475 alignnone" title="Choix du filtre" src="http://cplusn.com/wp-content/uploads/2011/09/Capture-cplusn.com-carnet-dadresses-Chromium_modifié-228x300.png" alt="Choix du filtre" width="228" height="300" /><img class="alignnone" title="Par catégories" src="http://cplusn.com/wp-content/uploads/2011/09/Capture-cplusn.com-carnet-dadresses-Chromium-1_modifié-225x300.png" alt="Par catégories" width="225" height="300" /></p>
<p>Comme vous le voyez ci-dessus, sur la page de choix du filtre , le bouton déconnexion est affiché ; sur la page suivante, c&#8217;est le bouton Retour.</p>
<p>Le problème, c&#8217;est que pour des raisons de simplicité et de maintenabilité, nous avons inséré la structure de la page jQM dans le layout principal, et non dans chaque vue  de l&#8217;application Rails. Heureusement, notre framework favori nous offre une solution élégante grâce à la fonction yield.</p>
<p>Vous avez forcément déjà utilisé yield pour passer au layout principal le code html de votre vue ; mais cette fonction permet de passer plusieurs élément de la vue vers un layout en nommant chaque yield. Si nous revenons sur le code de l&#8217;en-tête :</p>
<pre class="brush:xml">&lt;div data-role="header" data-theme="b" &gt;
  &lt;%= yield :back %&gt;
  &lt;h1&gt;&lt;%= yield :title %&gt;&lt;/h1&gt;
  &lt;%= yield :button %&gt;
&lt;/div&gt;</pre>
<div>Nous allons pouvoir passer au layout trois éléments distincts :</div>
<div>
<ul>
<li>Le bouton &laquo;&nbsp;back&nbsp;&raquo; ou autre élément sur la gauche de la barre d&#8217;en-tête</li>
<li>Le titre de la page</li>
<li>Un bouton &laquo;&nbsp;button&nbsp;&raquo; affiché à droite de la barre d&#8217;en-tête</li>
</ul>
</div>
<div>Pour insérer notre titre et le bouton retour tel que vu sur la page d&#8217;affichage des catégories, il suffit d&#8217;insérer en haut de votre fichier de vue les codes suivants :</div>
<div>
<pre class="brush:xml">&lt;% content_for :back do %&gt;&lt;%= link_to "Retour", nil, :'data-rel'=&gt;"back",:'data-icon'=&gt;"arrow-l" %&gt;&lt;% end %&gt;
&lt;% content_for :title do %&gt;&lt;%= "Catégories" %&gt;&lt;% end %&gt;</pre>
</div>
<div>La première ligne va afficher le bouton Back, avec une <a title="Icônes jQuery Mobile" href="http://jquerymobile.com/test/docs/buttons/buttons-icons.html" target="_blank">icône prédéfinie</a> de  jQM (arrow left). La seconde va renvoyer un texte qui sera affiché comme titre de la fenêtre.</div>
<div>Dans le prochain article, nous parlerons des listes et de leur gestion avec Rails et JQuery Mobile.</div>
]]></content:encoded>
			<wfw:commentRss>http://cplusn.com/2011/09/developper-pour-les-plateformes-mobiles-avec-jquery-mobile-1ere-partie/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Steve Jobs et le marketing produit chez NeXT</title>
		<link>http://cplusn.com/2011/09/steve-jobs-et-le-marketing/</link>
		<comments>http://cplusn.com/2011/09/steve-jobs-et-le-marketing/#comments</comments>
		<pubDate>Tue, 20 Sep 2011 21:44:05 +0000</pubDate>
		<dc:creator>Emmanuel</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[Marketing]]></category>

		<guid isPermaLink="false">http://cplusn.com/?p=455</guid>
		<description><![CDATA[Voici une video en deux parties qui date de l&#8217;époque où Steve Jobs était patron de NeXT. il y explique sa vision du marché des stations de travail, et comment se différencier sur ce secteur d&#8217;activité.
Daté, mais inspiré comme d&#8217;habitude.
1ère partie

2e partie

]]></description>
			<content:encoded><![CDATA[<p>Voici une video en deux parties qui date de l&#8217;époque où Steve Jobs était patron de NeXT. il y explique sa vision du marché des stations de travail, et comment se différencier sur ce secteur d&#8217;activité.</p>
<p>Daté, mais inspiré comme d&#8217;habitude.</p>
<p>1ère partie<br />
<iframe width="480" height="360" src="http://www.youtube.com/embed/p9dmcRbuTMY" frameborder="0" allowfullscreen></iframe></p>
<p>2e partie<br />
<iframe width="480" height="360" src="http://www.youtube.com/embed/dn3Ex-5dPAo" frameborder="0" allowfullscreen></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://cplusn.com/2011/09/steve-jobs-et-le-marketing/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Quelques exemples de sites utilisant arthemia-fr</title>
		<link>http://cplusn.com/2011/09/quelques-exemples-de-sites-utilisant-arthemia-fr/</link>
		<comments>http://cplusn.com/2011/09/quelques-exemples-de-sites-utilisant-arthemia-fr/#comments</comments>
		<pubDate>Sun, 18 Sep 2011 16:53:23 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://cplusn.com/?p=402</guid>
		<description><![CDATA[En tapant arthemia-fr sur Google, je m&#8217;aperçoit qu&#8217;un certaine nombre de sites utilisent la traduction du thème de Michael Hutagalung. En voici quelques uns piochés dans l&#8217;ordre de leur apparition sur Google.
L&#8217;habitat éco-responsable
Le site original pour lequel j&#8217;ai traduit arthemia.

Lien : www.habitat-eco-responsable.fr
&#160;
Association Ada France

Lien :  www.ada-france.org
&#160;
Un tour du monde et puis revient

Lien : www.fabonroad.fr
&#160;
Plateau Télé

Lien : plateautele.francetv.fr
&#160;
Délégation socialiste française au Parlement européen

Lien : www.d-s-f.net
&#160;
Thème astral

Lien : www.guide-astro.fr
Ca fait toujours plaisir de voir que votre travail a pu servir la communauté. ...]]></description>
			<content:encoded><![CDATA[<p>En tapant arthemia-fr sur Google, je m&#8217;aperçoit qu&#8217;un certaine nombre de sites utilisent la traduction du thème de Michael Hutagalung. En voici quelques uns piochés dans l&#8217;ordre de leur apparition sur Google.</p>
<h2>L&#8217;habitat éco-responsable</h2>
<h2><span class="Apple-style-span" style="font-size: 13px; font-weight: normal;">Le site original pour lequel j&#8217;ai traduit arthemia.</span></h2>
<p><a href="http://cplusn.com/wp-content/uploads/2011/09/20110919-173752.jpg"><img class="alignnone size-full" src="http://cplusn.com/wp-content/uploads/2011/09/20110919-173752.jpg" alt="20110919-173752.jpg" width="500" height="375" /></a><br />
Lien : <a href="http://www.habitat-eco-responsable.fr" target="_blank">www.habitat-eco-responsable.fr</a></p>
<p>&nbsp;</p>
<h2>Association Ada France</h2>
<p><a href="http://cplusn.com/wp-content/uploads/2011/09/20110919-173841.jpg"><img class="alignnone size-full" src="http://cplusn.com/wp-content/uploads/2011/09/20110919-173841.jpg" alt="20110919-173841.jpg" width="500" height="375" /></a><br />
Lien :  <a href="http://www.ada-france.org" target="_blank">www.ada-france.org</a></p>
<p>&nbsp;</p>
<h2>Un tour du monde et puis revient</h2>
<p><a href="http://cplusn.com/wp-content/uploads/2011/09/20110919-173900.jpg"><img class="alignnone size-full" src="http://cplusn.com/wp-content/uploads/2011/09/20110919-173900.jpg" alt="20110919-173900.jpg" width="500" height="375" /></a><br />
Lien : <a href="http://www.fabonroad.fr" target="_blank">www.fabonroad.fr</a></p>
<p>&nbsp;</p>
<h2>Plateau Télé</h2>
<p><a href="http://cplusn.com/wp-content/uploads/2011/09/20110919-173915.jpg"><img class="alignnone size-full" src="http://cplusn.com/wp-content/uploads/2011/09/20110919-173915.jpg" alt="20110919-173915.jpg" width="500" height="375" /></a><br />
Lien : <a href="http://plateautele.francetv.fr" target="_blank">plateautele.francetv.fr</a></p>
<p>&nbsp;</p>
<h2>Délégation socialiste française au Parlement européen</h2>
<p><a href="http://cplusn.com/wp-content/uploads/2011/09/20110919-173935.jpg"><img class="alignnone size-full" src="http://cplusn.com/wp-content/uploads/2011/09/20110919-173935.jpg" alt="20110919-173935.jpg" width="500" height="375" /></a><br />
Lien : <a href="http://www.d-s-f.net" target="_blank">www.d-s-f.net</a></p>
<p>&nbsp;</p>
<h2>Thème astral</h2>
<p><a href="http://cplusn.com/wp-content/uploads/2011/09/20110919-173952.jpg"><img class="alignnone size-full" src="http://cplusn.com/wp-content/uploads/2011/09/20110919-173952.jpg" alt="20110919-173952.jpg" width="500" height="375" /></a><br />
Lien : <a href="http://www.guide-astro.fr" target="_blank">www.guide-astro.fr</a></p>
<p>Ca fait toujours plaisir de voir que votre travail a pu servir la communauté. Si vous aussi vous utilisez Arthemia-fr, n&#8217;hésitez pas à laisser un commentaire pour me donner l&#8217;adresse de votre site !</p>
]]></content:encoded>
			<wfw:commentRss>http://cplusn.com/2011/09/quelques-exemples-de-sites-utilisant-arthemia-fr/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss><!-- Dynamic page generated in 2.001 seconds. --><!-- Cached page generated by WP-Super-Cache on 2012-05-08 18:38:15 -->

