List options
Export
Player mode on | off
Grid
List
Watch later
09:15
Sous-titrage étape 4 official
4ème étape : la synchronisation.La synchronisation permet d'ajouter une notion de temps sur ce qui a été dit : cette phrase doit par exemple apparaître entre 48'45 et 49'10. Cette étape est faite à l'aide de l'outil de sous-titrage en ligne Universal Subtitle. Le texte de l'étape 3 est ainsi importé et synchronisé dans ce service en ligne.
Watch later
02:19
Sous-titrage étape 3 official
3ème étape : le découpage.Le découpage consiste à adapter le texte pour qu'il soit correctement sous-titré. Il est impératif que les étapes 1 et 2 soient terminées avant d'entamer le découpage.Les sous titres apparaissent sur deux lignes dans nos lecteurs vidéos. Il faut donc découper le texte par blocs d'une ou deux lignes. La longueur approximative d'une ligne est de 35 caractères, il faut veiller à ne pas dépasser la limite de 45 à 50 caractères qui provoquerait des problèmes d'affichage.Par exemple, le transcript suivant"Alors, par exemple coupez le son de votre ordinateur et regardez la vidéo et votre sous-titrage. Si là vous comprenez ce qui a été dit, c'est que c'est un bon sous-titrage..."Devient après découpage :"Alors, par exemple coupez le son de votre ordinateuret regardez la vidéo et votre sous-titrage.Si là vous comprenez ce qui a été dit,c'est que c'est un bon sous-titrage..."
Watch later
01:28
Sous-titrage étape 2 official
2ème étape : la relecture.Lorsqu'un transcript est terminé, une ou deux relectures complètes ne sont pas de trop.Cette étape peut se faire en écoutant la vidéo afin de vérifier que ce qui a été transcrit correspond à ce qui a été dit, mais aussi sans écouter la vidéo, afin de faciliter la chasse aux fautes d'orthographe ou de frappe.Si vous avez participé à la relecture d'un transcript, signalez-le simplement en ajoutant une remarque au début du transcript (pensez à mettre la partie relue si vous n'avez pas vérifié le transcript en entier).
Watch later
01:53
Sous-titrage étape 1 official
1ère étape : la transcription.La transcription (ou le transcript) consiste à recopier littéralement toutes les informations vocales de la vidéo (orateur, questions du public, etc.).Afin de faciliter le travail collaboratif, nous utilisons un outil fournit par Framasoft qui permet d'éditer un texte à plusieurs.Pour les vidéos du grand amphithéâtre nous proposons de démarrer à partir du texte transcrit par vélotypie en direct de l'événement. Cela évite le stress de la page blanche !
Watch later
52:23
Atelier d'aide aux orateurs 2012 official
Vous avez proposé un sujet pour Paris-Web mais vous n'êtes pas sûr d'être à l'aise à l'oral ? Vous n'avez pas proposé de sujet, parce que vous pensez que vous ne saurez pas parler devant un public ? Ou pire, que vous allez être pétrifié devant trois-cents paires d'yeux ?Intervention filmée par Jean-François Renauld http://cv.prelude.me/
Watch later
07:43
Paris Web 2011 - Remerciements official
http://www.paris-web.fr/Captation offerte par http://www.istockphoto.com/Merci à nos partenaires 2011 : Clever Age, af83, Viadeo et IBM.
Watch later
52:10
Optimizing your layout for phones and tablets using viewport and media queries official
http://www.paris-web.fr/2011/conferences/optimizing-your-layout-for-phones-and-tablets-using-viewport-and-media-queries.phpCaptation offerte par http://www.istockphoto.com/Merci à nos partenaires 2011 : Clever Age, af83, Viadeo et IBM.With mobile web browsing becoming widespread, users expect their favorite sites to "just work" on their mobile device of choice. Exciting times, especially as there are a number of new hooks in modern mobile browsers that help web designers to create compelling experiences on phones and tablets.In my talk, I will cover the various features of the viewport meta tag, and look at how they allow you to control mobile browsers' zoom behaviors. I'll also connect this to Opera's CSS Device Adaptation proposal, which brings this feature to CSS in the form of the @viewport rule.Furthermore, I will explain how viewport can be combined with media queries to create super-flexible layouts that work nicely across different browsing contexts and devices, and explore various strategies to dealing with different screen sizes and pixel densities.
Watch later
47:50
Les goûts et les couleurs official
http://www.paris-web.fr/2011/conferences/les-gouts-et-les-couleurs.phpCaptation offerte par http://www.istockphoto.com/Merci à nos partenaires 2011 : Clever Age, af83, Viadeo et IBM.Les Webmasters et autres designers Web ont beaucoup à faire et à envisager lorsqu'ils dessinent les grands traits d'un site à venir, de l'encodage aux bases de données en passant par l'accessibilité et les polices de caractères. Il est toutefois un aspect du design Web qui revêt une importance capitale et qui très (trop) souvent est traité sinon avec désinvolture, au moins en se basant sur des critères subjectifs peu pertinents : la couleur. L'impact du choix de la palette des couleurs d'un site Web est immense et reste étrangement peu documenté ; la psychologie chromatique est pourtant une part primordiale du design qu'il serait irresponsable de survoler, et nombre grands groupes et marques célèbres ne s'y sont pas trompés, poussant parfois très loin les études afin d'établir le meilleur rapport possible entre le message à délivrer et les couleurs qui instaureront très vite l'état d'esprit propice à recevoir ce message.Cette conférence vous donnera les clés pour choisir les couleurs idéales pour vos projets, ce qu'elles inspirent, suscitent et sous-entendent, ainsi que les associations heureuses et celles à éviter.
Watch later
44:29
Lightning talks Paris Web 2011 official
http://www.paris-web.fr/2011/conferences/lightning-talks.phpCaptation offerte par http://www.istockphoto.com/Merci à nos partenaires 2011 : Clever Age, af83, Viadeo et IBM.10 Lightning talks, 4 minutes par présentation et pas une seconde de plus.- Pas de Liens Sans Autorisation m'a tuer, par Thierry Stoehr- La Glande Assistée par Ordinateur, par Laurence Vagner- Ack, better than grep, par Anthony Ricaud- L'amusante frénésie des pages à largeurs fixes, par Rudy Rigot- Comment faire un sac de laptop en 30s, par Karl Dubost- Pdf.js, par Vivien Nicolas- BootToGecko, par Mounir Lamouri- Ligthning Failconf, par Benjamin Lorteau- L'accessibilité : un truc réservé aux riches ?, par Jean-Philippe Simonnet- W3C Sentaï Team, par Jérémie Patonnier
Watch later
51:50
The mobile browser world official
http://www.paris-web.fr/2011/conferences/the-mobile-browser-world.phpCaptation offerte par http://www.istockphoto.com/Merci à nos partenaires 2011 : Clever Age, af83, Viadeo et IBM.In this presentation, PPK will describe the mobile browser world, its 10 to 15 important browsers, their relations, the difference between normal and proxy browsers, and how to go about deciding on a starting point for your mobile web endeavors. He'll try to make sense of a confusing ecosystem that web developers will need to learn to know better, and he will go way beyond just iPhone and Android.
Watch later
47:45
Tester vos services, mythes et réalités ! official
http://www.paris-web.fr/2011/conferences/tester-vos-services-mythes-et-realites-1.php Captation offerte par http://www.istockphoto.com/ Merci à nos partenaires 2011 : Clever Age, af83, Viadeo et IBM. Le but de cette conférence est de faire le point sur les différentes méthodes d'évaluation des interfaces. Le point de départ est l'affirmation de Jakob Nielsen : "5 utilisateurs suffisent pour trouver 85 % des problèmes d’ergonomie". Cette affirmation est souvent reprise en oubliant de préciser le contexte théorique qui date de 1993. Depuis les études sur le sujet, notamment une série d’études « Comparative usability evaluation » de Rolf Molich, ont été nombreuses ce qui permet de répondre à des questions comme : - Combien de participants sont nécessaires pour trouver le plus de problèmes critiques ? - Peut-on trouver tous les problèmes ? - Est ce qu’il y a des différences de qualités entre les résultats obtenus par les différentes méthodes ? Dans un deuxième temps, nous aborderons une partie pratique en répondant à la question : Quelle méthode à quel moment du projet ? La réponse est donc basée sur trois méthodologies "simples et élégantes" : - En début de projet : une méthode d'inspection des IHM "à ma façon". - En cours de projet : des tests utilisateurs. - En fin de projet, pour valider la prise en main : Une méthodologie d'évaluation basée sur la norme ISO 20282 "Facilité d’emploi des produits quotidiens." Pour conclure, nous répondrons de manière précise à la question "Combien d’utilisateurs faut-il pour trouver 85 % des problèmes d’ergonomie ?" avec l'aide d'un outil statistique.
Watch later
21:11
Formulaires HTML5 : où en est-on ? Que peut-on faire ? official
http://www.paris-web.fr/2011/conferences/formulaires-html5-ou-en-est-on-que-peut-on-faire.phpCaptation offerte par http://www.istockphoto.com/Merci à nos partenaires 2011 : Clever Age, af83, Viadeo et IBM.Les formulaires HTML5 introduisent pleins de nouveautés qui peuvent être utilisées dès aujourd'hui. Nous allons voir quelles sont ces nouveautés, comment les utiliser et quel est le support actuel des différents navigateurs.
Watch later
46:00
La Sagesse du Web official
http://www.paris-web.fr/2011/conferences/la-sagesse-du-web.phpCaptation offerte par http://www.istockphoto.com/Merci à nos partenaires 2011 : Clever Age, af83, Viadeo et IBM.Le Web social est un domaine expérimental, émergeant où les valeurs humaines de base sont parfois facilement remplacées par des règles d'affaire peu intéressante pour l'usager.Je m'adresse à la fois aux utilisateurs et aux créateurs de services Web. Les utilisateurs adoptent différents services qui occupent une grande partie de leur temps, cependant ces services sont très rarement conçus avec pour objectif de respecter le bien-être humain, ou de s'inscrire dans un écosystème de façon éthique. Très souvent ces services sont mit en ligne avec pour objectif de collectionner le maximum d'usagers, et d'occuper le maximum de leur temps en ligne sans pour autant prévoir faire de leur temps hors-ligne une expérience intéressante. À l'aide de métaphores et d'histoires modernes, je tente de sensibiliser les créateurs de services web à mieux comprendre comment le web fonctionne, et cela nous sert à notre avantage.
Watch later
45:21
Principes d’ingénierie du développement Web official
http://www.paris-web.fr/2011/conferences/principes-dingenierie-du-developpement-web.phpCaptation offerte par http://www.istockphoto.com/Merci à nos partenaires 2011 : Clever Age, af83, Viadeo et IBM.Le seul fait d’exister ne suffisant plus pour réussir, chaque service cherche à se démarquer auprès des usagers. Cette conférence abordera les perspectives données par la simplicité de l’expérience utilisateur. Mais comment parvenir à la simplicité ? Peut-on seulement en décider ?Pour y répondre, nous évoquerons comment fournir un service tout en tenant compte des capacités attentionnelles des internautes et des contextes d’usage : comment trouver l’équilibre entre forme et fonction? S’agit-il seulement de supprimer des choses à l’écran ? Comment satisfaire des usages novices tout en laissant place aux usages avancés ? ...Au final, théories et exemples illustrant les quelques dynamiques indispensables pour créerdes services en ligne simples, qui respectent et pensent vraiment aux utilisateurs.
Watch later
50:03
Petite arithmétique de l’UX : choisir, renoncer, construire official
http://www.paris-web.fr/2011/petite-arithmetique-de-lux-choisir-renoncer-construire.phpCaptation offerte par http://www.istockphoto.com/Merci à nos partenaires 2011 : Clever Age, af83, Viadeo et IBM.Le seul fait d’exister ne suffisant plus pour réussir, chaque service cherche à se démarquer auprès des usagers. Cette conférence abordera les perspectives données par la simplicité de l’expérience utilisateur. Mais comment parvenir à la simplicité ? Peut-on seulement en décider ?Pour y répondre, nous évoquerons comment fournir un service tout en tenant compte des capacités attentionnelles des internautes et des contextes d’usage : comment trouver l’équilibre entre forme et fonction? S’agit-il seulement de supprimer des choses à l’écran ? Comment satisfaire des usages novices tout en laissant place aux usages avancés ? ...Au final, théories et exemples illustrant les quelques dynamiques indispensables pour créerdes services en ligne simples, qui respectent et pensent vraiment aux utilisateurs.
Watch later
49:43
HTML5 pour l’écriture d’applications cross-devices : challenges et solutions official
http://www.paris-web.fr/2011/conferences/html5-pour-lecriture-dapplications-cross-devices-challenges-et-solutions.phpCaptation offerte par http://www.istockphoto.com/Merci à nos partenaires 2011 : Clever Age, af83, Viadeo et IBM.HTML5 et ses amis CSS3 et SVG sont particulièrement intéressants à l’heure de la multiplication des périphériques (PC, tablettes et téléphones). En effet, 2 choix s’offrent aux développeurs pour viser ces différentes plateformes. Le 1er est de coder avec l’environnement natif de chacune (Objective-C, Java, Silverlight, etc.) et cela peut vite coûter très cher. Le 2ème choix consiste à envisager une technologie commune à toutes les plateformes : HTML5. Oui mais HTML5 est-t-il capable d’offrir une richesse et une ergonomie similaire à une application native ? Comment s’adapter aux différentes résolutions et ergonomie disponibles ? Quiz des performances ? Quelles sont les limitations face à une application dite native ?Tout au long de cette session, nous essaierons de répondre à ces questions en construisant une même application qui fonctionnera sur la majorité des plateformes actuelles. Nous verrons ainsi que grâce aux dernières évolutions des technologies du W3C et à l’augmentation des performances des derniers navigateurs, HTML5 et ses amis n’ont pas à rougir face à aux applications natives pour de nombreux cas d’utilisation. Nous y découvrirons malgré tout les nouveaux challenges que cela peut lever.
Watch later
53:04
L'OpenData : une évolution culturelle, politique et technique official
http://www.paris-web.fr/2011/conferences/lopendata-une-evolution-culturelle-politique-et-technique.php Captation offerte par http://www.istockphoto.com/ Merci à nos partenaires 2011 : Clever Age, af83, Viadeo et IBM. Vous souhaitez libérer des données ? Qu'est-ce qu'une donnée ? Qu'entend-on par « libération » ? Comment favoriser la réutilisation de vos données pour en décupler leur valeur ? Quelles sont les bonnes pratiques dans ce domaine ? Quelles sont les conditions de réutilisation ? Quels sont les outils existants ? Quelles sont les sources actuelles ? Locales ? Nationales ? Comment croiser ces données pour proposer un service innovant aux utilisateurs ? Comment les hackers-citoyens peuvent-ils s'approprier ces données ?
Watch later
51:48
La typo, mon navigateur et moi official
http://www.paris-web.fr/2011/conferences/la-typo-mon-navigateur-et-moi.phpCaptation offerte par http://www.istockphoto.com/Merci à nos partenaires 2011 : Clever Age, af83, Viadeo et IBM.Afficher des polices typographiques dans un navigateur, c'est un peu magique. L'affichage des caractères, les ligatures, les petites capitales... il y a plein de truc géniaux à faire, mais tous les navigateurs n'ont pas la même qualité de rendu ! Plutôt que de baisser les bras, je vous propose de voir ensemble comment ça fonctionne et comment on peut faire simplement de la belle typographie.
Watch later
51:55
Javascript as a Programming Language official
http://www.paris-web.fr/2011/conferences/javascript-as-a-programming-language.phpCaptation offerte par http://www.istockphoto.com/Merci à nos partenaires 2011 : Clever Age, af83, Viadeo et IBM.How to setup up a stable javascript continuous integration environment and why you need it.Through a real life example, the talk explains all the benefits of having a development process that brings real control over javascript codebase. A deep analysis of developer and webapps needs and of the tools that fit those requirements.
Watch later
48:06
Ga, Bu, Zo, Meu, ou pourquoi faire simple quand on peut faire compliqué ? official
http://www.paris-web.fr/2011/conferences/ga-bu-zo-meu-ou-pourquoi-faire-simple-quand-on-peut-faire-complique.phpCaptation offerte par http://www.istockphoto.com/Merci à nos partenaires 2011 : Clever Age, af83, Viadeo et IBM.Les 5 dernières années ont vu un nombre de changements technologiques impressionnants, qui changent la manière de concevoir, coder, déployer, opérer, distribuer et monnayer les applications. Certaines tendances facilitent la création d'applications simples et élégantes, alors que d'autres créent de nouvelles complexités que les développeurs doivent gérer.