Après un long périple à cause du méchant volcan, de New York à Alger, en passant par Paris, Lyon et Marseille, le saint Graal est enfin arrivé chez nous

Un objet extraordinaire, qu’on a la chance d’avoir, alors qu’il n’est pas encore sorti en Europe, et qu’il est en quasi rupture de stock aux États-unis. D’ailleurs dès qu’on l’a entre les mains, on comprend rapidement comment il s’en ai vendu 1 million en moins d’un mois

On va donc rapidement vous donner nos premières impressions, ce qu’on a aimé, ce qu’on a moins aimées , et surtout essayer de parler des choses que les autres sites ne vous ont pas dites

Alors pour commencer, l’emballage :

Une simple boite blanche, avec la photo de l’iPad dessus, le nom sur le coté et … c’est tout ! Un produit Apple quoi
En l’ouvrant on découvre pour la première fois la vraie taille de l’objet, pas trop petit (comme certain ont pu le dire); ni trop gros, et comme par magie, l’écran s’allume tout seul dès qu’il vous voit, vous invitant à le connecter à iTunes. (il est allumé à l’usine avant d’être envoyé ?:o )

Et la c’est la première claque : l’écran est d’une qualité incroyable, on a jamais vu une qualité équivalente sur un autre appareil électronique, tout simplement magnifique !

En le branchant sur votre PC ou Mac, ‘iTunes vous demande d’enregistrer le produit. Il faut noter à ce moment qu’il vous faut un compte iTunes enregistré aux USA, ce qui est mon cas (comme par hasard )

Dès que vous vous enregistrez, en à peine 3 étapes, vous pouvez commencer à utiliser votre joli joujou. On trouve dessus les applications traditionnelles qu’on trouve sur un iPhone : Calendrier, Contacts, Youtube, Plans … etc, mais bizarrement pas de Météo, ni de calculatrice , mais vous en trouverez rapidement des gratuites sur l’App Store.

Justement c’est notre prochaine étape, un App Store entièrement repensé pour l’iPad, extrêmement ergonomique, on y trouve de tout, avec déjà 5000 applications le premier mois. Par contre, point négatif : les applications sont en moyenne 20 % plus cheres que celles de l’iPhone.
Première application qu’on télécharge, et celle dont tout le monde parle : iBooks, le Amazon Kindle killer

Au fait c’est comme un App Store, mais avec des livres dessus, dont une bonne partie gratuite. C’est la ou on va télécharger notre premier livre : Winnie l’Ourson (Bon c’est surtout parce que y a du texte et des images dessus.)

Avec un tel écran, la lecture est très agréable, et on ne se lasse pas de tourner les pages. L’application est très réactive, comme tout le système d’ailleurs, et en quittant iBook on s’aperçoit à quel point tout le système est rapide, grâce au nouveau processeur d’Apple, le A4.

Deuxième étape, Safari, qui se lance en un clin d’œil (enfin presque ), avec une petite barre d’adresse en haut, et les mêmes boutons qu’on trouve sur le navigateur de l’iPhone : tabs, favoris, et le champ de recherche avec Google par défaut.
Personnellement, je trouve la navigation rapide. Pas aussi rapide qu’un Safari sur Mac, ou d’un Chrome sur PC, mais n’oublions pas qu’on est sur un appareil mobile

Avant de passer à une autre application, on va aborder le sujet qui fâche : l’Absence de flash. Ceux qui me suivent sur Twitter savent déjà quel est mon point de vu sur cette question : Flash is dead ! Et cet avis est confirmé par ma première utilisation de l’iPad. Pendant plusieurs heures de surf, je n’ai pas senti que Flash manquait, et c’est avec plaisir qu’on regarde les vidéos de Youtube, vimeo ou aussi Facebook en Html5 ! Je vous invite d’ailleurs à lire le point de vu de Steve Jobs sur Flash, ainsi qu’un petit résumé ici

Passons maintenant aux autres applications :

Mail : très joli interface, mais j’ai une petite sensation de renfermé dessus, je sais pas pourquoi. D’ailleurs la version iPad de Gmail est meilleure je trouve

Photos : je vais peut être me répéter, mais comme l’écran est magnifique, c’est une joie de re-voir ses photos dessus, surtout que l’iPad peut faire office de cadre photo numerique, avec en prime une chanson au choix comme musique de fond.

iPod : Une interface retravaillée, mais rien de nouveau comme fonctionnalité, je pense pas trop qu’on allumerait son iPad juste pour écouter de la musique
Les jeux : autre claque ici, les jeux sont d’une fluidité incroyable, et les titres qui ont fait le succès de l’iPhone, sont optimisés pour le grand écran avec des versions estampillées « HD »

Les applications de News : l’avenir des medias est incontestablement sur support numérique de qualité equivalente. Imaginez lire un article sur Obama par exemple, taper sur une photo pour ouvrir une galerie associée, revenir sur l’article qui parle du discours du président américain, pour voir carrément le discours en vidéo ! c’est carrément magique.

Business : la encore, Apple et l’écosystème des développeurs ont fait du tres bon travail. On peux facilement avoir son bureau mobile et pouvoir faire carrément tout ce qu’on peux faire sur un ordinateur de bureau, ouvrir, travailler et gérer ses documents word, excel, powerpoint … etc mais aussi contrôler tous son parc informatique Mac, Pc et Linux à distance

Avant de finir voici un petit récapitulatif :

+++++ : Écran !, Rapidité, Super batterie de 10h ! et bien sur toutes les applications, ainsi que les sites optimisé en HTML 5.

- – - – - – : Les applications pour iPhone, a éviter, et leur synchronisation automatique, les éclaboussures sur l’écran, pas d’écouteurs offerts, pas de chiffon, rechargeable uniquement sur prise secteur (ou bien sur Mac récent).

Voila en gros nos premières impressions sur l’iPad d’Apple, une tablette à avoir dès que vous le pourrez, et qui changera à coup sur votre rapport à l’informatique. Sinon vous pourrez passer nous voir à l’agence, et avoir votre propre avis dessus

WordPress, notre CMS préféré à l’agence, vient de sortir dans sa version 2.9

Au chapitre des nouveautés, et pas des moindres, l’édition d’images directement dans l’espace admin.

Une fonctionnalité qu’on attendait depuis longtemps, et qui va surtout soulager nos clients. Plus de Photoshop, ni de Piknic pour recadrer, inverser, redimensionner les images !

Autres nouveautés :

- Insertion plus facile des vidéos (en collant simplement le lien youtube par exemple)

- Mise à jour de plusieurs plug-ins à la fois

- Corbeille, en cas de suppression d’articles

- Réparation automatique de la base de données

Et plus de 500 autres améliorations et nouveautés ..

Agence84 a eu le plaisir de participer ce soir au deuxième Barcamp Algerien …

Une belle (deuxième) expérience lors de cette rencontre après celle du 16 aout dernier hébergée par OnMarket.

Cette fois ci, on a été invité au siège de IT Mag par le Monument de l’édition et du journalisme IT algérien (comme dirait KT Algerie ) Mr Abderafik Khenifsa

Beaucoup de nouveaux invités absents la dernière fois, avec une présence remarquée des étudiants de l’I.N.I qui ont bien pimenté le débat

Ainsi, c’était l’occasion pour nous tous de discuter sur les différents sujets qui nous ont regroupé, avec un joli slogan trouvé par Karim de OnMarket et qui résume assez bien l’esprit général : Ensemble, je suis plus fort !

Les thèmes abordés étaient les suivants :

- Réfléchir a la création d’un cercle qui regrouperai les nouveaux acteurs du net algérien

- Mettre en place un annuaire des compétences du groupe

- Création d’une sorte de Business Angel qui aiderai a financer les meilleurs projets

- Trouver des solutions pour améliorer le contenu web algérien, avec notamment une belle intervention de Amarsoft.

Et enfin, travailler chacun de son coté sur les thèmes qu’on abordera lors du prochain bar-camp, qui se tiendra au alentours du 26 septembre au siège de Medncom.

Voila un petit résumé de cette soirée très enrichissante pour nous, en espérant que les prochaines rencontres le seront encore plus

Agence84 est fière de vous annoncer le lancement d’Eva-mag.com : Le site branché de la femme algérienne

Alliant modernité et sobriété, il présente plusieurs rubriques : mode, beauté, santé, mariage, sorties, cuisine et décoration.

Ce portail est conçu pour embellir la vie des femmes et ce en :

- Permettant de prendre soin d’elles (conseils beauté, mode, santé, relooking)

- Facilitant leur vie quotidienne (bonnes adresses shopping, bons plans sorties)

- Constituant un espace de détente (forums, quizz, jeux concours, musique)

Ainsi toute la gente féminine y trouve son compte :

- Jeunes filles : adolescentes, étudiantes, jeunes cadres

- Femmes accomplies : actives, femmes au foyer

Alors Mesdames, mesdemoiselles (et messieurs aussi ) a vos souris !

URL : www.eva-mag.com

Un petit billet pour vous annoncer le lancement en Beta publique de notre nouveau projet web ; Algerie360.com

Partant du simple constat que le web algérien manquait d’un portail généraliste de qualité, alors que les sites de contenus ne manquent pas, Agence84 a décidé de travailler sur un site qui regrouperait le meilleur de l’actualité algérienne tout en rendant l’accès à cette information, clair, facile et rapide, avec des fonctionalités de partage et d’interaction plus évoluées (Grâce notamment a Facebook Connect ).
C’est donc une première version qui est en ligne, et qu’on va essayer d’améliorer au fur et à mesure grâce a vos commentaires et suggestions qui je l’espères seront très nombreux

PS : C’est toujours du WordPress

Et voila, on avait peur au début, on croyait que ça aller être super difficile, mais finalement ça s’est très bien passé : on a acheté pour la première fois un nom de domaine en .dz !

Enfin ce n’est pas le notre, c’est celui d’un de nos clients, mais on a fait toutes les démarches, et sincerement, on a été bluffé par la rapidité du Cerist : moins de 24h pour pointer le NDD sur nos serveurs MediaTemple!

Revers de la medaille : il faut beaucoup de paperasse (qu’on peut tout de même avoir en une journée), et un prix un peu élevé, dépassant les 10 000Da la première année … Et oui, un .dz ça se mérite !

Vous avez marre de faire appel a un designer pour avoir un texte avec fonds dégradé? C’est desormais possible de le faire simplement en CSS.
L’astuce est simple à intégrer à votre code, Le texte  en PNG  commence avec votre couleur d’arrière-plan (dans ce cas, nous utilisons le dégradé blanc).

Tout d’abord le code HTML mis en place. Chaque titre (de préférence les tags d’entête) utilise un élément imbriqué supplémentaire vide span.

Utilisez le CSS pour définir le style du h2. Vous n’aurez pas besoin d’utiliser le style de l’exemple. Utilisez le vôtre. La seule chose importante est de veiller à ce que vous ayiez défini la propriété position à relative.

Maintenant, le dégradé.

Nous mettons un PNG transparent comme image de fond pour l’élément span et définissons la propriété position à absolute pour qu’il puisse se placer au-dessus du texte.

Malheureusement, nous ne vivons pas dans un monde parfait et tous les navigateurs ne prennent pas en charge la transparence PNG. Donc, pour ces navigateurs, prenez-en compte.

Ainsi, le span vide est au-dessus du titre et il est allongé sur toute la largeur et la hauteur. Puisque le dégradé est inclus dans la couleur de fond du titre il ne sera pas visible dans l’écart entre les lettres rendant l’effet réel.

Voir le code en action : exemple.

Toute l’équipe d’Agence 84 est fière de vous annoncer le lancement du premier portail Algérien de jeux en ligne DzMix.com. Un site qui vient enrichir le web algérien, avec une version en arabe pour le public arabophone qui est souvent délaissé par les développeurs algériens. Réflexion, action, tir, aventure … une centaine de jeux vous attendent, alors venez vite visiter le site

PS : un article sur le quotidien Echourouk est apparu hier pour annoncer le lancement du jeu de El Hadj Lakhdar

Cette question est récurrente, les developpeurs web se demandent toujours, dois-je faire marcher ce site sur IE6 ou non ?

L’état des lieux
Internet explorer 6 (IE6) a globalement une part de marché de 36% dans le monde et de plus de 50% des parts du marchés algériens.

IE6 a été lancé en 2001, et sa dernière MAJ date de 2004, technologiquement il est dépassé depuis plusieurs années, mais il reste toujours aussi populaire parce qu’il est installé par défaut sur Windows XP.

Mais pourquoi en Algérie IE6 a plus de 50% des parts du marché pour plusieurs raisons :

• Plus de 95% des licences de Windows sont piratés et la version XP est la plus installées.
• Le parc informatique algérien est doté de PCs anciens ou non puissants, impossible d’installer Vista.
• Les internautes algériens n’utilisent pas d’autres navigateurs web tels que Firefox, Opéra,..

La concurrence :
Malgré la mise en téléchargement de IE7 gratuitement, il a eu des difficultés à se répandre à cause du succès très controversé de Vista.

Les principaux logiciels de la concurrence :

• Firefox : populaire chez les web developers et chez les jeunes
• Safari : populaire chez les Mac users
• Google Chrome : très récent et relativement peu populaire (sans compter le buzz à sa sortie)
• Opera : une perle technologique malheureusement inconnue du grand public

Aucun de ces logiciels n’a pu prendre l’ascendant sur IE qui représente 71% du marché mondial contre 20% pour Firefox. Source

Pourquoi continuer à coder pour IE6
Pour le grand public justement car la plus part entre eux ne savent pas quelle est la version de leur navigateur ou est-ce qu’ils doivent le mettre à jour.
La grand majorité des clients se contrefichent du code derrière un site, et se soucient uniquement du résultat, ce qui est totalement légitime. Ils veulent un site qui fonctionne.

Pourquoi arrêter de coder pour IE6
Coder sur IE6 c’est faire des sacrifices en qualité, son incapacité à afficher nativement la transperce des images en PNG 24, les hovers, la position fixed et d’autres attribut CSS la liste est très longues pour la citer toutes.
Avec l’arrivée de CSS3, et les nouveaux attributs (border-radius, ombre portée, display table…) la réalisation d’un site sur IE6 sera quasi impossible.
La perte de temps à essayer d’utiliser des scripts JavaScript pour palier à certains bugs tels la transperces (pngfix) ou d’utiliser des hacks pour les CSS… et d’autres astuces cela prendra bcp de temps ce qui reviendrait à développer deux sites (un normalisé, et un autre spécial pour IE6).

Faire un choix
Je pense que le choix dépend de la cible des internautes si le site est destiné au grand public il faut coder sur IE6 sous peine de voir une grande partie des internautes se plaindre que le site ne fonctionne pas correctement mais si le site est un blog pour les développeurs web il ne faut pas coder sur IE6 car ils utilisent tous Firefox ou opéra ou … mais pas IE6.

Et pour ce qui est du marché algérien IE6 a des beaux jours devant lui, donc il faut coder sur IE6 sans se poser trop de questions:-)

Comment avoir un systeme de vote Ajax sur son site?
c’est simple avec Dynamic Poll jQuery/PHP , il suffit de suivre le tutorial suivant.

Ce script permet aux internautes de voter sans que la page ne soit rafraichie et en plus il bloque les multiples votes en enregistrant l’IP du votant.

Par défaut, ce script utilise deux fichiers TXT un pour les résultats de vote et l’autre pour les IP mais vous pouvez modifier le script pour qu’il enregistre dans une base de données.

Guide d’installation :

Télécharger le package qui contient une démo :

Avant la fin de la balise insérer le code ci-dessous

à l’intérieur de la balise body :

il faut ouvrir le fichier poll.php et modifer les paramètres suivants :
Insérer la liste des options du vote dans le tableau $options[]

Mettre le nom du fichier vote :

Mettre le dossier des fichiers résultat de vote et ip :

Pour avoir une liste plus détaillé de tous les paramètres et fonctions il faut aller sur l’excellent NetTuts

Démo

Avez-vous déja visité le site de Baraka Obama? Il contient l’un des derniers slideshows a la mode, et il porte même son nom, il est à la fois élégant, simple et très pratique pour des belles images.

Guide d’installation :

Télécharger le package qui contient une démo :

Avant la fin de la balise </head> insérer le code ci-dessous

à l’intérieur de la balise <body> insérer votre liste :

Dans le premier <UL id= »pictures »> il faut mettre les images chacune dans <li>
Dans le deuxième <ul id= »menu »> il faut mettre le lien de chaque image, vous pouvez choisir un titre pour chaque image.

Pour modifier l’affichage de votre slideshow vous pouvez modifier les deux fichiers css


DEMO

Le plugin jquery est paramétrable ( vitesse, fondu, orientation,…)

Wslide est compatible avec :

- IE6 +
- Firefox 2 +
- Opéra

L’utilisation du plugin par défaut donne une panoplie assez large d’option mais certes options requièrent des connaissances en JS et CSS par exemple :

- Pour transformer la pagination de chiffre en image ou texte
- L’affichage des blocs CSS

Pour avoir une idée des capacités très étendues de ce plugin, voyez quelques exemples avancés d’utilisation chez Webinventif

Vous y trouverez aussi le guide de l’installation, les fichiers nécessaires en téléchargement, ainsi que le guide de paramétrage.