Architecture Youtube : point de secret

Adobe a publié un article sur l’architecture à concevoir pour des applications telles que Youtube ou MySpace. Au programme : serveur FMS, serveur d’encodage et plateforme PHP.
Il faudrait aussi s’intéresser (en bon geek) aux ressources matérielles; en bon chef de projet, aux coûts d’une telle structure et, pour le webdesigner, à l’ergonomie cliente qui se contente trop souvent du succès de l’application sans en exploiter toutes les possibilités (du player notamment). Post à suivre…

Adobe met en avant ses produits avec le découpage suivant :

• In Adobe Flex, display video thumbnails of videos
• In Flex, select a video file from the user’s local hard drive
• In Flex and PHP, upload the file to the web server
• In PHP and with Carbon Coder, transcode the video
• In PHP and Flex, wait until the file is encoded
• In Flex and with Adobe Flash Media Server, update the video thumbnail list
• In Flex and with Flash Media Server, enable the user to click on a thumbnail and play it in the video player

Le flux designer-développeur en mutation

Si certains affichent un pessimisme quant à l’avenir des (info)graphistes, ceux-ci devraient plus craindre pour leur adaptation aux nouvelles technologies que pour la fausse concurrence des templates… En résumant :

Le métier de graphiste va et doit donc évoluer vers une conception plus proche du designer objet (ou industriel) [...]. Les graphistes vont donc devoir se repositionner.
Mais pour cela les designers graphiques doivent s’impliquer techniquement afin de mieux appréhender les possibilités et les contraintes de ces nouveaux outils. Il faut tout de même signaler qu’il est beaucoup plus facile pour un ingénieur/développeur de devenir un bon designer que le contraire (regardez l’exemple de John Maeda).

Car la vraie originalité d’un créa pliera tout Template à 60$ autant que l’audace du marketing peut palier son manque de technicité – et toc.
Il est vrai qu’avec ce Web 2.0 l’internet à eu tendance s’uniformiser… mais les couleurs trendy, les logos aux reflets clairs commencent à faire leur temps – assez pour que l’internaute ne soit plus surpris, l’utilisateur est beaucoup plus aguerri et le bon vieux drag&drop ou l’auto complétion Ajax commencent à s’essouffler – assez pour que le client ne s’extasie plus. Qu’à cela ne tienne! Les nouvelles technologies – riches – arrivent.
Lire la suite

Sharepoint prejudice

Microsoft Office Sharepoint Server 2007 (MOSS 2007) vise clairement les Si grands comptes, dans sa manière de rationaliser les processus, par son aspect collaboratif poussé ou encore pour sa gestion de portail et d’accès aux données.

Attardons-nous sur la face Web que permet l’outil. Quand on s’intéresse aux sites (et ici) basés sur MOSS 2007, on a l’impression que ce n’est qu’un aspect de l’outil justement. Les sites ne brillent pas pour leur originalité. L’ergonomie y est souvent austère et la qualité graphique n’est pas toujours au rendez-vous.

Ainsi, le choix d’un DSi pour MOSS 2007 tient -trop- souvent à faire part d’un service, de mettre un métier en avant au détriment d’un coté plus « ludique » et donc d’une image plus marquante.
Choisir de faire un site MOSS 2007 c’est d’après ce que l’on peut voir sur le web se lancer dans 3 types de réalisation :
Lire la suite

Point accessibilité : l’Europe s’y mets.

Un label d’accessibilité européen vient de voir le jour (depuis quelques temps en fait) : Euracert, certifiant la disponibilité d’un site pour les aveugles, les malvoyants et les malentendants.

Morceaux choisis (Via 01Net ):

• Les entreprises ou les établissements publics intéressés par ce type de certification doivent d’abord obtenir le certificat national de leur pays, puis demander Euracert. « En France, le label bronze Accessiweb coûte 1900 euros. Il faut ajouter 600 euros pour obtenir le label Euracert »

• Le surcoût associé dépasse souvent les 20 % du coût total de développement du site Web.
• Seulement 3 % de sites européens accessibles

• En France, seulement une vingtaine de sites ont été certifiés Accessiweb pour l’instant. Il s’agit essentiellement de sites d’établissements publics comme le ministère délégué aux personnes handicapées (label bronze) mais des grandes entreprises comme Gaz de France (label bronze) et la SNCF (label argent pour ses sites TER) viennent d’obtenir un label.

Ergonomie incitative et accessible

» Support de présentation du WiF.

» Feng-shui et interfaces graphiques.

» Le Design eye.

» Communication visuelle & design Web

» L’accessibilité : « ça coûte cher et ça sert pas à grand chose »…
» L’accessibilité : halte aux mythes & préjugés.

» Design de mailing list.

» L’utilité et l’utilisation de l’effet rollover.

» Etude sur la navigation.

Hack CSS – les éviter…

Pour parer à un certain manque de compatibilité, malgré les standards, entre navigateurs (cross-browsers), on utilise des filtres (hacks) qui permettent d’utiliser un attribut selon le navigateur. Par exemple, pour qu’un attribut ‘width:2px’ soit lisible uniquement par IE, on écrira ‘_width:2px’.
» IE7 est une librairie JavaScript qui fournit une couche d’abstraction des standards W3C pour Microsoft Internet Explorer 5+. Les propriétés et sélecteurs CSS2/3 sont supportées et de nombreux bugs de rendu sont fixés.
/!\ Quelque soit le navigateur, il est certain que les versions futures n’autoriseront plus ce genre de rafistolage…
» Entre standards et hack, Microsoft trouve une parade… histoire de ne pas respecter les standards: ici …
» Une alternative aux hacks.

» À utiliser avec parcimonie…

» Les filtres CSS.

Webdesign : le guide.

Tout y est : de la typographie & layout, accessibilité, architecture…

» Web design form scracth.

Hack Cheat Sheet and more

» Des ‘must have‘ de développeur.

Prédictions et évolution du webDesign pour 2006

» à lire.

Des outils de Design pour intégrateur / développeur

» De l’Open source avec NVU et Eclipse.

» L’icontournable Dreamweaver 8, plus pour l’intégration.

» Le très pro Zend Studio, adapté d’avantage pour le développement php.