Category Archives

14 Articles
Refonte du design (Et Rebelote)

Refonte du design (Et Rebelote)

Comme vous devez le constater, le site a été entièrement refondu en essayant de tirer parti des guidelines Android. Vu qu’en ce moment il y a plus d’articles Android que d’articles PHP (même si certains sont en approche), il m’a semblé normal de le refondre tel quel. Je vais donc vous faire un petit tour des particularités de ce nouveau thème. Si certains d’entre vous sont intéressés par la suite, merci de me l’indiquer dans les commentaires.

Présentation Générale

Comme dit plus haut, le thème se base sur les guidelines Android et utilise donc la touche graphique du thème Holo.Light. Pourquoi le light et non le Dark? Juste une histoire de goût. Je le trouve plus sobre et classe que son contraire. Vous verrez que je joue beaucoup avec les 5 couleurs d’Android. A savoir le bleu, violet, vert, jaune/orange, rouge. J’en joue tellement que selon l’emplacement de votre widget, il optera directement pour une de ces couleurs. Idem au niveau du footer et du header.

Le Header

Le header est composé de 3 éléments. Une ActionBar repensée dans l’esprit d’Android. Au niveau de l’Overflow (les 3 points à droite) vous avez accès aux pages du site. A savoir Contact et A propos (sera mis à jour dans les prochains jours). Bien entendu, le header est responsive et changera de forme pour pouvoir fonctionner parfaitement sur smartphones et tablettes.

On se croirait sur tablette non?

On se croirait sur tablette non?

Ensuite arrive les icônes sociaux à droite. Ils sont au nombre de 6. Vous aurez donc droit, dans l’ordre, aux feeds, mon twitter, mon linkedin, mon Google+, ma bibliothèque GitHub et la liste de mes applications Android. Pourquoi n’y a t’il pas la possibilité de rajouter facebook? Je ne trouve pas facebook professionnel.

Ils sont pas beau?

Ils sont pas beau?

Pour finir, vous trouverez à gauche l’emplacement pour un Logo et un sous-titre pour votre site.

Les Widgets

Les widgets à droite ont pour base celui de GMail sur Android (et oui encore un énorme clin d’oeil). Il faut savoir que tous les widgets ne sont pas obligatoirement adaptés à ce thème. Je ne me suis concentré que sur ceux que j’utilisais et encore, avec ceci, j’ai dû en recréer deux pour qu’ils s’adaptent parfaitement. Il s’agit des commentaires récents et des Posts Populaires. Bien entendu, ils sont arrangés de telle façon à être disposées sur la sidebar ou dans le footer. 

Ah, il est en seconde position. D'où le vert

Ah, il est en seconde position. D’où le vert

Pour ce qui est du footer, j’ai joué sur la sobriété pour l’apparence des widgets. Malgré tout, on retrouve les mêmes bases entre les deux emplacements.

Sobre n'est-il pas?

Sobre n’est-il pas?

Article et Formulaires

Pour ce qui est des différents cadres pour séparer chaque article, pages, formulaires, bloc de commentaires, … je me suis inspiré des cartes dans Google Now. L’intégration avec les rajouts Jetpack est bien fonctionnelle et se marie très bien avec le thème.

Oh j'ai une card dans Google Now

Oh j’ai une card dans Google Now

Pour ce qui est des formulaires, vous avez certainement reconnus le design Android aussi ici. Pour le réaliser, ça n’a pas été simple. Surtout pour son intégration. D’ailleurs  si vous voulez le code à rentrer dans Contact-Form-7 pour qu’il s’intègre parfaitement au thème, n’hésitez surtout pas à me le demander.

Je suis sur une appli native?

Je suis sur une appli native?

Conclusion

Voilà pour la présentation du nouveau thème. Vous découvrirez d’autres particularités en navigant à travers le blog. Bien entendu, si vous êtes intéressés par ce thème pour le réutiliser, merci de l’indiquer dans les commentaires. Ce thème est bien entendu compatible IE mais dans ses version 9 et supérieures ainsi que tous les navigateurs utilisant le moteur de rendu Webkit. Firefox n’est pas en reste loin de là.

Voilà à quoi cela devrait ressembler sur votre smartphone

Voilà à quoi cela devrait ressembler sur votre smartphone

Comme indiqué, le site est Responsive. Qu’est-ce que cette bête? Et bien simplement que le site se réadapte automatiquement selon la taille de l’écran. Vous aurez donc le même site avec le même design que vous soyez sur mobile, tablette, ordi, télé, … Pour se faire, j’ai utilisé l’un des nombreux « frameworks » CSS/Html5 existant à savoir le framework Foundation.

Sur ce, je vous souhaite une très bonne journée à tous.

Nexus 4 Review (et un de plus)
Rien à redire devant un téléphone aussi bien réussi

Nexus 4 Review (et un de plus)

Aujourd’hui, et après une semaine en sa possession, je vais vous faire mon retour sur le Nexus 4. Un retour assez bref car avec toutes les Reviews qui traînent entre le prototype, la version finale, la version qui est en rupture, celle livrée dans 3 semaines, celle en forme de pizza, … Il y a de quoi faire. Donc, je vais vous présenter le Nexus 4 en apparence, avec le packaging fait par google, ensuite je vais vous parler de l’expérience Android qui va avec car, comparé aux téléphones, la game nexus donne une expérience pure d’Android (aucune surcouche pourrie made in Samsung, Orange et consort). Je terminerai pas vous parler de la partie multimédia de ce superbe appareil avant de conclure.

Packaging et Apparence

Pour ma part, quand j’ai reçu le Nexus 4, j’ai été impressionné par la taille du colis. Sur le coup, j’ai cru qu’ils avaient confondu avec une Nexus 10. J’en viens à penser que les excuses de retard et d’épuisement viennent du fait que Google n’avait pas prévu assez de colis. Bref, après avoir bataillé pour enlever le papier à bulle, je suis tombé sur cette magnifique boîte :

Bon, elle est abîmée à cause de ma sortie du papier bulle. Ne vous en faites pas.

Comme d’habitude, la boîte contient un câble USB/micro USB, adaptateur secteur, écouteurs et bien entendu, un Nexus 4. Le Nexus 4 quand à lui est de très très bonne qualité. Pour ma part, je dirais même qu’il s’agit de la meilleure qualité de téléphone que j’ai pu voir jusqu’à maintenant (même l’Iphone 5 ne nui arrive pas à la cheville). Au premier coup d’oeil, on peut se dire qu’il fait bien gros et qu’on aura du mal à le tenir. Je vous rassure, ayant utilisé toutes les tailles de téléphones Android jusqu’ici, je le trouve vraiment pratique à tenir avec même une meilleure prise en main qu’un Galaxy S2 par exemple. J’ai même testé la différence entre lui et un S3 et c’est sans appel : le Nexus 4 a une bien meilleure prise en main que son homologue.

Oh mon dieu, mais c’est énorme!

A noter aussi (et tout le monde le met dans sa review) le dos holographique du Nexus 4 qui, malgré ce que je pensais, n’est pas si voyant et qui donne un effet encore plus « classe » à notre smartphone. Ce dos, qui se trouve être aussi en verre, peut vous sembler fragile et, après un semaine d’utilisation, je n’ai aucune rayure, trace, … En fait, si vous ne le savez pas, depuis l’Iphone 4, le dos est aussi en verre et personne a crié « oh mon dieu, mais c’est fragile » mais plus tôt « oh mon dieu c’est trop classe ». Pour le Nexus 4, je serais d’avis de crier aussi la seconde phrase.

Enfin réussi à prendre une photo avec le dos holographique

Petit effet qui a son charme et qui, je trouve, donne un vrai plus au confort d’utilisation, c’est le petit arrondi qu’il y a sur les côté droit et gauche de l’écran. Les tranches de l’appareil sont carrées mais douces au toucher avec un petit style d' »allu brossé » sur le dessus. Les boutons, ayant le même style pour régler le son et déverouiller l’écran sont eux placés comme la plupart des nouveaux smartphones (enfin une norme de placement?). Le micro USB est très bien placé (comme les autres nexus) en bas de l’appareil pour permettre, dans un futur proche, la compatibilité avec toutes les stations d’accueil micro USB. Pour ce qui est de la prise Jack en haut, certains ont criés au scandal car depuis le Nexus S, il est placé en bas. Moi je trouve ça plus pratique car, si vous mettez votre téléphone sur une station de charge micro USB, vous n’avez plus accès au jack et donc, vous ne pouvez pas brancher vos écouteurs. Là, vous pouvez concilier les deux facilement.

Rien à redire devant un téléphone aussi bien réussi

Pour ce qui est du poids, je l’ai trouvé quasi aussi lourd que le Galaxy S3. Pourtant, le S3 me semble beaucoup plus cheap que le Nexus S que ce soit au touché ou à la main. Pour vous donner une idée, malgrès une taille d’écran plus grande, le Nexus 4 se trouve être plus petit de quelques milimètres que le S3 pour une épaisseur équivalente.

Expérience Android

Comme dit au cours de l’introduction, le Nexus 4 utilise le design de base d’Android. Vous aurez donc l’utilisation la plus pure du système avec un total respect des guidelines dans les applications de base. Il faut savoir que normalement, depuis android 4.0, la touche dite menu n’existe plus. Une autre touche, permettant elle d’avoir accès à votre historique d’applications lancées, a fait son apparition. Ces 3 touches de base (avec la touche retour) suffisent à naviguer au sein d’Android (pas comme le gros bouton home physique de chez Samsung).

Plus aucun bouton physique

Si vous ne le savez ps, le Nexus 4 est installé avec la dernière version en date d’Android. A savoir la version 4.2 Jelly Bean. Cette version n’a pas trop de nouveautés par rapport à la version précédente si ce n’est ce que je vais vous indiquer dans la suite du sujet. Nous allons faire un tour bref des nouveautés avec l’interface pure  d’Android 4.2.

Voici un de mes bureau. Celui-ci, c’est le social.

Tout d’abord, nous allons voir la Home et le launcher. Si vous êtes un habitué d’Android, vous n’êtes pas sans savoir que, comparé à ses concurents, on a accès à un Bureau et à la liste des applications séparéments. Ce bureau peut, comme le bureau Windows, avoir certains raccourcis d’application. Il peut aussi avoir des widgets et, cerise sur le gâteau, vous pouvez définir un fond d’écran. Autant sur Iphone, vous pouvez personnaliser la coque avec un bumper, autant avec Android vous pouvez personnaliser votre écran. A savoir que l’écran définit pour le bureau sera le même que celui de votre lockscreen. De base, le « Home » contient 5 bureaux. Dans la version basique d’Android, il n’est pas possible de changer le nombre de bureau, leur placement ou l’animation de transition entre les bureaux.

On est passé de 4 items par ligne à 5 items avec la 4.2

Pour ce qui est de la liste des applications, dans les anciennes versions, elles étaient disposées en 4×5 à l’écran. Depuis la 4.2, Google a un peu tassé le tout avec du 5×5 (ah, on me dit dans l’oreillette que seul ne nexus 4 est touché par cette modification). Personnellement, je ne suis pas trop fan de ce tassage car certaines applications ont leur nom qui colle avec la suivante ce qui peut donner un effet de mal finit. L’onglet Widget ne change pas du tout par rapport à l’ancienne version. Vous sélectionnez votre widget et vous le faites glisser sur le bureau à l’emplacement voulu. Idem pour l’icône d’accès au market qui n’a pas changé depuis la 4.0.

Enfin des raccourcis de paramètres

L’une des nouveautés de la 4.2, qui a été découverte avec le Nexus 4, c’est le fait d’avoir accès à des raccourcis de réglages directement dans la barre de notification. Pour y accéder, vous avez deux possibilités. Soit vous accédez à la barre de notification standard et vous cliquez sur le bouton vous affichant les raccourcis, soit vous faites glisser la barre de notification avec deux doigts et vous y êtes directement. Ces raccourcis ont été, au début, identifier comme des boutons ON:OFF de réglages comme ce que font les Samsung et autres téléphones sous Cyanogen. Malheureusement il s’agit juste de réglages vers des endroits des paramètres. Enfin sauf pour le bouton du mode avion qui fait bien office d’interrupteur. Ce que je trouve dommage aussi, c’est de ne pas pouvoir enrichir cet écran avec de nouveaux raccourcis et/ou interrupteurs. A voir avec une mise à jour si Google va améliorer ça.

Voici un vrai Lockscreen

Ensuite, l’autre grosse nouveauté, est le fait d’avoir des widgets sur le lockscreen. De base, deux widgets sont disponibles : l’horloge et l’appareil photo. Lors du déverrouillage de l’écran, vous n’avez plus accès directement à l’appareil Photo, il faudra passer au nouveau widget disponible à droite de l’horloge (en tout cas de base). De base, vous avez la possibilité de rajouter les widgets suivants : Gmail, Agenda, Horloge et SMS.

Voici le nouveau raccourcis vers l’appareil photo

Vous remarquerez un petit cercle en lieu et place de nos trois boutons de navigation sur l’écran de verrouillage. Il s’agit simplement d’un raccourcis pour lancer GoogleNow au déverrouillage du téléphone.

Nous irons vor les autres nouveautés qui, elles concernent le multimiédia, dans la partie suivante.

Multimédia

Niveau multimédia, le Nexus 4 a de quoi faire. Il permet de lire facilement la plupart des formats vidéos disponibles sur le marché. Si ça ne marche pasz, optez pour une application dédiée à la lecture vidéo comme MxPlayer qui, selon moi, est le meilleur des lecteurs vidéos disponible sur Android. Outre ceci, sachez que Le Nexus 4 a d’installé par défaut les services Googles disponibles en France (store, musique, vidéo, livre), le grand absent étant magazine pour le moment en France.

Google Musique, c’est vraiment LE service qu’il manquait sur la plateforme Android

Malgrés l’espace interne ne pouvant être étendu par une carte SD, vous avez de quoi faire (sauf si vous mettez un blueray RIP dans votre mémoire interne). Même en musique (16Go permet de stocker facilement une bonne vingtaine d’albums). De plus, grâce à Play Musique, vous pourrez mettre toute votre musique personnelle dans le Cloud (20000 titres disponibles) et mettre celles que vous voulez en cache sur votre smartphone. De plus, j’ai l’impression que l’application compresse le musiques mises en cache.

Maintenant, on accède au réglage en restant appuyé sur l’écran

La plus grosse nouveauté au sein de l’expérience multimédia avec cette version, c’est l’appareil photo qui a été complètement revu et corrigé. Vous pouvez maintenant accéder aux réglages de l’appareil photo par un simple appui Long sur l’écran puis glisser sur le réglage souhaité. Le mode Panorama a été amélioré avec la possibilité de le faire autant verticalement qu’horizontalement. Le mode vidéo permet aussi de réaliser des vidéos en Timelapse avec un temps prédéfini entre chaque prise. Vous pouvez aussi prendre des photos tout en continuant de filmer. Un nouveau mode a fait son apparition, il s’agit de photosphere qui va vous permettre de réaliser facilement, des photos à 360° où vous pourrez bouger à la façon de streetView. Le seul défaut, c’est que le zoom n’est plus possible avec un seul doigts. Seul le zoom/dézoom avec le geste de pincement permet de le réaliser.

Maintenant, on peut encore plus personnaliser nos photos qu’Instagram

La galerie aussi a eu une petite refonte. De plus, vous pouvez personnaliser la plupart de vos photos, qu’elles soient sur l’appareil ou sur picasa, grâce au bouton prévu à cet effet en bas à gauche. Vous devriez avoir beaucoup plus d’options que ce très cher Instagram. Comme d’habitude, vous avez la possibilité de les partager très facilement grâce à l’icône de partage en haut à droite et vous avez un raccourcis pour pouvoir lancer l’appareil photo.

JetPack Joyride est un classique du jeu mobile

Pour ce qui est des jeux, Le nexus 4 n’est pas en reste et m’a permis de jouer à bon nombre de jeux sans lag ni plantage. Par contre, passé un certain temps,  vous ressentirez de la chaleur dans le dos du smartphone. Ceci est un petit défaut sur le choix du verre comme coque car il n’est pas adapté pour la dissipation thermique.

Je finirai en disant que pour tout ce qui est multimédia en déplacement, le Nexus 4 vous satisfera amplement. De plus, son écran permet un bon confort que ce soit pour les yeux, ou pour le placement des mains.

Conclusion

Je ne vous conseille que grandement de passer au nexus4 si vous avez un smartphone de plus de 2 ans ou si vous êtes un développeur Android. Pour les autres, tout dépend de vos choix. Bien que le nexus 4 a tout pour plaire sur le papier et en utilisation, il y a quand même certains points qui font baisser sa note finale.

Pour commencer, la chauffe du téléphone dès qu’on l’utilise un peu trop. Si vous lancez une application gourmande en ressource, vous aurez votre téléphone qui chauffera assez rapidement. Enfin, après une semaine d’utilisation, le phénomène a tendance à arriver de moins en moins souvent. A vérifier avec le temps.

Ensuite, l’un des gros défaut est qu’il est mentionné sur le site de Google que le Nexus 4 peut se recharger sans fil. Malheureusement, le chargeur prévu à cet effet par Google, nommé Orb, n’est pas encore disponible et ne le serait pas avant début 2013. Dommage, d’après les différentes vidéos de test, il permettrait de tenir le téléphone dans n’importe quel sens et permettrai de tenir le rôle d’une station d’accueil intelligente. Intelligente car les chargeurs sans fil ne chargent plus le téléphone s’il n’en a pas besoin et donc permet de garder la batterie en vie plus longtemps.

Malgré ces deux points noirs, le nexus 4 est un produit innovant, très classe, et peu cher (à partir de 300€ sur le play store).

Premier BeMyApp Belge !

Premier BeMyApp Belge !

Bonjour à tous !

Je vais vous raconter un peu mon aventure de ce weekend, je suis donc allez au BeMyApp Belge !

Qu’est ce que BeMyApp ?

C’est simple, plusieurs personnes présentent leurs idées/projets en une minute à tous les développeurs, graphistes, jury et nous votons pour notre préférence. Il y avait une petite trentaine de propositions, et seulement cinq ont été votées. (Par manque de développeurs).

Le choix.

J’ai donc choisi Firstsight.

 Le concept de firsight est très simple, on se promène dans la rue, on croise une belle demoiselle (ou un beau mec) mais on est trop timide pour l’aborder. Alors on sort notre smartphone, et on « flash » à l’endroit où nous sommes, on décrit notre « rencontre », comment était la personne que nous avons croisé, et nous uploadons sur le serveur de Firsight les données (géolocalisation, date, et donnée insérés.),  la personne qui nous a croisé, a fait pareil pour créer un « match ».

Si elle/il n’avait pas « flashé(e) », nous la/le reverrions plus… Mais elle/il l’a fait(e), les serveurs vont donc récupérer les informations uploadées par les deux personnes, et il va y avoir concordance dans la géolocalisation, l’heure et surtout les préférences pré-inscrite à l’inscription (quand vous lancez pour la première fois l’application). Et va notifié les deux personnes, et leurs dire qu’ils ont une concordance à l’endroit où ils ont flashé sur quelqu’un, et qu’il est possible de la retrouvé !

Ainsi, nous n’avons plus qu’a confirmer si c’est bien la personne que nous avons croiser, dans une liste et avec les informations (très réduite) de la personne. Si elle a accepté et vous aussi, vous pouvez alors chatter directement, tout en restant dans l’anonymat. Il reste plus qu’a lui proposer un rendez-vous, ou vous partagez vos informations personnels.

Comment ça c’est déroulé ?

L’idée est très simple, basique, mais puissante. 48h de code, 2développeurs iOS, 2développeurs Android (dont moi-même), un dev web et un graphiste étaient de la partie, sans oublier les deux fondateurs. Nous nous sommes tout de suite accordés, les modèles et les interfaces ont été très vite mise sur papier et nous avons pu commencer a développer réellement les applications (iphone/android) dès minuit ! Après une longue nuit d’interfaces sans repos et un petit déjeuner, il est midi, le temps d’un topo.

Bilan premier jour.

Vraiment simpliste non?

Ensuite, nous avons continuer dans une excellente ambiance, nous avons dû, le soir, dire où nous en étions, aux autres team et nous avons continué a coder pour nous avancer. Nous avons ajouté pas mal de fonctionnalités, comme la géolocalisation sur map, et surtout un chat en temps réel et fonctionnel.

Le tchat est multi plateforme

Les deux applications iphone/android, communiquaient déjà ensemble ! Nous avons vraiment bien avancer, on aurait voulu gérer l’inscription, mais seul les interfaces de iOS étaient dessinées, c’était la seule différence.

Bilan deuxième jour.

Voici quelques screen; 

 

Pour terminer

Nous avons dû faire une présentation de 10minutes, devant des jurys (liens et descriptions sur le blog du site) et après une bonne part de pizza, les jurys ont délibérés et nous avons gagné ! \o/ Il reste a gagner le vrai concours, l’international !!!

Et oui, la Belgique est en compétition avec 4 pays (USA, Tunisie, Maroc, Brésil) désormais, alors votez pour nous !!!

http://worldcup.bemyapp.com/

Quelques cadeaux comme des heures de consultances d’une boîte spécialisées dans le mobile, des smartphone et une chance de se qualifier à un concours très important à Londres, pour les fondateurs du projet, pour suivre une formation d’entre partenariat pendant 6 mois, tout frais payés.

Une grande aventure, super organisation, je vous invite fortement à allez voir sur le site encore une fois; BeMyApp

Une super expérience, un réseau d’amis qui se créé, des possibilités dans l’avenir peut-être et surtout un bon repos !

J’espère que ça vous aura plu, j’ai essayé d’allez à l’essentiel, sur le site, beaucoup d’infos et des vidéos sur youtube, si on cherche bien, y a même les lives des présentations. Bonne semaine à tous !

Arrivée d’un nouveau Contributeur

Arrivée d’un nouveau Contributeur

Bonjour,

Vous êtes chaque jours de plus en plus à lire mon blog tourné autour du développement Informatique et je vous en remercie.

Je sais que sur certains articles  je ne m’explique pas comme il faut et que je suis encore hésitant sur certains choix et explications. Cela fait maintenant 3 ans que j’utilises la technologie Zend au quotidien et 1an que je développe sous Android. Mais, malgré cette expérience acquise, je ne m’estime pas être un expert en la matière. Je préfère faire des articles parlant des parties où j’ai moi même eu des obstacles pour arriver à mes fins. Et là encore, je ne peux pas tout partager avec vous.

Afin d’ammener une touche d’objectivité à ce blog et que vous puissiez voir d’autres façons de faire et de penser, un nouvel auteur va faire son apparition sur mon blog. Ce contributeur travaille tous les jours sur Android et va vous donner certains conseilles pour bien développer dessus.

Il viendra de temps en temps (environ 1 fois par mois) vous donner de ses précieux conseils.

Sur ce, je vous souhaite un bon Pont du Premier Mai malgré la pluie. 

Nouveautés

Nouveautés

Bonjour à tous,

Je viens vous annoncer les prochains tutoriaux à apparaître sur le site. Tout d’abord, je pense vous parler des context sous Zend qui permettent de formater le type des actions en fonction de ce que vous voulez (JSON, HTML, Text, XML, …) et nous verrons la différence entre AjaxContext et contextSwitch qui font la même chose mais pas selon les mêmes conditions.

Ensuite, je vais certainement faire une introduction sur JQuery Mobile afin de voir ce qu’il est possible de faire ainsi que les limites. Cela fait 1 semaine que j’y passe mes journées dessus et j’ai envie de vous faire partager cette expérience.

Pour finir, une rubrique Divertissements va voir le jour. Cette section regroupe tout ce qui ne fait pas partie du développement et qui se rapproche, pour la plupart, de jeux ou de hobbies.

Sur ce, passez un très bon week-end d’Octobre de fin d’été (sisi, vu le temps qu’il fait).