2ème partie "Webdesign Passé, Présent et... Présent" une présentation de Benoit Duverneuil lors de la 3ème édition du Festival de Webdesign de Rouyn-Noranda (Québec).
Consultez la première partie : http://www.slideshare.net/bduverneuil/webdesign-pass-prsent-et-prsent-part1/
Webdesign Passe Present et... Present Part3bduverneuil
2ème partie "Webdesign Passé, Présent et... Présent" une présentation de Benoit Duverneuil lors de la 3ème édition du Festival de Webdesign de Rouyn-Noranda (Québec).
Consultez la première partie : http://www.slideshare.net/bduverneuil/webdesign-pass-prsent-et-prsent-part1/
1ère partie de "Webdesign Passé, Présent et... Présent". Une présentation de Benoit Duverneuil lors de la 3ème édition du Festival de Webdesign de Rouyn-Noranda (Québec).
Actuellement internet est un support indispensable dans la vente de vos produits ou vos services. Il devient également de plus en plus difficile d’influencer l’internaute à devenir client ou utilisateur.
Pour cela nous proposons un tour d’horizon des pratiques permettant d’améliorer la conversion sur votre site internet grâce au web design.
Livre blanc : Accessibilité Web, Guide pour la conception de sites web access...Ametys
Livre blanc sur l'accessibilité web.
Ce livre blanc Ametys présente un état de l’art des bonnes pratiques pour rendre les sites internet plus accessibles et met l’accent sur l’importance du choix d’un CMS adapté respectant les normes en vigueur.
Webdesign Passe Present et... Present Part3bduverneuil
2ème partie "Webdesign Passé, Présent et... Présent" une présentation de Benoit Duverneuil lors de la 3ème édition du Festival de Webdesign de Rouyn-Noranda (Québec).
Consultez la première partie : http://www.slideshare.net/bduverneuil/webdesign-pass-prsent-et-prsent-part1/
1ère partie de "Webdesign Passé, Présent et... Présent". Une présentation de Benoit Duverneuil lors de la 3ème édition du Festival de Webdesign de Rouyn-Noranda (Québec).
Actuellement internet est un support indispensable dans la vente de vos produits ou vos services. Il devient également de plus en plus difficile d’influencer l’internaute à devenir client ou utilisateur.
Pour cela nous proposons un tour d’horizon des pratiques permettant d’améliorer la conversion sur votre site internet grâce au web design.
Livre blanc : Accessibilité Web, Guide pour la conception de sites web access...Ametys
Livre blanc sur l'accessibilité web.
Ce livre blanc Ametys présente un état de l’art des bonnes pratiques pour rendre les sites internet plus accessibles et met l’accent sur l’importance du choix d’un CMS adapté respectant les normes en vigueur.
KEYNOTE IAB SCHWEIZ - ONLINEVERMARKTUNG: DAS MODELL IST GESCHEITERTNicolas Clasen
Online hat kein Reichweiten-, sondern ein Qualitätsproblem.
IAB Schweiz
Onlinevermarktung – Das Modell ist gescheitert!
Nicolas Clasen
Autor & Gründer der Strategieberatung digicas
Zürich, den 13. November 2014
Торговельне регулювання в Україні: Як знизити витрати українських МСП для вих...USAID LEV
За оцінками опитаних підприємців та експертів зменшення кількості дозвільних документів для експорту, спрощення процесу проходження митного очищення, в тому числі в частині впровадження попередніх рішень до прибуття товарів, автоматизація всього процесу оформлення експортних документів та запровадження системи «єдиного вікна» стимулюватимуть зростання експортних потоків. Такий клімат сприятиме зростанню транзиту товарів через територію України, інтеграції підприємств та окремих підприємців у міжнародні виробничі ланцюги та зниженню рівня корупції, що зробить процес експорту більш прозорим, передбачуваним та менш витратним.
До того ж інформаційна підтримка у вигляді онлайн порталів з інформацією щодо потенційних партнерів та ринків, практичними порадами щодо фінансування та ведення зовнішньої торгівлі матиме вагоме значення для розвитку підприємництва.
У четвертому випуску бюлетеня ми розповідаємо про експортно-кредитні агенства та новостворений офіційний портал координації міжнародної допомоги в Україні. Крім цього, як завжди, шукайте інетв'ю з представником МСП, який розпочав експорт та ділиться своїм досвідом.
L'histoire d'html5 pour les développeurs windows phone 8davrous
Dans cette session, nous parcourons ensemble l'histoire HTML5 pour les développeurs Windows Phone 8. Nous verrons d'abord comment utiliser des morceaux d'HTML5 dans certaines applications natives, ce qui peut s'avérer dans certains cas exceptionnels être assez pratique. Ensuite, grâce aux possibilités d'IE10, nous verrons qu'il est également possible de créer de vraies applications vivant uniquement dans le navigateur. Pour finir, nous jetterons un oeil aux possibilités d'intégration dans l'OS grâce au template de projet HTML5 de Visual Studio 2012 ou grâce à des frameworks comme PhoneGap ou Sencha Touch 2.
Jouée pendant les MS Techdays 2013: http://www.microsoft.com/france/mstechdays/programmes/2013/fiche-session.aspx?ID=2d81322e-6ab2-4840-a4b1-568f1bd370f4
KEYNOTE IAB SCHWEIZ - ONLINEVERMARKTUNG: DAS MODELL IST GESCHEITERTNicolas Clasen
Online hat kein Reichweiten-, sondern ein Qualitätsproblem.
IAB Schweiz
Onlinevermarktung – Das Modell ist gescheitert!
Nicolas Clasen
Autor & Gründer der Strategieberatung digicas
Zürich, den 13. November 2014
Торговельне регулювання в Україні: Як знизити витрати українських МСП для вих...USAID LEV
За оцінками опитаних підприємців та експертів зменшення кількості дозвільних документів для експорту, спрощення процесу проходження митного очищення, в тому числі в частині впровадження попередніх рішень до прибуття товарів, автоматизація всього процесу оформлення експортних документів та запровадження системи «єдиного вікна» стимулюватимуть зростання експортних потоків. Такий клімат сприятиме зростанню транзиту товарів через територію України, інтеграції підприємств та окремих підприємців у міжнародні виробничі ланцюги та зниженню рівня корупції, що зробить процес експорту більш прозорим, передбачуваним та менш витратним.
До того ж інформаційна підтримка у вигляді онлайн порталів з інформацією щодо потенційних партнерів та ринків, практичними порадами щодо фінансування та ведення зовнішньої торгівлі матиме вагоме значення для розвитку підприємництва.
У четвертому випуску бюлетеня ми розповідаємо про експортно-кредитні агенства та новостворений офіційний портал координації міжнародної допомоги в Україні. Крім цього, як завжди, шукайте інетв'ю з представником МСП, який розпочав експорт та ділиться своїм досвідом.
L'histoire d'html5 pour les développeurs windows phone 8davrous
Dans cette session, nous parcourons ensemble l'histoire HTML5 pour les développeurs Windows Phone 8. Nous verrons d'abord comment utiliser des morceaux d'HTML5 dans certaines applications natives, ce qui peut s'avérer dans certains cas exceptionnels être assez pratique. Ensuite, grâce aux possibilités d'IE10, nous verrons qu'il est également possible de créer de vraies applications vivant uniquement dans le navigateur. Pour finir, nous jetterons un oeil aux possibilités d'intégration dans l'OS grâce au template de projet HTML5 de Visual Studio 2012 ou grâce à des frameworks comme PhoneGap ou Sencha Touch 2.
Jouée pendant les MS Techdays 2013: http://www.microsoft.com/france/mstechdays/programmes/2013/fiche-session.aspx?ID=2d81322e-6ab2-4840-a4b1-568f1bd370f4
Pourquoi choisir les technologies MicrosoftSofteam agency
Conférence faite lors de l'édition 2009 des Techdays sur les raisons qui permettent de choisir les technologies Microsoft dans le cadre de projets web.
Atelier Info Tonic : Les règles d’or pour créer son site Webambin_fr
Atelier Info Tonic du 5/6/2012 à la CCI de Touraine
Les règles d’or pour créer son site internet.
En partenariat avec la société Ackwa pour le compte de Centre&Tic
Introduction au développement windows 8 modern ui avec html5 et javascriptdavrous
Nous verrons durant cette heure de session comment développer une application pour le Windows Store grâce aux technologies HTML5, JS & CSS3. Nous verrons ainsi comment construire depuis 0 un petit lecteur de flux RSS. Cela sera notre excuse pour découvrir l'usage de WinJS, le framework JavaScript de Microsoft pour Windows 8, ainsi que de l'outillage Visual Studio 2012 et Blend 5. Pour finir, nous verrons à travers un petit exemple d'usage de la camera comment fonctionne l'accès à WinRT depuis JS, le nouveau jeu d'API dédiés aux applications modernes.
Session jouée lors des MS Techdays 2013: http://www.microsoft.com/france/mstechdays/programmes/2013/fiche-session.aspx?ID=60738dd2-6d50-4360-a285-ed988e49d850
Retrouvez les tutoriaux associés sur mon blog: http://blogs.msdn.com/b/davrous/archive/2012/09/05/tutorial-series-using-winjs-amp-winrt-to-build-a-fun-html5-camera-application.aspx & http://blogs.msdn.com/b/davrous/archive/2012/06/04/comment-cr-233-er-un-petit-lecteur-de-flux-rss-pour-windows-8-metro-en-html5-et-en-30-min-partie-1-2.aspx
Introduction au développement Windows 8 ModernUI avec HTML5 et JavaScriptMicrosoft
Nous verrons durant cette heure de session comment développer une application pour le Windows Store grâce aux technologies HTML5, JS & CSS3. Nous verrons ainsi comment construire depuis 0 un petit lecteur de flux RSS. Cela sera notre excuse pour découvrir l’usage de WinJS, le framework JavaScript de Microsoft pour Windows 8, ainsi que de l’outillage Visual Studio 2012 et Blend 5. Pour finir, nous verrons à travers un petit exemple d’usage de la camera comment fonctionne l’accès à WinRT depuis JS, le nouveau jeu d’API dédiés aux applications modernes.
Atelier Web et Mobile Design partie I, introduction au web design, Ahmed BACH...Ahmed BACHIR CHERIF
Presentation de la première partie du cours web et mobile design
1- Design d'interface histoire et evolution.
2- Qu'est qu'un web designer
3- Du web 1.0 au web 2.0
4- Quelques chifres
L'arrivée de la réalité augmentée et de la réalité virtuelle continue de bousculer nos pratiques au travail. Nous allons voir ensemble comment utiliser les nouvelles technologies de Microsoft afin de mettre en place un environnement de travail hybride efficace.
Cette session vous propose de découvrir Kinect à travers 5 exemples qui se réalise en moins de 10 minutes et un tour d'horizon des outils à votre disposition. Ce sera l'occasion d'avoir un premier contact simple avec Kinect et en même temps de vous donner quelques astuces pour bien commencer vos développements avec le SDK Kinect.
Infos
Je possède plus de 10 années d’expérience en Webdesign et en intégration web. En recherche constante de solutions pertinentes, je m’engage pleinement dans chaque mandat. J’aime travailler directement dans vos bureaux car je crois qu’une étroite collaboration avec l’équipe en place est le catalyseur du succès.
Avec une grande polyvalence et en veille technologique constante, j’interviens sur un large éventail de problématiques, produits et services. Mon approche 360° est axée sur des stratégies visuelles, techniques concrètes et réalistes.
Doté d'une grande faculté d'adaptation et d'un esprit analytique, je sais traduire tant au niveau design que technique, les différents besoins d'une entreprise afin de concrétiser un projet ou de pallier une surcharge de travail.
• Plusieurs années d'expérience dans le domaine du Web Design et de l'intégration web
• Formation professionnelle qualifiante Master Web mobile
• Responsable de la conception graphique de sites internet et de l'intégration HTML / Css, d'infolettres, de bannières web publicitaires et de contenus interactifs
• Chargé d'optimiser l'ergonomie de sites web
• Chargé de la création et de la conception d'animations multimédia
• Contact clients : évaluer la demande, conseiller, et suivre les projets
Bientôt, nous serons plus nombreux à accéder à Internet via un écran mobile que via notre PC…
L’accessibilité de votre contenu sur les plateformes mobiles est donc, aujourd’hui, un enjeu majeur. Time Magazine l’a bien compris, lui qui est passé, ce lundi 22 octobre, au responsive Web design avec des versions optimisées pour smartphones et tablettes qui offrent même l’accès aux archives remontant jusqu’en 1923! Time.com est d’ailleurs le premier grand site d’information à franchir le pas.
Un contenu unique qui s’adapte à toutes sortes et toutes tailles de supports : la convergence frappe à nos portes soutenue par le responsive Web design et l’avènement du langage de programmation HTML5 aux nouvelles fonctionnalités résolument innovantes.
Le département communication de Vanksen - Vicky Balnave, Marie-Magali Sarry
et Christophe Dos Santos - décrypte pour VOUS les forces en marche avec des mots simples pour que la révolution de la convergence et de la mobilité soient embrassées par le plus grand nombre.
Symfony2 et Microsoft Azure, l’efficacité de PHP dans le cloud Microsoft
"Deux géants du développement web de nos jours : - Symfony2, le framework PHP qui a le vent en poupe - Windows Azure : la plateforme Cloud de Microsoft offrant une palette de services en mode PaaS (Plateforme As A Service) la plus étendue du marché Deux géants dont la cohabitation ne semble pas évidente de prime abord et qui nécessite quelques adaptations. De la définition de services configurables au déploiement dans le cloud, développons ensemble une application Symfony 2, flexible et déployée en mode PaaS dans Azure : mise en œuvre de Web Roles, utilisation de SQL Azure et stockage sécurisé via les Blob storage. Un excellent moyen de prendre connaissance, au travers de notre retour d’expérience, des nombreux pièges à éviter et des évolutions nécessaires pour tirer parti du meilleur de ces deux mondes."
Speakers : Stéphane Escandell (Brainsonic), Benjamin Moulès (Microsoft France), Jérôme Respaut (Brainsonic)
1. WEBDESIGN | Part2 PASS É , PR É SENT ET… PR É SENT Une présentation de Benoit Duverneuil | Tubatomic Worldwide Webdesign Festival | Rouyn-Noranda | Novembre 2007 http://creativecommons.org/licenses/by-sa/3.0/
2.
3. Praystation a remporté, en 2001 , le prix Ars Electronica Golden Nica, dans la catégorie ‘’ Net Excellence’’ , la plus haute distinction internationale en art et design pour le Web.
4. Once upon a forest , autre expérimentation de Joshua Davis devient célèbre grâce à la technique utilisée, utilisant outils graphiques et programmation .
5. 2001 Naziha Mestaoui et Yacine Ait Kaci d’ Electronic Shadow conçoivent, en collaboration avec France Telecom, un vêtement communiquant connecté aux Web.
6. 2001 Le site d’animation Tongsville.com/city/ à scrolling vertical créé l’événement avec ses personnage en pixels et ses interactions .
7. 2001 Eric Jordan, Tony Novak et John Caroll, les 3 fondateurs du studio 2advanced signent un site all flash qui exploitent toutes les possibilités offertes par le soft de Macromedia…
9. Flash est devenue un des programmes les plus populaires pour ajouter des animations et des objets interactifs à une page Web. Flash est généralement utilisé pour créer des animations, des publicités ou des jeux vidéo. Flash Peu de contraintes et de développement pour obtenir les premiers résultats – Flash = La créativité d’abord! Les Action Scripts offrent de nombreuses possibilités mais difficiles à maîtriser.
10. Image de la marque et expérience immersive de l’utilisateur, stratégies virales et à court-termes, …
11. Architecture d’information complexe , Possibilité de copier/coller des contenus, SEO important, positionnement fort sur les contenus textuels , audience très large…
12. Aujourd’hui, certains sites combinent efficacement les technologies et langages autrefois opposés. HTML et FLASH présentent chacun des forces et des faiblesses . Le concept, les idées et l’audience doivent déterminer le projet et les contenus et enfin les outils et langages. HTML+FLASH CONTENUS+CR É ATIVIT É
13. Flash n’est pas entièrement inaccessible . Un mauvais codage (X)HTML peut rendre l’interface Web complètement inaccessible .
14. Recognizing the need is the primary condition to design. Charles Eames, designer américain & architecte “ ”
15. HTML / CSS / JAVASCRIPT + FLASH , 3D , Motion … Un environnement de travail riche avec des outils apportant des réponses pour des besoins différents et complémentaires Quels outils pour quels besoins?
16. 2000 Le Team Chman , célèbre agence web française, spécialisée dans la technologie Flash et créatrice de Banja organise le Web Daysigner . Première Webjam , suivies de nombreuses autres manifestations, les VECTORLOUNGE qui regroupent des milliers de Web Designers en France et à l’étranger.
17. When I am working on a problem, I never think about beauty. I think only of how to solve the problem . But when I have finished, if the solution is not beautiful , I know it is wrong . R Buckminster Fuller, visionnaire, designer, architecte & poète “ ”
18. 2000 - 2002 Les principaux navigateurs supportent CSS1 Disponible sur IE5 (MAC), IE6 (Windows), Opera & Mozilla Firefox Les notions d’ accessibilité et d’ usabilité commencent à apparaitre. CSS = Cascading Style Sheet Le CSS permet de styliser les contenus HTML
19. Développement des Standards HTML 3.0 avec le W3C HTML 3.2 HTML 4.0.1 XHTML 1.0 Languages alternatifs (WAP, XHTML BASIC…) CSS 1 CSS 2 ECMAScript (JavaScript / JScript) Nouvelles approches conflictuelles: tables et stylesheets font tags et stylesheets …
20. 2002 Le site d’animation Tokyoplastic.com remportent des prix dans le monde entier et devient culte pour toute une génération de créatifs Web.
21. 2002 Premiers rassemblements et réseaux d’envergure nationaux et internationaux pour la communauté des Webdesigners Ryan Shelton et Ryan Carson lancent à Londres les soirées BD4D Très vite ces soirées sont reprises dans le monde entier.
22. Standford Web Credibility Research Guide de 10 règles | Crédibilité d’un site 1. Offrez des moyens simples de vérifier l'information sur votre site. 2. Montrez qu'il existe une organisation réelle derrière votre site. 3. Mettez l'expertise de votre organisation en valeur. 4. Montrez que derrière votre site, il y a des personnes honnêtes et fiables. 5. Faites en sorte qu'il soit facile de vous contacter. 6. Privilégiez un design professionnel ou approprié aux objectifs du site. 7. Rendez votre site facile d'utilisation -- et utile. 8. Mettez régulièrement votre site à jour. 9. Faites un usage restreint de tout contenu promotionnel. 10. Évitez les erreurs en tous genres si petites soient-elles. 2002 Web-Credibility
23. 2002 Le site thebanmappingproject.com est un projet archéologique, ethnographique et géologique qui permet de visiter la Vallée des Rois de manière très innovante.
24. Avec l’aide d’une technique de digitalisation au laser , l’intérieur des tombes ont été totalement recréés. L’emploi de Javascript et Flash permet de visiter les lieux de manière réaliste et instructive.
25. Technical skill is mastery of complexity , while creativity is mastery of simplicity . E. Christopher Zeeman, Mathématicien “ ”
26.
27. 2002 Matthew Mullweg Tantek Celik Eric Meyer XHTML Friends Network (XFN). Global Multimedia Protocol Group http://gmpg.org
28. 2003 CSS Zen Garden Les outils de blogging deviennent plus conformes au Web sémantique en intégrant du (X)HTML Les Webdesigners s’approprient les CSS et redécouvrent le web sémantique avec le (X)HTML Compréhension plus pertinentes des feuilles de styles par les Moteurs de recherches .
29. Much of the Web is like an anthill built by ants on LSD . Jakob Nielsen, consultant en usabilité du Web “ ”
30. 2003 Macromedia lance The Flash Video Gallery , une vitrine technologique qui met en avant les grandes marques qui innovent en utilisant Flash Communication Server et Flash pour distribuer des contenus vidéo .
31. 2003 La boisson énergétique Red Bull propose une expérience interactive totalement immersive avec redbullcopilot.com. Multiples possibilités de paramétrage, 9 angles de caméra, animation vectorielle, contrôles audio…
32. Dans la foulée de l’explosion des blogs, de MySpace et des Podcasts, Second Life et son univers virtuel est annoncé comme un Web dans le Web. 2003
33. 2003 Jeffrey Zeldman écrit la 1 ère édition de ‘ ’Designing with Web Standards ’’ . Il est l’un des plus influents militant pour la reconnaissance et l’application des standards .
34. 2003 1 er écran conçu pour afficher l’ encre électronique développé par la société E-Ink . L’ère de l’écriture électronique débute enfin alors que la technologie existe depuis 1970 .
35. 2002 – 2007 Le Motion Design sort de l’ombre Cinéma, Audiovisuel, Internet, Internet mobile… 2002 – Prix Apple – 1 ère Série animée pour le Web Marché en pleine croissance - Multisectorielle
37. Great design will not sell an inferior product, but it will enable a great product to achieve its maximum potential . Thomas Watson Jr, Président d’IBM (1952-1971) “ ”
38. 2004 Flash Lite 1.1 devient disponibles sur les téléphones portables de dernière génération et accélère le développement des contenus interactifs sur mobiles.
39.
40. 2004 L’agence interactive North Kingdom remporte de multiples récompense pour l’expérience interactive : Vodafone Future Site .
41. 2004 Le tsunami Web 2.0 . Plus qu’un concept marketing, plus qu’une évolution technologique… C’est une révolution des usages.
42. Tendances graphiques ≠ Design 2.0 GRANDES POLICES DE CARACTERES Liens en surbrillance Dégradés Réflexions sur logos Badges Ajax inside Rayures Couleurs acidulées Boutons clairs et simples
43. Design 2.0 Les interfaces persuasives Faciliter et inciter la participation de l’internaute, Donner du sens au design d’interfaces, Une place privilégié pour les contenus. Un Design et des services centrés utilisateurs ! De nouvelles formes d ’interfaces Web adaptées aux nouveaux services. Un regain d’ intérêt pour le Webdesign.
44. I am not schooled in the science of human factors , but I suspect surprise is not an element of a robust user interface . Chip Rosenthal, Unicom System, spécialiste en solutions opensource Unicom.com/ “ ”
45.
46.
47.
48. Résous des problèmes spécifiques Simplicité d’utilisation Modularité Créés d’abord pour les humains, ensuite pour les machines Encourage le développement décentralisé de contenus, de services, etc. diagramme microformats Tags (x)HTML et attributs: Comme <ol>, <ul>, <p>, <table>, <div>, <h1>, <h2>, <dt>… Composants Microformats: hCard, hCalendar, XOXO, geo, hReview, hResume etc. Eléments Microformats: Rel-tag, rel et rev, rel-license, rel-nofollow, XFN, vote-links. Principes Microformats PAGE (X)HTML Diagramme d’une simple page en (X)HTML avec du contenu ‘’microformaté’’
53. 2004 Marco Wesckamp, aka Marumushi , Newsmap en Flash des Google News . Mode de représentation innovant remettant en cause les principes d’ergonomie pour le Web.
54. 2005 The Zen of CSS Design est publié par Dave Shea , le créateur de CSS Zen Garden et la spécialiste de design Web, Molly Holzschlag .
55. 2005 Explosion de la vidéo en ligne YouTube, Dailymotion et les autres Des centaines de plateformes de partages vidéos, La vidéo devient portable , Apparition des Vlogs …