Blog Pro de Jean-Baptiste HEREN - Tag - leopard Notes d'un consultant Freelance en Informatique 2015-11-03T21:34:19+01:00 JB HEREN urn:md5:e39389b5ec134d99645112fce3d957df Dotclear Une Alternative à la suite Graphique Adobe pour OSX ? urn:md5:3158c9476d8dc7c73da665c114baf09a 2010-07-20T00:10:00+02:00 2010-07-20T10:26:38+02:00 Jean-Baptiste Heren développement Web développement webleopardMacOSX <p>En tant que travailleurs du Web, nous sommes habitués à travailler avec les logiciels Adobe, même pour réaliser des tâches simples comme de petites illustrations vectorielles, ou simplement du découpage d'images avec optimisation pour le Web.</p> <p><img src="http://blog.jbheren.com/public/tuto/adobe_alternatives/.pixelmator_welcome_s.jpg" alt="" style="float: left; margin: 0 1em 1em 0;" title="pixelmator_welcome.png, juil. 2010" />En tant qu'indépendant ou pour un usage personnel, se pose d'un coup la question du coût des licences logicielles. Pourquoi donc dépenser 2000€ sans comparer les offres. N'existe-il pas des logiciels équivalents (voire meilleurs) et moins onéreux ?</p> <p>Après des mois de recherche pour monter une chaine logicielle alternative, à la fois fonctionnelle et pas cher,  voici ce que j'ai pu trouver :  nous verrons que, passé un petit temps d'adaptation, certaines de ces applications nous offrent beaucoup plus qu'un alternative.</p> <p>Chacun de ces logiciels est disponible en version d'essai. Un excellent moyen de se faire sa propre idée !</p> <h1>Remplacer Photoshop</h1> Pour la retouche d'image, le Mac n'est pas en reste, avec des applications très bien faites.<br /> <h2><a href="http://www.pixelmator.com/">Pixelmator</a> </h2> <a href="http://blog.jbheren.com/public/tuto/adobe_alternatives/pixelmator_opens_psd.jpg"><img src="http://blog.jbheren.com/public/tuto/adobe_alternatives/.pixelmator_opens_psd_s.jpg" alt="" style="float: right; margin: 0 0 1em 1em;" title="pixelmator_opens_psd.jpg, juil. 2010" /></a>Le logiciel le plus reconnu du secteur sur Mac. Son interface ne déroutera pas l'habitué de photoshop, les menus sont situés au même endroit et les fonctions sont similaires. Il dispose de tout le nécessaire pour la photo édition et le découpage. On trouve également une fonction d'export pour le web. <div>Pixelmator est capable d'ouvrir vos fichiers PSD, vous retrouverez vos calques, textes, tout cela en parfait état !</div> <div>On regrettera l'absence de certains outils comme le lasso magnétique, tellement pratique pour le détourage, peut-être dans une prochaine version ?<br /> <div><br /> Les Plus : </div> <div> <ul> <li>On garde nos habitudes issues de Photoshop.</li> <li>Interface soignée</li> <li>Tarif abordable : 49$</li> <li>Traduit en Français !</li> <li>Trés nombreux formats gérés, y compris RAW et PSD !</li> <li>Gestion des tablettes graphiques</li> <li>Documentation très riche (http://www.pixelmator.com/learn/)</li> </ul> les Moins :</div> <div> <ul> <li>Pas de lasso magnétique.</li> </ul> <h2><a href="http://flyingmeat.com/acorn/">Acorn</a></h2> <div><a href="http://blog.jbheren.com/public/tuto/adobe_alternatives/acord_opens_psd.jpg"><img src="http://blog.jbheren.com/public/tuto/adobe_alternatives/.acord_opens_psd_s.jpg" alt="" style="float: right; margin: 0 0 1em 1em;" title="acord_opens_psd.jpg, juil. 2010" /></a>A l'ouverture du logiciel, on remarque que les développeurs ont vraiment voulu faire un remplaçant allégé de photoshop. Les menu, comme pour Pixelmator, sont calqués sur le logiciel d'Adobe. On remarque simplement un moins grand nombre d'outils, mais des options assez poussées, par exemple dans le choix des pinceaux et encres. Il dispose aussi de plus nombreux effets.</div> <br /> Les Plus :</div> <div> <ul> <li>On garde nos habitudes issues de Photoshop.</li> <li>Tarif abordable : 29€</li> <li>Gestion des tablettes graphiques</li> <li>Boite à outil originale et simple d'utilisation</li> </ul> les Moins :</div> <div> <ul> <li>Pas de lasso magnétique.</li> <li>Pas de langue Française.</li> <li>Peu de documentation</li> </ul> <h2><span class="Apple-style-span" style="font-size: 24px;">Replacer Illustrator</span></h2> Pour quiconque travaille avec Illustrator sans y avoir été entrainé au berceau, ce logiciel est un calvaire. Absolument pas intuitif, lourd et instable, ce logiciel est en fait un incontournable du fait de sa présence historique dans le milieu de l'imprimerie et de la création graphique. Vous allez dire que je ne suis pas objectif ? C'est tout à fait exact, en fait je n'ai jamais réussi à faire quoi que ce soit avec Illustrator, sans doute n'y suis-je pas adapté ;).<br /> <br /> <h2><a href="http://www.bohemiancoding.com/drawit">Drawit</a></h2> <a href="http://blog.jbheren.com/public/tuto/adobe_alternatives/drawit_interface.jpg"><img src="http://blog.jbheren.com/public/tuto/adobe_alternatives/.drawit_interface_s.jpg" alt="" style="float: right; margin: 0 0 1em 1em;" title="drawit_interface.jpg, juil. 2010" /></a>Ce logiciel dont la licence &quot;à vie&quot; vous coutera 29$, est relativement atypique. Il s'agit en fait d'un logiciel de dessin vectoriel, mais avec la possibilité d'appliquer des effets bitmap. Certains le comparent plutôt à Fireworks. Il est parfait pour la création vectorielle et ne rebutera pas le débutant. Cela fait maintenant quelques mois que je l'utilise régulièrement et si son interface ne ressemble à rien que je connaisse, elle est très efficace et intuitive.</div> <div><br /> Les Plus :<br /> <ul> <li>Interface Novatrice, Simple et intuitive</li> <li>Vraiment pas cher pour une licence à vie : 29$</li> <li>Système de superposition d'effets</li> </ul> les Moins :<br /> <ul> <li>Pas d'export SVG (sans doute lié aux effets BItmap)</li> <li>Taille de Canva Fixe (on peut se débrouiller avec copier coller vers un nouveau projet)</li> <li>Quelques Bugs résiduels dans la gestion des groupes</li> </ul> <h2>LineForm</h2> <div><a href="http://blog.jbheren.com/public/tuto/adobe_alternatives/lineform_interface.jpg"><img src="http://blog.jbheren.com/public/tuto/adobe_alternatives/.lineform_interface_s.jpg" alt="" style="float: right; margin: 0 0 1em 1em;" title="lineform_interface.jpg, juil. 2010" /></a>Logiciel le plus connu dans ce secteur, j'avoue ne pas avoir accroché du tout. Il faut dire que je ne suis pas non plus un adepte de Illustrator. Il m'est donc difficile de donner un avis sur les différences / similitudes avec celui-ci.</div> <br /> Les Plus :</div> <div> <ul> <li>Gestion du SVG</li> <li>Dessin 100% Vectoriel</li> </ul> les Moins :</div> <div> <ul> <li>Tarif relativement élevé (comparé à drawit) : 79$</li> <li>Interface Old School</li> </ul> <h1>Conclusion</h1> <div>Cela reste un choix personnel, mais voici les logiciels que j'ai choisi : </div> <div> <ul> <li>Pixelmator : Beau, léger, rapide. J'espère un jour y voir le lasso magnétique :)</li> <li>Drawit : Interface efficace, outils faciles à apprivoiser, souple.</li> </ul> </div> <div>Côté Flash, malheureusement il n'y a pas vraiment d'alternative. Pour moi, pas question de développer des interface complexes avec Flash: Son usage se limite à des bannières, boutons ou menus améliorés. Toutes ces choses sont réalisables avec CSS/Javascript (http://script.aculo.us/), et je ne doute pas qu'un outil nous permettra bientôt de réaliser ce travail via une interface similaire à Flash.</div> <h1>Pour aller plus loin</h1> <div> <ul> <li>Très complet, voici un <a href="http://jonwhipple.com/blog/2007/10/29/image-is-everything/">comparatif entre PixelMator, Acorn et Drawit</a></li> </ul> </div> </div> </div> Organiser une plateforme de développement Web urn:md5:44333782368ef4ef62fa6cb32705d2b5 2008-05-05T10:05:00+02:00 2009-11-11T21:58:56+01:00 Jean-Baptiste Heren Veille techno développement webleopardPHP Voici comment j'ai organisé ma plateforme de développement web, à partir de solutions mac pour le serveur et les clients. MacosX présente le double avantage de la convivialité et de l'ouverture d'un UNIX. Il est donc tout à fait possible de réaliser sur ce système, les tâches serveur que l'on réaliserait plus naturellement sous linux. Notez que sur le principe, ceci est réalisable sur n'importe quel OS actuel. <h2> Expression du besoin</h2> <p>Dans le cadre du développement d'un site e-commerce, j'ai ressenti le besoin de sécuriser le développement. Il est nécessaire, pour créer et faire évoluer un site Internet, d'avoir la possibilité de :</p> <ul type="disc"> <li class="MsoNormal" style="">Développer indépendamment du serveur en production, seul ou en équipe.</li> <li class="MsoNormal" style="">Tester la migration des évolutions apportées, ainsi que les évolutions elles-mêmes, toujours sans perturber la prod.</li> <li class="MsoNormal" style="">Conserver un historique des modifications, de manière à Identifier les versions, et afin de pouvoir revenir en arrière en cas de problème.</li> </ul> <h2>1- Environnements requis</h2> <h3>1.1 - Web server</h3> <p>L'installation du serveur web sur leopard est très simple : apache2 et php5 sont installés par défaut et nécessitent juste quelques modifications pour fonctionner. Il restera à installer manuellement mysql et PEAR.<br /> Sur mac, on pourra aussi tout simplement utiliser le package <a href="http://www.mamp.info/en/download.html">MAMP</a>, qui répond à l'ensemble des besoins en terme de serveur pour le développement web. Sur PC, easyphp fera très bien l'affaire.</p> <p><span class="Apple-style-span" style="font-weight: bold;">DEV</span> : Serveur sur lequel sont réalisés les développements, synchronisé manuellement avec le CVS par les développeurs.</p> <p><span class="Apple-style-span" style="font-weight: bold;">TEST</span> : Serveur de test synchronisé automatiquement avec le CVS toutes les 24H et à la demande. Ce serveur regroupe donc les modifications validées en DEV par l’ensemble des développeurs.</p> <p><span class="Apple-style-span" style="font-weight: bold;">PROD</span> : Ce serveur est mis à jour à la demande, avec la dernière version validée en test, à partir du CVS (milestone).</p> <h3><span style="" lang="EN-GB">1.2 – Base de données</span></h3> <p><span class="Apple-style-span" style="font-weight: bold;">DEV</span> : Cette base est utilisée par le serveur web de DEV. Les développeurs réalisent leurs modifications directement sur celle-ci. En revanche, les modifications faites doivent prendre la forme de scripts, afin de permettre leur migration. Après validation, ces scripts sont enregistrés sur le serveur CVS, et seront exécutés dans cet ordre, sur la base cible : </p> <ul> <li>1 - /database/create.sql</li> <li>2 - /database/alter.sql</li> <li>3 - /database/insert.sql</li> <li>4 - /database/update.sql</li> </ul> <p><span class="Apple-style-span" style="font-weight: bold;">TEST</span> : Serveur mis à jour toutes les 24H et à la demande, à partir des scripts présents sur le CVS. Cette synchro est réalisée en même temps pour les éléments du serveur Web.</p> <p><span class="Apple-style-span" style="font-weight: bold;">PROD</span> : Cette base est mise à jour, suivant la même méthodologie que TEST, mais uniquement à la demande, pour l’application des versions validées.</p> <h3>1.3 - Source control</h3> <p>L’outil de source control peut être cvs ou svn. L’idéal étant d’utiliser un éditeur disposant d’un plugin cvs. Il est ainsi facile de réaliser les « checkout / checkin », sans utilisation de la ligne de commande.</p> <p>L’éditeur <a href="http://www.aptana.com/" hreflang="en">Aptana</a> ( Issu de Eclipse) dispose d’un tel plugin pour cvs.</p> <p>L'outil cvs est inclus sur mac, dans les xcode tools. Ceux-ci sont livrés avec votre version de Macos ou peuvent être téléchargés depuis http://developer.apple.com.</p> <p>Pour faire simple, un script de mise à jour automatique du cvs à partir de l'environnement de dev a été mis en place.<span class="Apple-style-span" style="color: rgb(102, 102, 102); font-family: 'Courier New'; font-size: 13px; font-weight: bold;"><br /> </span></p> <h2>2- Développement (local et distant)</h2> <p>Les développeurs travaillent directement dans la base de DEV, utilisant un répertoire partagé. Il leur faut simplement prendre la précaution de « locker » les fichiers en cours de modification, au niveau du CVS, afin d’éviter que plusieurs développeurs ne modifient le même élément. Ceci peut être fait automatiquement en utilisant un IDE doté d’un module de gestion de sources.</p> <p>Après test et validation dans l’environnement de développement, le développeur peut enregistrer sa modification dans le CVS.</p> <h2>3- Processus de Migration et Tests</h2> <p class="MsoNormal">Un moyen simple d'assurer la migration des nouveaux développements au sein du serveur web et de la base de données :</p> <p class="MsoNormal">Le code est rechargé depuis le cvs, après validation. Ceci peut être fait directement par cvs, ou encore par ftp de puis l'environnement source.</p> <p class="MsoNormal">Les scripts sql décrits plus haut sont exécutés sur l'environnement cible. L'environnement de Test doit garantir que le passage en production se fera sans risque, l'idéal étant out de même de disposer d'un environnement de pré-production identique à la prod pour tester la migration. </p> <h2>4- Systèmes de Sauvegarde</h2> <p>Les possibilités de sauvegarde sont multiples, nous pourrons soit:</p> <ul type="disc"> <li class="MsoNormal" style="">Lancer une sauvegarde automatique par script, déposant une archive dans une (ou plusieurs) zone de dépôt.</li> <li class="MsoNormal" style="">Utiliser le service Time Machine de leopard pour la sauvegarde du serveur et des clients.</li> </ul> <h2>4- Matériel nécessaire</h2> <p class="MsoNormal">Petite machine (virtuelle ?) ayant les fonctions suivantes : Serveur web, Serveur Mysql, NAT (iptables), CVS repository.</p> <div> <h2>Sources :</h2> http://stringfoo.com/2007/11/05/server_setup_on_leopard/<br /> http://developer.apple.com/internet/opensource/cvsoverview.html <h2>A approfondir : </h2> <p class="MsoNormal">How to keep Test server in Sync with CVS Automatically ?<br /> -&gt; Simple cron to update cvs from dev tree.<br /> diff tool capable of making paches for databases structure and data ?<br /> -&gt; SQLyog http://www.databasejournal.com/features/mysql/article.php/1584401</p> </div>