Les actualités du Jeudi 23 février 2012 dans les métiers du web - Marmits.com - Reims
Disqus est un système de commentaires avec authentification unique qui permet à
En l'état le tutoriel reste compréhensible.
PDF du tuto
Vous allez apprendre ici la modélisation polygonale 3D et tout se qui va avec, ça comprend le rendu, l'animation ou encore les effets spéciaux. Autodesk Maya est un logiciel ayant une longue histoire derrière lui, anciennement développé par Alias il a hérité des technologies des premiers logiciels d'animation au monde (Alias PowerAnimator puis Alias MotionBuilder aujourd'hui leader en capture de mouvements) et de modélisation surfacique (Alias Studio). Il est très fortement implanté dans le milieu professionnel et en particulier dans le domaine de l'animation où il est devenu une référence. Les studios d'animations tels que Industrial Light and Magic (Star Wars entre autres), Walt Disney Pictures/Pixar, DreamWorks et Weta-Digital font pratiquement à eux quatre la quasi-totalité des blockbusters actuels avec Maya (la liste des films)... sans oublier les grandes marques de jeux vidéo tels que Nintendo, Sony Computer Entertainment, Square-Enix/Soft, Blizzard, Naughty Dog, Insomniac Games, Eidos. Tous utilisent Maya dans leur production.
Il constitue un très bon logiciel pour se lancer dans la 3D et avoir des connaissances solides dans se domaine et éventuellement pour rechercher un emploi. Sur les forums, sa large communauté est composée de nombreux professionnels.
Qu'est-ce qui est prévu dans ce cours ?
Ce tutoriel vous apprendra l'utilisation de Maya dans tous ses domaines d'application : la modélisation (représentation d'un univers en 3D), l'animation, le rendu (création d'images et vidéos et mise en place de l'éclairage), les effets spéciaux (fumé, cheveux, destruction physique) et bien d'autres encore.
| Maya est gratuit et utilisable 3 ans ! |
|---|
| A lire aussi : |
Philosophie de l'attribut rel
Le monde du Web est construit sur la métaphore de la toile. Chacun des fils seraient la représentation des hyperliens, là où chaque point d'ancrage de la toile serait alors le représentant d'une page web.
Le lien est un composant essentiel de la structure des documents. Il offre la possibilité de naviguer vers une autre ressources, et de mettre en relation des ressources similaires, complémentaires ou concurrentielles. L'attribut rel placé sur les balises <a>, <area> et <link> définit la nature de la relation établie entre deux ressources.
Ce que dit HTML5
La syntaxe est parlante : la valeur de l'attribut rel indique le type de relation, par exemple lorsqu'il est placé sur un lien <a>.
<a href="lien-hypertexte.html" rel="nofollow">Intitulé du lien</a>
Depuis HTML4, certaines valeurs sont devenues obsolètes. HTML5 instaure les microformats, dont dépend une partie des valeurs utilisables par l'attribut rel.
Tout le monde connaît d'ailleurs au moins une relation célèbre présente dans la section <head>, celle qui permet de lier la feuille de style CSS au document HTML. Le navigateur sait ainsi qu'il s'agit des styles applicables au document et interprète les propriétés CSS contenues dans le fichier lié.
<link rel="stylesheet" href="styles.css" type="text/css">
Application de l'attribut rel
Cet attribut est applicable sur les éléments <a>, <link> et <area>, qui évoquent des liens et relations possibles avec d'autres documents. HTML est en perpétuelle évolution : il existe donc un certain nombre de valeurs officiellement adoptées, et un nombre important de propositions qui ne sont pas encore validées.
Valeurs autorisées pour les éléments <a> et <area>
| Valeur | Description |
|---|---|
alternate |
Donne une représentation du contenu alternative au document |
author |
Un lien vers l'auteur du document courant |
bookmark |
Donne le lien permanent pour la section parente la plus proche. |
contact |
Donne un lien vers une information de contact pour le document présent. Supprimée de la spécification du W3C car correspond déjà à une valeur XFN |
external |
Indique que le document de référence n'est pas une partie du site sur lequel le document courant est présent. Pour le WhatWG cette valeur n'est pas pertinente. |
help |
Fournit un lien vers une aide contextuelle. |
license |
Indique que le lien mène vers un document présentant la licence du document courant. |
next |
Indique que le document courant est une sous-partie et que le document référencé est la partie suivante. |
nofollow |
Indique que l'auteur original ou de l'éditeur du document en cours ne cautionne pas le document de référence. |
noreferrer |
Exige que l'agent utilisateur n'envoie pas de Referer dans les en-têtes HTTP si l'utilisateur suit le lien. |
prefetch |
Indique que la ressource cible doit être préventivement mis en cache. |
prev |
Indique que le document courant est une sous-partie et que le document référencé est la partie précédente. |
search |
Donne un lien vers une ressource qui permet de rechercher dans le document courant et ses pages liées. |
sidebar |
Indique que le document de référence, si trouvé, est destiné à être montré dans la barre latérale du navigateur (s'il en a une). Pour le WhatWG cette valeur n'est pas pertinente. |
tag |
Indique que le document de référence traite d'un mot-clef en rapport au document courant. |
Exemple d'utilisation sur les éléments <a> et <area>
Exemple avec quelques liens classiques
Imaginons un article classique de blog avec des infos sur l'auteur, la date, la catégorie, une liste de mots-clefs, etc. Il est possible de baliser l'ensemble de cette manière :
<article>
<header>
<h1>Partie 2 : Article</h1>
<p>Écrit par <a rel="author" href="author/geoffrey">Geoffrey C.</a> le <time pubdate="2012-01-11">11/01/2012</time></p>
</header>
<div>
<h2>Sommaire</h2>
<ul>
<li><a rel="prev" href="/article-part1.html">Partie 1 : Article</a></li>
<li class="current">Partie 2 : Article</li>
<li><a rel="next" href="/article-part3.html">Partie 3 : Article</a></li>
</ul>
<p>Lorem Elsass ipsum ac Hans tristique schnaps hopla knack Oberschaeffolsheim Richard Schirmeck <a href="http://www.robertsau.eu/" rel="external">Chulia Roberstau</a></p>
</div>
<footer>
<p>Mots-clefs :
<a rel="tag" href="/search/tag/relations">relations</a>,
<a rel="tag" href="/search/tag/rel">rel</a>,
<a rel="tag" href="/search/tag/attribut">attribut</a>
</p>
<p>Article publié selon la <a rel="license" href="http://fr.wikipedia.org/wiki/WTF_Public_License">WTF Public License</a> | <a rel="bookmark nofollow" href="/article/lire/1400-attribut-rel-relations.html">Permalien</a>.</p>
</footer>
</article>
À noter qu'il est important que le document de référence ait un lien avec le mot-clef : une recherche sur ce mot, ou une description du mot.
Note : comme la valeur tag fait référence au document courant, il n'est pas recommandé de l'utiliser pour marquer un nuage de mots-clefs faisant référence aux mots populaires de l'ensemble du site.
Valeurs autorisées pour l'élément <link>
| Valeur | Description |
|---|---|
alternate |
Donne une représentation du contenu alternative au document. |
author |
Un lien vers l'auteur du document courant. |
canonical |
Définit le document de référence comme étant le document canonique. |
help |
Fournit un lien vers une aide contextuelle. |
icon |
Importe une icône représentative du document courant. |
license |
Indique que le lien mène vers un document présentant la licence du document courant. |
next |
Indique que le document courant est une sous-partie et que le document référencé est la partie suivante. |
pingback |
Donne l'adresse du serveur de pingback qui traite ceux du document courant. |
prefetch |
Indique que la ressource cible doit être préventivement mis en cache. |
prev |
Indique que le document courant est une sous-partie et que le document référencé est la partie précédente. |
search |
Donne un lien vers une ressource qui permet de recherche dans le document courant et ses pages liées. |
sidebar |
Specifies that the referenced document, if retrieved, is intended to be shown in the browser's sidebar (if it has one). Pour le WhatWG cette valeur n'est pas pertinente. |
stylesheet |
Importe une feuille de style CSS, l'une des relations les plus connues à l'heure actuelle. |
tag |
Indique que le document de référence traite d'un mot-clef en rapport au document courant. |
Exemple avec <link>
Le plus célèbre a déjà été mentionné en début d'article, nous avons également pour définir l'URL canonique du document courant :
<link rel="canonical" href="http://alsacreations.com/article/lire/1400">
Il est également possible de définir un document référant comme ressource ou outil de recherche :
<link rel="search" type="application/opensearchdescription+xml" title="searchTitle" href="/search">
Valeurs liées à XFN
XFN (XHTML Friends NetWork) propose une utilisation de l'attribut rel ciblé sur le tissu social de manière générale (amis, famille, travail). Voici les valeurs proposées par XFN.
| Valeur | Description |
|---|---|
contact |
Une personne avec laquelle vous savez comment entrer en contact. |
acquaintance |
Une personne avec laquelle vous avez brièvement échangé. |
friend |
Une personne avec laquelle vous avez des liens d'amitier. |
met |
Une personne que vous avez déjà renconté. |
co-worker |
Une personne avec laquelle vous travaillez, probablement dans la même entreprise. |
colleague |
Une personne qui travaille dans la même branche que vous, un confrère. |
co-resident |
Une personne avec laquelle vous partagez la même adresse. |
neighbor |
Une personne avec laquelle vous êtes proche géographiquement, un voisin. |
child |
Une personne qui est votre enfant ou que vous considérez comme tel. |
parent |
L'inverse de child. |
sibling |
Une personne qui partage les mêmes parents que vous. |
spouse |
Une personne avec laquelle vous êtes marié. |
kin |
Une personne qui appartient à votre belle famille, ou que vous considérez comme tel. |
muse |
Une personne qui vous apporte inspiration. |
crush |
Une personne pour laquelle vous avez le béguin. |
date |
Une personne que vous fréquentez. |
sweetheart |
Une personne avec laquelle vous êtes intime et quelque peu engagé, parfois de manière exclusive. |
me |
Une autre de vos références personnelles. |
Plus d'informations sur le site officiel en anglais : gmpg.org/xfn
Évolution à venir
Un grand nombre de valeurs sont proposées et sont en cours de discussion. Il en existe une liste probablement non exhaustive : HTML5 Link Type Extensions
Détournement = Danger
Beaucoup d'outils (CMS, JavaScript) utilisent l'attribut rel comme une solution au marquage spécifique d'un élément ou au transport d'une information nécessaire à l'exécution d'un script par exemple. Il s'agit peut-être d'un usage détourné lié à l'ignorance de l'utilité de cet attribut, ou au manque de rigueur de certains développeurs.
Voici 3 exemples de ressources en ligne qui utilisent ce procédé et qui invalideront votre page HTML5 :
- Lightbox 2 par Lokesh Dhakar
- FancyBox par J?nis Skarnelis
- ShadowBox par Michael J. I. Jackson
Si le besoin de transporter une information se fait ressentir, favorisez l'utilisation des attributs data-*.
Tutoriel : comment fusionner 2 pages fan Facebook Vous avez peut-être créé 2 pages Facebook pour la même entreprise et vous souhaitez les regrouper. Ou bien vous avez transformé votre profil en page Facebook et vous souhaitez fusionner cette nouvelle page avec une autre que vous aviez déjà. Voici comment faire... mais la solution n'est [...]
Selon une information révélée par Les Echos, Deezer chercherait à lever entre 50 et 100M €. Cette opération pourrait valoriser le site de streaming musical près de 500M €, soit dix fois son CA 2011. D’après le quotidien, plusieurs fonds américains seraient intéressés pour investir dans ce prochain tour de table qui devrait être finalisé d’ici l’été [...]
Créé en 1997, le pure player Viapresse a été aux premières loges pour observer et s’adapter aux changements radicaux de modes de consommation de la presse. Viapresse.com propose depuis quelques années des abonnements ou de l’achat au numéro alliant presse papier et numérique et fait aujourd’hui peau neuve avec, en ligne de mire pour 2012, l’ambition d’accompagner l »explosion [...]
L'équipe de CyanogenMod se montre très active ces derniers temps sur la tablette de HP. En effet, une nouvelle étape vient d'être franchie avec une nouvelle ROM, basée sur Android 4.0 (Ice Cream Sandwich) et qui prend en compte l'accélération matérielle. CM 9 sur la HP Touchpad, un bon moyen pour accéder à l'application Presse Citron !
Historiquement, l’un des premiers secteurs à avoir compris l’intérêt du référencement local est certainement l’immobilier. Les internautes à la recherche d’un bien utilisent forcément des requêtes composées de plusieurs occurrences (type de bien, modèle économique, critères, zone géographique,…) dont la localisation ; souvent de plus en plus précise ; du bien souhaité. Par le passé, et [...]
Fondé en 2007 par trois jeunes entrepreneurs allemands, Jimdo a développé un système de création de sites internet. La solution clef en main permet ainsi de se créer, sans connaissances techniques spécifiques, une présence en ligne en quelques minutes et offre un panel de fonctionnalités 2.0 : blog, galeries d’images Flickr, vidéos Youtube, etc… Aujourd’hui, après 5 ans d’existence, [...]
Vous avez de nombreuses données à traiter et vous voulez les organiser correctement, avec un outil adapté ?
Les bases de données ont été créées pour vous !
Ce tutoriel porte sur MySQL, qui est un Système de Gestion de Bases de Données Relationnelles (abbrégé SGBDR). C'est-à-dire un logiciel qui permet de gérer des bases de données, et donc de gérer de grosses quantités d'informations. Il utilise pour cela le langage SQL.
Il s'agit d'un des SGBDR les plus connus et les plus utilisés (Wikipédia et Adobe utilisent par exemple MySQL). Et c'est certainement le SGBDR le plus utilisé à ce jour pour réaliser des sites web dynamiques. C'est d'ailleurs MySQL qui est présenté dans le tutoriel Concevez votre site web avec PHP et MySQL écrit par Mathieu Nebra, fondateur de ce site.
MySQL peut donc s'utiliser seul, mais est la plupart du temps combiné à un autre langage de programmation : PHP par exemple pour de nombreux sites web, mais aussi Java, Python, C++, et beaucoup, beaucoup d'autres.
Différentes façon d'utiliser MySQL
Quelques exemples d'applications
Vous gérez une boîte de location de matériel audiovisuel, et afin de toujours savoir où vous en êtes dans votre stock, vous voudriez un système informatique vous permettant de gérer les entrées et sorties de matériel, mais aussi éventuellement les données de vos clients. MySQL est une des solutions possibles pour gérer tout ça.
Vous voulez créer un site web dynamique en HTML/CSS/PHP avec un espace membre, un forum, un système de news ou même un simple livre d'or. Une base de données vous sera presque indispensable.
Vous créez un super logiciel en Java qui va vous permettre de gérer vos dépenses afin de ne plus jamais être à découvert, ou devoir vous affamer pendant trois semaines pour pouvoir payer le cadeau d'anniversaire du petit frère. Vous pouvez utiliser une base de données pour stocker les dépenses déjà effectuées, les dépenses à venir, les rentrées régulières, ...
Votre tantine éleveuse d'animaux voudrait un logiciel simple pour gérer ses bestioles, vous savez programmer en python et lui proposez vos services dans l'espoir d'avoir un top cadeau à Noël. Une base de données vous aidera à retenir que Poupouche le Caniche est né le 13 décembre 2007, que Sami le Persan a des poils blancs et que Igor la tortue est le dernier représentant d'une race super rare !
Points abordés dans ce tutoriel
La conception et l'utilisation de bases de données est un vaste sujet, il a fallu faire des choix sur les thèmes à aborder. Voici les compétences que ce tutoriel vise à vous faire acquérir :
- Création d'une base de données et des tables nécessaires à la gestion des données
- Gestion des relations entre les différentes tables d'une base
- Sélection des données selon de nombreux critères
- Manipulation des données (modification, suppression, calculs divers)
- Utilisation des triggers et des procédures stockées pour automatiser certaines actions
- Utilisation des vues et des tables temporaires
- Gestion des utilisateurs de la base de données
- Et plus encore...
« Pomme comme New-York, i comme Ilan », la chronique américaine de l’entrepreneur français Ilan Abehassera (CEO de Producteev). Au sommaire : 2 Français, Archivme et Teleportd, dans la tournée US 2012 de Seedcamp, le programme de financement et de mentoring européen. Le lancement de la PS Vita La startup de la semaine : OMGPOP. Le social gaming est aussi à [...]
Chronophage, redondant et fastidieux... Coder vos formulaires à la main vous prend du temps, vous préféreriez prendre du repos, au soleil, un verre de jus de kiwi à la main ? Intégrez-les rapidement grâçe à cet outil en-ligne, exportez-les et sauvegardez-les.
Twitter, Facebook, e-réputation, stratégie, budget… Emailvision, éditeur français de logiciels SaaS pour le marketing relationnel online, a récemment mené une étude auprès de ses clients, portant sur l’importance des réseaux sociaux pour les marketeurs. L’infographie suivante met en avant les principaux enseignements de cette enquête. Parmi eux : Plus de 53% des sondés déclarent que les médias sociaux [...]
Pendant trois jours, le Geneva International Conference Center accueille l’édition 2012 de Lift Genève, la version suisse d’une série de conférences en Europe et en Asie qui se tiennent régulièrement depuis 2006 sur les bords duc Lac Léman, Marseille et Séoul. Au programme, des panels de spécialistes réunis pour explorer les dimensions sociales des nouvelles technologies, des artistes des nouveaux [...]
Zenwego propose un espace privé collaboratif simplifiant l’organisation de vos vacances.
Les médias sociaux étant entrés pleinement dans la vie quotidienne, la question de l'identité sociale du salarié se pose en entreprise. Éléments de réponse avec Marc Trilling, expert en social management chez Logica Business Consulting.
Nouvel épisode de notre feuilleton Pinterest ! L’institut ComScore vient de publier une batterie de statistiques relatives au nouveau réseau social et se demande bien si la magie, déjà opérée aux Etats-Unis, s’abattra également sur le continent européen. Selon les derniers chiffres, Pinterest aurait vu son audience européenne quadrupler entre mai 2011 et janvier 2012. Plus précisément, sur cette période, [...]
35000 événements référencés, 10000 articles inédits sur 60 ans d'histoire, c'est la matière première de Live2times, qui propose une immersion à personnaliser. Entretien avec les fondateurs, Yann Gabalde et Jean-Luc Besset.
Orange a publié hier ses résultats annuels 2011. En bonne santé, l’opérateur historique déclare avoir recruté 17M de nouveaux clients pour atteindre au total plus de 226M d’utilisateurs à travers le monde et fait état d’un CA consolidé de 45,2 milliards €. Malgré ces bonnes performances, le groupe reste prudent et prévoit un cash flow en [...]
Google vient d’annoncer la mise à jour de son application mobile Google Docs sur Android, apportant des outils de collaboration de temps réel et un éditeur de texte enrichi.
Frenchweb lance ses formations digitales au caractère interactif et communautaire. Les programmes de formation classiques fonctionnent difficilement dans le domaine numérique, pour deux raisons majeures : Ils deviennent très vite obsolètes Les formateurs classiques ont du mal à rester à jour La première formation sera consacrée au social media. Elle aura lieu le mercredi 14 mars 2012, chez FrenchWeb. 5 [...]
PageScroller est un plugin jQuery permettant de mettre en place une navigation en scroll vertical très fluide.
Chaque matin, FrenchWeb donne le micro aux acteurs de l'internet. Aujourd'hui, Barbara N'Gouyombo, CEO de Fourmi Santé.
Le service de partage de photos et de vidéos Flickr, véritable référence chez les photographes amateurs et professionnels, va subir une refonte graphique le 28 février.
A qui s'adresse ce cours ? À vous, cher novice qui trouvez le logiciel trop complexe malgré de multiples tentatives, mais aussi bien entendu à toute personne souhaitant découvrir pour la première fois le logiciel dont la réputation n'est plus à faire.
Ce cours, articulé autour de trois thèmes d'apprentissage, se veut progressif et adapté à votre niveau. Non seulement mon objectif est que votre lecture vous permette d'accroitre vos performances et vos connaissances dans le domaine de l'infographie, mais il est aussi qu'à la fin de ce cours, vous vous sentiez « moins débutant » et plus à l'aise avec les notions que nous évoquerons tout au long du cours. A ce titre, il est évident qu'aucune notion en graphisme n'est exigée.
Voici un bref récapitulatif de ce que nous aborderons dans ce tutoriel :
- Maitrise des outils de Photoshop
- Découverte des principales fonctionnalités du logiciel
- L'art de la retouche photographique
- Création d'une illustration ainsi que d'une affiche publicitaire, de A à Z.
- Conception et réalisation du design de votre site
- Acquisition du vocabulaire et des termes techniques liés à l'infographie
- Des travaux pratiques pour faire un point sur vos connaissances
- Des fichiers à télécharger tout au long du cours pour une pratique régulière.
Je dois vous avertir que je travaillerai sur la dernière version en date de Photoshop (CS5). Si votre version est suffisamment récente, vous pourrez a priori suivre le cours correctement. A noter toutefois que certains outils ne sont accessibles qu'à partir de la version CS4 du logiciel, ne soyez alors pas étonnés si je venais à les traiter.
Pour ceux qui n'ont pas cette chance, il existe une version d'évaluation qui vous permettra d'utiliser le programme avec toutes ses fonctionnalités pendant 30 jours. C'est suffisant si vous faites preuve d'assiduité dans votre apprentissage.
- 
- 
Pour leur contribution, je tiens à remercier ici-même victor, qui m'a généreusement fourni une partie des photos que vous trouverez dans ce tutoriel, ainsi que SimSonic, qui suit ce cours depuis le début et fournit un travail remarquable de validation.