nyroBlog
Bannière NyroBlog, par Emi
Image par Emi - ?

Petit bilan après 2 mois à LA

Histoire de ma vie de tous les jours à Los Angeles pendant mon stage.

Voilà maintenant 2 mois et demi que je suis à Los Angeles. Petit bilan de ce que j'ai appris, ce que je fais chez Fluidesign, et comment se passe ma vie de tous les jours ici.

Le travail
Arrivée tous les jours vers les 8h30 pour commencer à 9h00. Ca me permet de lire mes mails et mes RSS tranquillement le matin. Je suis très souvent le premier au bureau, me demandant même des fois si à 9h et quelques, alors que personne n'est là, si ce n'est pas un jour férié ou si ce n'est pas dimanche. Je travaille sur mon portable, et ça m'arrange bien pour justement rester sur MSN et lire mes mails tout au long de la journée. Pas forcément le meilleur moyen pour être productif...

On me donne du travail par AIM (c'est le standard en messagerie instantanée ici) ou par mail, on me demande combien de temps il me faudrait pour faire telles ou telles choses sur un site. J'avoue que c'est un peu dur de donne précisément, surtout que ce n'est pas souvent sur du PHP pur et dur, mais souvent sur des modifs HTML/CSS, quelques fois du JavaScript. D'autant plus que j'ai l'impression que je suis moins productif ici que lorsque je travaille chez moi. J'ai l'impression de mettre 10 ans pour faire un truc tout simple.

Durant les 2 dernières semaines, je ne faisais pas grand chose, il n'y avais pas de travail pour moi. C'est pour cela que j'ai pu me culturer sur le PHP et les design pattern.

Les projets
On me l'a indiqué plusieurs fois, l'entreprise signe des closes de confidentialité avec le client. C'est pourquoi je ne vous parlerai pas des projets sur lesquels je travaille actuellement, mais sur ceux qui sont en ligne, et donc visible par tout le monde.

GameWorks
Gameworks a été l'un des premiers projets sur lequel on m'a laissé travaillé seul pour des modifs HTML/CSS sur différentes pages du site. Je n'ai jamais bien compris ce qu'était réellement GameWorks. Si j'ai bien compris, ils organisent des repas/jeux/party pour des amis entreprises. Le tout est en lien étroit avec Sega. Les pages en particulier. J'ai fait aussi quelques petits changements minimes dans l'administration et je travaille encore dessus pour l'ajout de nouvelles pages événementielles.

Kayne
Kayne est un autre site sur lequel j'ai fait et je ferai encore des modifications HTML. Le client émet des rapports au format PDF, avec de jolis graphiques parlant de la bourse. Le soucis, c'est qu'il y a parfois des graphiques à modifier sous Illustrator/Photoshop, et que le client est très exigeant. Alors comme ce n'est pas ma tasse de thé, j'ai mis beaucoup de temps pour faire ma 1ère page. Mais une fois qu'on a pris la main, ça va vite. Et avant de publier une page, il faut d'abord la faire valider par quelqu'un d'autre de la boîte, puis par le client, et seulement si tout est ok elle passe en ligne...

First Annoucement
First Annoucement a été le premier projet où j'ai vraiment fait de la programmation PHP et où j'ai pu m'amuser avec du javascript. Le site permet aux futurs parents de préparer leur faire-part électronique en choisissant un thème, renseignant les destinataires depuis leur Outlook, Messagerie (AIM, MSN, Google ou Yahoo!) fichier CSV ou simplement par un champ texte. On peu aussi préparé le nom des parents et celui du bébé pour gagner du temps. Une fois le bébé arrivé, les parents renseignent la date et l'heure de naissance, le poids, la taille, ajouter des photos, peuvent modifier leur message et répandre la bonne nouvelle : Spread the news.
Là où je suis intervenu (car le site existait déjà) a été pour modifier la navigation, remanier les vérifications javascript pour faire de belles erreurs dans un div et non une alerte javascript. Mais le plus intéressant (et le plus long...) a été le fonction de Crop des images. j'ai utilisé ce script basé sur scriptaculous qui fonctionnent très bien. J'ai du mettre le nez dans le code pour modifier quelques petites choses : l'affichage des outils de resize différents et uniquement dans les coins. Et puis j'avais un autre problème lorsqu'on rechargeait une nouvelle image. J'y ai passé beaucoup de temps pour au final avoir un outil qui fonctionne bien. Une fois les nouveaux parents content de leur crop, ils enregistrent la nouvelle image. Là je passe par une petite requête AJAX pour envoyer les coordonnées du crop, et mon script PHP fait le reste. Bref, un site sympa, qui m'a demandé beaucoup de temps car de nombreux problèmes sont apparus pour la compatibilité avec Safari ou IE (6 ou 7...)

Voilà, 3 sites sur lesquels j'ai travaillé. Il y en a d'autres, mais non significatifs ou encore moins intéressant (Kayne est à la limite d'ailleurs...).

Mes progrès
Je suis à Los Angeles. Les gens ici parlent anglais. Etonnant, non ? Ce qui induis donc que je dois parler et comprendre l'anglais. Là où ça se corse, c'est quand on sait le piètre niveau que j'avais. Que j'avais. Car en 2 mois, j'ai progressé. Pas de la façon dont je pensais, mais j'ai progressé.

Comme je l'ai dit plus haut, j'échange énormément avec mes collègues par mail ou AIM. Il m'arrive de contacter mon voisin de bureau par AIM... Mon anglais écrit et mon écriture ont donc très largement progressé. J'avoue que j'ai toujours mon petit dictionnaire MédiaDico de lancer pour les petits mots dont je ne saisi pas exactement le sens et qui me paraissent important. Mais plusieurs personnes me l'ont dit, mon anglais écrit est bon. Je mets en signature de chaque mail interne un petit mot pour me demander de me corriger. Ce que les gens font quelques fois. Il ne faut d'ailleurs surtout pas hésiter à demander une telle correction : je pense que c'est le meilleur moyen de progresser rapidement et efficacement.

L'anglais parlé maintenant. Au niveau de l'oreille anglais, j'ai là aussi énormément progressé. Le collègue avec qui j'échange principalement parle extrêmement vite (même les autres collègues le disent) et parfois un peu dans sa barbe. La première fois que j'ai échangé avec lui a été très difficile à comprendre. J'ai dû lui demander de répéter plusieurs fois, lui faisant un effort de prononciation et de reformulation. Mais ce fait m'est très bénéfique. Mon oreille s'améliore, et je distingue maintenant beaucoup mieux les mots dans les phrases, entendant ces petits bouts de mots non accentués que nous autres français avont tant de mal à détecter la présence. Je m'en suis rendu compte en écoutant ma musique. Avant, je ne comprenais que les refrains car ils revenaient souvent et j'avais donc le temps de les assimilé. Maintenant, je comprends beaucoup plus de mots. Pour la compréhension du sens, c'est encore autre chose. Je comprends le sens des phrases beaucoup plus facilement qu'avant sans pour autant comprendre le sens de chaque mot. Ce qui fait que par un mécanisme de rétroaction, je comprends le sens des mots que je ne comprenais pas avant, et donc je progresse encore d'avantage (vous suivez là ?). Bref, je progresse.

Mon expression orale maintenant. c'est là que je n'ai pas progressé autant que je ne l'espérais. Au travail, je ne parle pas beaucoup. Lorsque je dois m'exprimer, je ne le fait pas en tout aisance et je cherche encore mes mots, trop souvent. Les structures des phrases, les petites erreurs scolaires qu'on fait souvent s'amenuisent de jours en jours, mais je ne parle pas assez pour que cela soit absolument significatif. Je parle plus avec mes collocs, qui ont eux des accents (l'un d'origine portoricaine, l'autre indonésien).

Mes progrès sont là, je les ressens. Ils ne vont pas s'arrêter là, j'en suis sûr. Ce petit bilan personnel m'aide d'ailleurs à m'en rendre compte un peu plus.

La vie de tous les jours
Tout simplement une journée type de travail :
Levé vers 7h30/7h45, douche, 2/3 cookies si la faim se fait ressentir, départ de l'appartement. C'est parti pour 10/15 minutes de marche pour rejoindre Wilshire Boulevard et mon arrêt de bus. Parfois je prends des rollers prêtés par mon colloc pour aller plus vite. C'est un faux plat descendant, donc ça va tout seul.
Le bus que j'utilise n'est pas le plus rapide. Il y en a un autre un peu plus cher qui s'arrête moins. L'avantage en temps n'étant que très minime, je continue de prendre cette compagnie. De plus, les bus ne sont pas bondés comparés à l'autre.
Arrivé au bureau vers 8h30 (ou plus tard selon le bus), installation de mon ordi, remplissage du 1er vers d'eau à la fontaine. Les collègues arrivent doucement. Certains jours je vais à la boulangerie française Amandine (c'est le nom de la boulangerie, pas de la boulangère...) tenu par des asiatiques qui font de bons croissants. Un petit croissant au chocolat par ci, un autre aux amandes ET chocolat par là et tout se passe bien. Et c'est gratuit ! Ceci car fluidesign est en train de faire leur site. Je ne sais pas trop quel marché ils ont, mais on ne va pas s'en plaindre !
La journée commence après lecture de mes mails et RSS (un heure, voir plus...). Je continue le travail inachevé de la veille ou bien regarde ce qu'il y a à faire, demande si quelqu'un a du travail pour moi etc... Et je fais mon travail, comme tout stagiaire qui se respecte. Si j'ai besoin je demande à mon collègue qui est une bête en HTML / CSS.
Le midi, c'est repas sur place préparé la veille ou Fast food avec les collègues, selon les envies. L'avantage ici c'est qu'il y a 10 000 sortes de fast food différents. J'essaie d'en tester un maximum.
La journée passe vite, voyant défilé beaucoup de ligne HTML, CSS, JavaScript ou PHP, toujours avec de la musique dans les oreilles issues de webradios diverses.
Arrivée vers les 18h00, je commence à fermer mes applications une à une, pour souvent partir vers les 18h15 et prendre le bus pour rentrer. Il arrive souvent que Wilshire soit blindé à cette heure là, merci mon téléphone et la musique pour me faire patienter. Arrivée à mon arrêt, c'est reparti pour les 10/15 minutes de marche.
Rentré dans l'appart, un des collocs est là à faire son heure de vélo ou porté de poids. Repas du soir devant la télé, puis la soirée sera faite d'ordi ou de télé.
Couché vers les 23h00.

Demain sera pareil qu'aujourd'hui, en différent...

UCLA Campus et autres...

Histoire de ma vie de tous les jours à Los Angeles pendant mon stage.

Encore un samedi après-midi tranquille. Je décide de sortir faire une petite marche dans une direction que je suis jamais allé depuis mon appartement. Je pars donc un peu avant 17h, le soleil entame tout doucement sa descente vers l'horizon.

Direction l'ouest sur Veteran Avenue donc. Je marche en pensant à mes 2 mois passés ici, aux progrès que j'ai fait, à ceux que je peux encore faire (et ils sont nombreux). Ca fera l'objet d'un billet futur.

Pour l'instant je marche, toujours sur cette rue, puis j'arrive au bout je suis parti du numéro 530 pour donc arrivé au numéro 1 de cette même rue. Mais ça n'a rien de significatif, les numéros progressent plus vite que la normale, je ne sais pas trop pourquoi. L'autre rue est Sunset Blvd, dont j'ai déjà évoqué le nom et qui est très célèbre. Un peu plus loin, un gars qui vend des cartes des stars à 10$ (ouch, c'est pas donné) et je découvre un grand portail estampillé Bel-Air. Will Smith n'est pas loin ! 2/3 photos juste pour le fun et je quitte Sunset pour revenir sur mes pas et m'aventure dans une nouvelle rue dont je ne connais pas le nom mais qui me parait très tranquille.

Bel Air Bel Air


Après quelques minutes, j'arrive au Sunset Canyon Recreation Center, où l'on peut pratiquer toutes sortes de sports. Plein de jeunes ici, qui jouent au tennis ou au basket. Je continue et je m'aperçois que je suis dans le campus d'UCLA ! Des logements étudiants énormes, des jeunes partout qui discutent, marchent etc... Je continue à marcher au milieu de tout cet environnement, suivant le flot des gens.

Avec cette technique, j'arrive au centre de sport d'UCLA avec tous les stades : tennis, football (américain bien sûr), baseball. Un fitness traîne par là, des gens se préparent à passer des soutenances, des couples sont dans l'herbe entrelacer. C'est très relaxant, et à un certain moment l'ambiance qui y régnait, en m'éloignant un peu des gens, m'a rappelé le cimetière du père Lachaise, avec ces petites montées, ces arbres et les petits chemins un peu partout. Bien sûr, en beaucoup plus joyeux !

Campus UCLA Campus UCLA Campus UCLA Campus UCLA Campus UCLA Campus UCLA


En fait, dans ce campus, quasiment tous les bâtiments sont en briques, ce qui leur donne un aspect vieux mais charmant, qui s'accorde parfaitement avec cette ambiance. Le soleil rasant avec sa couleur orangeâtre devait encore accentuer les couleurs. Je pense qu'être étudiant ici doit être terrible : un campus énorme où l'on peut tout faire, avec des endroits très tranquilles, d'autres plus animés, etc... Il faudra absolument que je m'achète un sweet UCLA, juste pour me la péter en France :d.

J'ai cherché en vain la petite fontaine que l'on voit souvent dans Numb3rs. Peut-être est-ce dans une autre université (Santa Monica peut-être ?) ou bien c'est juste en studio. Tant pis. En sortant du campus, je prend en photo le plan, juste histoire de monter à quel point c'est grand. Je n'ai pas du tout voir d'ailleurs.

Et puis, retour dans Westwood, et direction l'appartement, cela fait plus d'une heure que je marche. Je retrouve ma Veteran Avenue que j'emprunte tous les jours pour aller au boulot et j'arrive devant le cimetière militaire et son drapeau US. Cette photo, je voulais la prendre depuis longtemps mais l'occasion ne s'était jamais présenté. Le résultat n'est pas aussi joli que je l'espérais...

National Veteran Cemetery National Veteran Cemetery National Veteran Cemetery


Les autres photos sont .

PHP, mes lectures du moment

Comme il m'arrive d'avoir du temps libre pendant mon stage, j'en profite pour lire de nombreux articles sur la programmation objet en PHP, la conception de sites, framework ou applications web.

Je vais donc vous faire une petite liste des plus intéressants. Beaucoup d'articles datent de 2004 ou même avant. La plupart sont en PHP 4, il faut donc savoir ce que l'on peut maintenant faire de mieux grâce à PHP 5 et son nouveau modèle objet.

Pour commencer, un petit tour sur la doc officielle et son paragraphe sur le langage objet en PHP 5. La lecture complète de ce paragraphe est plus qu'instructive, et changera sans doute votre vision des objets PHP.
La partie sur la surchage est très intéressantes, pour pouvoir faire des choses du genre $objet->variable = 'chouette';, où variable n'existe pas réellement en tant que propriétés de l'objet. La même chose est possible avec les appels de fonctions.
La petite page sur Réflexion et ses différentes classes/interfaces est tout aussi intéressante pour qui veut faire des instanciations et appels de méthodes dynamiquement et proprement.
Enfin, la minuscule page sur les masques introduit ce qui suit.

Qu'est-ce qu'un masque (ou design pattern ou patron de conception) ?
Wikipédia nous répond très simplement :

Un patron de conception est un concept destiné à résoudre les problèmes récurrents suivant le paradigme objet.

En lisant cet article, une fièvre studieuse est montée en moi pour lire tous les articles sur chaque patron de conception. Certains sont très peu explicites, il faut donc se creuser un peu la tête pour en voir l'application ou l'implémentation quand elle n'est pas donnée. Parfois, il est plus facile de lire le code et le comprendre, puis de remonter à la description pour comprendre à quoi cela sert vraiment. L'idée ici n'est pas d'utiliser tous ces patrons de conception, mais c'est d'en connaître leur existence et leur fonctionnement. Plus tard, si vous vous retrouver face à un problème susceptible d'être résolu par l'un de ces design pattern vous vous en souviendrez et vous pourrez l'appliquer rapidement, puisque vous l'aurez compris.

Ensuite, je me suis mis en tête de lire sur les différentes implémentations de ces patrons de conception PHP. C'est là que les vieux articles entre en jeux.
Le plus important est PHP Patterns, dont le dernier article date de 2005, mais dont la pertinence des articles et les exemples simples en font selon moi une référence. La partie la plus intéressante se trouve dans la partie design. Lisez-donc un maximum d'article en gardant à l'esprit que c'est du PHP4, et qu'il faudra donc repasser ça à la sauce PHP 5 à grands coups d'abstract, interfaces et autres...

Et puis avec ces lectures, j'atteri sur ce post à propos de Smarty et des moteurs de templates, de 2001 mais qui garde tout son sens encore maintenant. La plupart des arguments sont pertinents, quelques-uns un peu moins... Et puis là où ça devient encore plus intéressant, au délà de la discussion, c'est sur cette page où la personne donne un exemple utlra-léger mais ultra-fonctionnel d'un moteur de templates.

Et puis d'autres liens, donnés en vrac :

Enfin, une liste de framework, tous ayant des points de vues différents et des philosophies différentes. Les regarder et se plonger un peu dans le code de chacun est long est fastidieux, mais croyez-moi, très instructif !

Et plein d'autres sur Wikipédia fr et un joli comparatif sur la version anglaise.

La branche des développeurs d'IBM a posté un premier billet sur un comparatif détaillé des 3 premiers cités ci-dessus, à suivre.

Voilà, bonne lecture à tous, et si vous en avez d'autres sous le coude, n'hésitez pas à les mettre en commentaires ici.

PhpMyVisites prépare sa future version : Piwik

PhpMyVisitesUn petit tour sur le site le site de PhpMyVisites dont je vous ai déjà parlé et je découvre qu'ils ont une beta sous le coude qui promet. En effet, la prochaine version (2.3) incluera une carte de chaleur de vos pages.

Mais qu'est-ce qu'une carte de chaleur ?
C'est tout simplement votre page, sur laquelle on va ajouter un calque pour vous montrer où les utilisateurs ont cliqué. Bien sûr, les endroits les plus cliqués auront des couleurs plus fortes afin de bien faire la différence, à la façon des lunettes qui montre la présence de chaleur dans les James Bond et autres du genre...
Cette nouvelle fonctionnalité utilise en fait ClikHeat Labsmedia, un autre projet open source sur sourceforge.
Exemple du site :
PhpMyVisites ClickHeat

Bon super, c'est tout ?

Non ! la suite devient un peu plus intéressante. En effet, cette fonctionnalité est sympa, mais sans doute pas celle que vous voulez. PhpMyVisites à penser à vous et vous écoute par le biais de feedback2.0. Après une brève inscription, vous pourrez proposer votre propre amélioration pour PhpMyVisites. Puis les gens vont voter pour celle-ci et si elle est beaucoup demander (et réalisable), elle sera sûrement implantée dans la prochaine version. Et bien sûr, vous pouvez voter pour les autres souhaits. A noter qu'il est demander de rédiger dans la langue de Shakespeare.

Alors à vos souris pour voter, et vos claviers si vous avez d'autres idées !

Enfin, en descendant tout en bas de la page d'accueil, je découvre une ligne, toute petite, mais très intéressante :

Piwik: le futur de phpMyVisites, actuellement en plein developpement (pour plus d'informations contactez nous!)

Un clic sur le lien, et en effet, c'est vraiment en plein développement ! La page n'est pas très agréable à l'oeil, mais l'intérêt n'est pas là. Un petit tour sur la démonstration en ligne pour se rendre compte des améliorations :

  • Tout les changements de page se font en Ajax (avec le fabuleux jQuery) : un gain de temps énorme.
  • Les graphiques sont maintenant en Flash pour afficher plus d'infos au survol. Encore pas mal de bugs d'affichages à ce niveau là
  • Ces graphiques affiches le code HTML pour l'inclure directement dans vos pages et ainsi montrer vos stats en live. Les inclure dans votre netvibes sera donc facile !
  • Un nouvel affichage apparaît : par nuage de tags (tagcloud). Intéressant pour les mots-clé des moteurs de recherche.
  • Export au format XML, JSON, CSV et PHP de toutes les données. Simple affichage du contenu pour le moment, sans doute un téléchargement proposé par la suite.

Vivement que cette version voit le jour. Je vais envoyer un mail pour voir s'ils ont besoin de développeur PHP, on verra bien ce que ça peut donner !

Header flash vidéo : un moyen efficace de présenter la page

Header Vidéo sur 352 MediaJe vous parlai il y a quelques temps des headers qui changent sur les pages et des avantages qu'on pouvait en avoir.

Je suis tombé sur un site qui poussent le vice un peu plus loin, en proposant des headers en flash qui consistent en une vidéo/animation présentant le site et/ou la page en cours. Je trouve l'idée très sympa, surtout qu'elle est très bien réalisée.Jugez plutôt (en anglais) :

  • L'accueil : on présente rapidement l'entreprise et ce qu'on peut voir sur le site
  • La présentation de l'entreprise : le patron et le vice-président raconte l'histoire de la boîte, le tout accompagné d'animations flash parfaitement synchronisé très bien faites.

Vous pouvez naviguez sur les autres pages du site, les headers sont des images qui respectent la charte graphique, à savoir un fond vert, simplement... Je trouve que ces vidéos de présentation d'une excellente qualité sont vraiment utiles et se chargent très vite. Le fait de voir la personne qui parle ajoute une dimension humaine au site; il en devient immédiatement plus familier, plus agréable. Peut-être un nouvel élément à intégrer à certains sites...

En fouillant un peu plus, cette entreprise propose de réaliser votre vidéo de présentation, avec le choix de la personne qui le fera pour vous (féminin ou masculin). Les exemples qu'ils donnent :

C'est bien, mais il ne faut pas en abuser. Et je pense qu'un petit cookie flash pour savoir si la vidéo a déjà été visionnée et ne pas la relancer automatiquement serait pas mal.

En parlant de header, n'oubliez pas que vous pouvez mettre les vôtres (JPG uniquement, les flash/flv viendront peut-être un jour...) sur mon blog !