HowTo texte

My network of links
Travail de rendu de semestre
Thème du travail: réalisation de ma pièce digitale; un fichier graphique, une esquisse, une image, exploitable sur le net. Je fais la carte de mes propres liens internet et je vois comment je les relie entre eux. Comme on parle de réseaux et de liens, il est important que cette carte contienne des zones cliquables ou des éléments textuelles hypertextes.
objectif : les intérêts et les connaissances sont liées et connectées les unes aux autres, souvent on cherche par liens et par réseau d'intérêt. On arrive pas sur un site que l'on répertorie par hasard. Il est important de visualiser et remarquer quels sont les liens que l'on trace entre les sites que l'on a répertorié et pourquoi.
Faire sa carte permet de tisser son réseau de connaissance, de préférences, d'intérêts ...
date limite : mardi 1.03.2011
précision technique :
•
si c'est une image cliquable : taille 1200 * 1024 px
•
pour le web : la résolution est 90 dpi maximun
•
si c'est un fichier FreeMind (un mind mapping), la taille du fichier n'est pas importante !
Le dossier comprend :
1. pour une image cliquable (réalisée avec Gimp, Inkscape ...)
•
L'image originale en format natif svg (Inkscape) ou xcf (Gimp) •
l'image exportée en format png résolution max : 90 dpi min 72 dpi
•
et le fichier .map de la carte cliquable (Filtre gimp)
ATTENTION :Le fichier .map appelle l'image .png. Lorsque vous crééz l'image cliquable, enregistrez­là dans le même répertoire que l'image.png. On évitera toute erreur de lien !
Pour les images insérées dans le fichier .svg, groupez­les dans un répertoire dans la même arborescence que le fichier svg ! Sinon on risque de les perdre !
2. fichier mind map réalisé avec FreeMind : •
le fichier orginal .mm •
et si il y a des inserts d'images : le dossier comprenant les images insérées dans la carte ( veillez à mettre les images dans le dossier et vérfiier que les liens fonctionnent)
•
l'export en format soit xhtml ou de préférence : applet java (attention lors de l'export en applet JAVA FreeMind crée un fichier xxx.html et un dossier xxx.html_files dans lequel se trouve le fichier .mm et le navigateur JAVA (.jar). ATTENTION : Il est indispensable que le fichier html et le répertoire html_files restent dans la même arborescence sinon ça ne fonctionnera pas !
TIP : lorsque vous exportez votre carte FreeMind en JAVA, mettez­là dans un dossier que vous crééz et ne déplacez pas le répertoire qui va se générer exactement à la bonne place ! outils de réalisation : la carte peut être faite de différentes manières :
une image – de préférence cliquable – ou un mindmap, un graphique vectoriel qui comporterait des zones cliquables. Ou n'importe quelle autre idée de cartographie graphique, exploitable sur le net .. Plusieurs logiciels permettent de faire cela. Pour ce travail, je vous demande d'utiliser des logiciels libres : logiciels dont la licence est la GNU/GPL ou identique, dont le code source est libre et disponible aux tiers.
Les principaux sont Gimp et Inkscape pour le dessin vectoriel, la retouche et création d'images et FreeMind pour les mind mapping. Mais la liste n'est pas restrictive !
Attention aux animations et aux vidéos: les formats peuvent être lourds, et la carte doit rester interactive. (attention aussi : Flash est un format propriétaire et donc prohibé pour ce travail !)
Le format d'image XCF
Le format XCF ­ eXperimental Computing Facility ­ est le format natif de Gimp. Il permet d'enregistrer une image non compressée et conserve les calques et les canaux utilisé. (en comparaison, il correspond au format .PSD de Adobe Photoshop).
Lorsqu'on travaille sur une image et que l'on crée différents calques, le format XCF permet de conserver toutes ces interventions sur le fichier. IL est donc très conseillé lorsque l'on travaille avec ce type de logiciel de garder toujours le fichier original avec tous ses calques dans le format natif. Les exporations, les compressions dans d'autres fichiers comme JPEG, PNG ; GIF ; TIFF etc vont compresser l'image et donc écraser les calques et les canaux utilisés.
Le format de dessin SVG
Basé sur le langage XML, SVG ­ Scalable Vector Graphics est un format de données des graphiques vectoriels. Gestion de formes basiques et de points liés par des vecteurs et des courbes (béziers) permet de créer des dessins que l'on peut agrandir à l'infini sans perte de données. http://fr.wikipedia.org/wiki/Scalable_Vector_Graphics Inkscape gère complètement le SVG, comme Adobe Illustrator. Gimp peut ouvrir un fichier SVG et le convertir en image (donc en pixel). Un fichier SVG, peut contenir des images ( il s'agit d'inserts). Dans ce cas, il est pratique de grouper les images que l'on va utiliser dans un répertoire, dans la même arborescence que le fichier svg. Lors de l'envoi d'un fichier SVG on doit toujours lier le répertoire d'image au fichier, sinon les images ne pourront pas être affichées. un fichier de dessin vectoriel. Est plus léger et plus flexibles que les images en pixel, puisqu'ils traitent des points et non des pixels. on les utilisent pour la création de logos, de flyers, d'affiches, d'icones ou pour afficher les graphiques d'écran (dans les téléphones par exemple !).
Le format d'image PNG
Le format PNG est une compression d'image, sans brevet propriétaire. Il a été conçu pour remplacer le format GIF de Compuserve, dont l'algorithme de compression était soumis à deux brevet (IBM et UNISYS), expirés le 1er octobre 2006. PNG est un format conçu pour Internet. Il améliore les capacité du GIF puisqu'il n'est pas limité à 256 couleurs. Il est approprié pour les icônes, images synthétiques, et graphiques sur Internet, mais gère bien aussi les images photographiques sans pertes de données, mais au détriment de la taille du fichier qui reste très lourde, comparée à celle du format JPEG ou JPEG 2000
PNG gère mieux les niveaux de transparence que GIF, à cause de son canal alpha, et ses niveaux de compression sont meilleurs également. Ainsi là ou GIF ne propose que de la transparence, PNG propose plusieurs niveaux de transparence et de translucidité. Actuellement, on utilise majoritairement ce format, idéal pour l'e xport sur le Web. Mais, contrairement au GIF il ne peut pas générer d'images animées. Pour les animations on peut utiliser le MNG – Multiple image Network Graphics ­ ou plus généralement le GIF.
http://www.libpng.org/pub/png/pngintro.html http://fr.wikipedia.org/wiki/Portable_Network_Graphics http://fr.wikipedia.org/wiki/Multiple-image_Network_Graphics Le format de fichier XML et XHTML
EXtensible Markup Language. Format de données textuelles utilisées dans les fichiers internet.
De plus en plus de logiciels utilisent le langage XML pour leurs fichiers. Des logiciels d'images et dessin vectoriel ( SVG est un langage de la famille de XML) et des logiciels de flux comme RSS, ATOM, et des logiciels de textes comme OpenOffice ou Microsoft Office ou Iwork de Apple.. XHTML est un langage de la famille de XML et qui permet d'intégrer du XML dans le HTML pour le rendre plus extensible et interopérable avec d'autres langages