background preloader

L'évolution du Web

L'évolution du Web
L'affichage de cette visualisation est optimal dans les navigateurs suivants : Google Chrome 19+, Firefox 12+, Safari 5+, Opera 11+, Internet Explorer 9+ ou versions plus récentes. Cela signifie donc que certains éléments de la visualisation peuvent ne pas être chargés correctement dans votre navigateur. Pour un affichage optimal, veuillez effectuer une mise à jour vers un navigateur compatible et essayez de recharger la visualisation. Vous pouvez également choisir de continuer.

http://www.evolutionoftheweb.com/old?hl=fr

Related:  UX/UI Design (ihm)

Le projet européen UsiXML (User Interface eXtended Markup Language) Définir, valider et standardiser un langage de description d'interfaces utilisateur (UIDL) pour améliorer la productivité, la réutilisabilité et l'accessibilité d'applications interactives, tel est l'objectif poursuivi par le projet européen UsiXML Standardiser l'interface homme-machine Actuellement, la plupart des aspects des systèmes d'information ont déjà fait l'objet d'une standardisation. C'est ainsi que sont nés des standards comme ebXML Langage XML standardisant les processus liés à l'e-business ou EDI Echange informatisé de données. Technique permettant l'échange électronique de données et de documents entre des organisations distinctes.

Hackons l’école ! À l'occasion de la rentrée, OWNI hacke l'Education nationale. Pour se préparer au monde de demain, une autre pédagogie existe, celle des hackers. Les hackerspaces et les makerspaces, ces lieux physiques où se réunissent les hackers, « sont les écoles du futur ». Tel est le credo de James Carlson, fondateur de The School Factory [en] une association qui accompagne la création de ces endroits dédiés aux expérimentations électro-informatiques et au Do It Yourself (DIY, « fais-le toi-même »). Et il parle d’un futur très proche : « Que voulons-nous dire par le terme “école” en 2020 ?

Les Google Glass interdites... avant même la mise sur le marché Cyber Elles ne sont pas encore sur le marché, qu'elles font déjà parler d'elles. Elles, ce sont les Google Glass. Elles ont une monture métallique sans verres avec sur la branche droite un boîtier qui emballe l’électronique est plutôt discrète. Il n’y a pas de verres en tant que tels, mais bien une caméra et un petit écran transparent sur lequel s’affichent les infos, sous le modèle d’affichage tête haute cher à la Peugeot 3008 et à certaines BMW.

Optimisez vos sites pour iPhone et iPad Il existe 12 modèles d’iPhone différents, 6 modèles d’iPad et au moins autant d’iPod Touch avec des résolutions logicielles et matérielles différentes, apprenez à gérer tous ces périphériques pour optimiser vos sites et apps. Le Responsive Design est de plus en plus largement utilisé pour la conception de sites internet, ce qui permet à un nombre de plus en plus grand de sites de fournir un contenu adapté à tous les écrans et de laisser de côté les développements spécifiques. Néanmoins il arrive que pour une raison ou une autre on ait besoin de proposer une version optimisée pour un écosystème en particulier, ou de mettre en place un service (site, webapp ou application native) pour un type de matériel précis. Il arrive que ce matériel précis soit un iPhone.

L’innovation éducative : une question économique ? - Blogs InternetActu.net L’éducation paraît partout en crise. Les plus grandes écoles se posent des questions non seulement sur l’avenir de l’éducation, mais également sur comment apprendre à l’heure des nouvelles technologies. Comme si leur intégration nécessitait de reposer en profondeur la question de l’apprentissage dans une société qui nous semble toujours plus complexe. Interface cerveau-machine © Inserm, unité Inserm 821 "Dynamique Cérébrale et Cognition" (69-BRON) La personne équipée d’un casque EEG focalise son attention sur la lettre qu’elle veut épeler. Lorsque cette lettre est flashée, une onde cérébrale particulière est générée ; elle est ensuite récupérée, détectée et interprétée par la machine.

Choisir un design de site web qui fait vendre (Avec Exemples) Imaginez que vous arrivez sur une page web avec beaucoup d’options qui se ressemblent toutes. Vous ne savez pas où vous êtes censé cliquer. Si vous êtes particulièrement déterminé à utiliser ce site, vous passez peut-être une trentaine de secondes à balader votre curseur sur la page, à la recherche d’une solution. Mais 95% des cas, le choix est automatique : vous fermez l’onglet. En langage Google Analytics, vous venez de « rebondir ». De l’importance du copier-coller dans la recherche d’information Vous le savez, nous avons organisé avec Lionel Maurel et Olivier Ertzscheid la première copyparty de l’univers. Il s’agissait à travers cet évènement de faire comprendre l’importance des pratiques de copie et surtout leur légalité pour un usage personnel, dans certaines conditions. Nous aurons le plaisir de défendre notre candidature à l’occasion du prochain salon I-expo où nous sommes très fiers d’avoir été nominés pour le Trophée Documentation et Bibliothèque du futur ! Trop souvent envisagée à travers le côté obscur de la force : le plagiat, la copie est dévalorisée et synonyme d’une pratique paresseuse. Il n’est pas rare qu’elle soit interdite, en particulier dans le secteur de l’Éducation…Pourtant il s’agit d’une des composantes essentielles d’ appropriation de l’information aujourd’hui. Nicole Boubée, du LERASS – Laboratoire d’etudes et de recherches appliquees en sciences sociales l’a montré en 2008 dans un article en accès libre.

Infinite Images : Adobe signe la mort du zoom ! C'est à Milan, face à 1300 personnes, que l'éditeur de légende a présenté 10 projets. Et comme à l'époque de la Grèce antique, les 1300 invités étaient présents pour applaudir leurs projets favoris... le projet ayant reçu le plus d'applaudissements étant retenu. Cette année, c'est « Infinite Images » qui a fait exploser l'applaudimètre, une technologie développée par Shai Avidan permettant de voyager dans une image à l’infini. Le principe d'Infinite Images consiste à fusionner des images selon leurs similitudes, puis de les coller les unes aux autres, rendant possible un zoom (en avant et en arrière) s'apparentant à une navigation. Mais comme une vidéo vaut mieux qu'un long discours abstrait, nous vous invitons à visionner la vidéo suivante. C'est assez bluffant et l'on comprend aisément que les créatifs de tous poils soient enthousiasmés à l'idée de ce projet !

Qu'est-ce que le Flat Design ou Design plat ? Définition Flat Design Le flat design, ou design plat, est un style graphique minimaliste utilisé dans la conception d’interfaces utilisateurs (UI). Le flat design est devenu très présent dans les interfaces web et mobile ces dernières années. Dans les diverses définitions du flat design, certains termes reviennent souvent : simple, épuré, coloré et moderne. Mais selon de nombreux utilisateurs et experts UX, le flat design manquerait d’affordance, de personnalité et d’utilisabilité. Le débat est ouvert ! Que forme un formateur ? Réflexions à partir du livre de J.-L. Rinaudo, TIC, éducation et psychanalyse, Ed. L’Harmattan, Paris, 2011

15 autres applications de la Réalité Augmentée Le premier dossier sur la réalité augmentée m’ayant passionné, je vous propose de découvrir 15 autres applications de cette dernière. Le futur est en marche, alors ouvrez grand les yeux ! 1 – Promouvoir un film : une nuit au musée 2 Premier exemple, l’utilisation de la réalité augmentée pour rentrer dans l’univers d’un film. Plutôt que de regarder simplement une bande annonce (qui va contenir toutes les scènes qui valent le coup), ce dispositif proposait de découvrir autrement les personnages du film, de les faire vivre sous vos yeux. Qu'est-ce que le Skeuomorphisme ou comment faire “réel” ! Le skeuomorphisme, en design digital, consiste à imiter l’apparence d’un objet réel lors de la conception d’un objet virtuel. Cette technique permet à l’utilisateur de comprendre l’action à effectuer face à l’UI. Outre cet objectif d’affordance, il rend l’interface homme machine rassurante et ludique.

Related: