Séance 1 – 29 octobre 2011

10h 13h – 14h00 17h00

CMC, Salle 342

Outils bureautiques et multimédia: Recueil et constitution de corpus. Transformer des textes pour les soumettre à des traitements automatisés. Repérer les régularités d'un document, extraire de motifs textuels. Wink: Un outil open source pour la création de tutoriels pour l'enseignement ou la recherche.

 

1. Introduction:

Présentation de la formation doctorale et liens avec le séminaire Textopol
>> Calendrier

Multimédia et articles scientifiques

Présentation de la Journée sur Les Films Scientifiques, Association Française du Marketing AFM à  IAE (Institut d’administration des entreprises) de Tours
>>> exemple 1
>>> exemple 2
>>> Appel à communication en système d’information (management ie ma section du cnu)
>>> Appel à contribution

Intégrer le multimédia à la recherche ou à l'enseignement:(Textopol. Infotext)

>>> Tutoriels
>>> Alceste
>>> Articles scientifiques
>>> JADT
>>> MISAT
Démonstration: TextObserver/WebObserver
Exemple:
>>> Origines d'une controverse
>>> Flash- RPCM

 

2. Constituer des corpus, travailler sur les textes:

Frantext, Factiva, Lexis nexis, la collection des discours Publics de la documentation Française, ABu, Gallica, Google books, Textopol
>>> genre
>>> TICE

 

3.  Travailler sur les textes

Traitement de texte:

•    styles de titre, de texte, sommaire et mise en forme de documents en vue d'une publication.
•    Index des notions, table des matières, insertion d'images, entêtes et pieds de page. Remplacement de caractères ou de chaînes de caractères.
>>> Enoncé Créteil
Transformer des textes pour les soumettre à des traitements automatisés.
•    Lien avec le séminaire de Pierre Fiala.
>>> Document source
>>> Enoncé balisage
>>> Corrigé balisage
Repérer les régularités d'un texte, extraction de motifs textuels.
•    Expressions régulières, caractères génériques.
•    Une application : TXM, les tableaux, les filtres MPC- Test Weblex
>>> Weblex

 

4. Utiliser des tableaux

- Fonctions simples moyenne, décomptes
- Mise en forme
>>> Exercice notes

 

5. Wink, un logiciel libre de capture video. Une première expérimentation sur une version portable.

•    Création de didacticiels et applications diverses
>>> Enoncé
>>> Application

 

6. Questions des participants pour les séances suivantes

Séance 2 – 26 novembre 2011

 

1. Wink, un logiciel libre de capture video. Une première expérimentation sur une version portable.

• Création de didacticiels et autres applications

>>> Enoncé
>>> Application
Quelques exemples de réalisations

2. Outils de communication multimédia

Ressources: exercices, tutoriels: DW, Flash, Illustrator, Indesign, Inkscake...
Présentation de la suite Adobe (CS4 ; CS3, CS5…)
Les outils de dessin vectoriel, de publication d’édition web, d’animation et d’interfaçage…
Différentes utilisations possibles des outils proposés
Les équivalents gratuits. Les équivalents portables.

2.1 Initiation à illustrator outil graphique de dessin vectoriel

Introduction: formats, exports, modes colorimétriques....

• Utiliser des formes simples
• Calques
• Pathfinder
• Outil plume
• Texte captif et curviligne
• vectorisation d’image

>>> Image à vectoriser ou à détourer
>>> Exemple de vectorisation dynamique

3. Prise en main illustrator Etape 2

• Sorties résolution, taille du document
• Pot de peinture dynamique
• Pulvérisation de symboles
• Formes, contours
• Recopie de couleurs (rappel) copie fond, copie fond + forme
• Dégradés
• Niveaux de gris, noir et blanc
• Dimension image, taille de la zone de travail...

Exercice d'application:
Reproduire le bandeau fourni en respectant les dimensions, les couleurs et utilisant la pulvérisation de symboles
>>> bandeau
Quelques exemples de bandeaux graphiques:
>>> Bandeau site Adal
>>> Bandeau "les fonctionnalités textométriques à l'épreuve du Web 2"
>>> Webdesign "réussir ma licence"
>>> Bandeau e-campus UPEVM
>>> Bandeau Ceditec
>>> Bandeau e-campus UPEVM n°2
>>> Exercice complémentaires

4. Utilisations approfondies

- Harmonisation des couleurs et importation de nuanciers
- Création de logos, enregistrement et export, utilisation dans un document texte.
- Réalisation d’une affiche pour un colloque,
- Réalisation d’un webdesign (séance suivante) ou d’une interface pour un support numérique (annexes sur cd…)

5. Application bureautiques

- Word: modèles de documents
- Power point, masques, liens, images, objets...
>>> Exercice
- Réaliser une affiche avec Word et Illustrator
- Personnaliser un diaporama power point (masques et arrières plans)
Adapter le support de communication à une charte graphique (poster site web, diaporama)
Exemple de charte graphique
>>> exemple 1
>>> exemple 2
Exercice: réaliser un diaporama avec des éléments graphiques réalisés sous illustrator.
- Améliorer et commenter un graphique

5. Questions et problèmes posés par les participants

 

Prochaines séances:

Séance 3: Initiation à la PAO: Indesign/ Initiation à Dremweaver (développement web)
Création de webdesign
A suivre: Gestion de bibliographies (word, Zotero, Firefox...)

Création de webdesign séance, initiation à Dreamweaver
Initiation à Indesign (séance 4)

Les outils gratuits:
Scribus: indesign
GIMP: photoshop
INKSCAPE: Illustrator
>>> Calendrier des séances

Séance 3 – 17 décembre 2011

10h 13 heures – 14h00 17h00

CMC, Salle 342

 

Création de supports pour la recherche (vidéoprojection/Edition Web/Edition papier)

1. Réalisation de supports de communication cohérents et personnalisés

PowerPoint 2007: Utilisation de masques, insertion de liens et d'images, personnalisation et adaptation des supports à une charte graphique.

Exemple d'une charte graphique (web et ppt)

>>> voir l'exemple

- Exercice:

En prenant pour base le modèle ci-dessus, créer une présentation comportant:

- Masque page de garde

- Masque diapositive courante

- Masque intercalaire

- Animations, transitions

- Liens Hypertexte, mail to

- Images

Créer les éléments visuels sous Illustrator et l'importer sous power point

 

2. Colorimétrie, outils graphiques en ligne - L'exemple de Kuler Adobe

- Création de nuanciers et utilisation sous illustrator

>>> http://kuler.adobe.com

 

3. Initiation à la création de pages web statiques

Notions: Les étapes du webdesgin

>>>support de cours

Prise en main de Dreamweaver (1/2)

Application: Création d’une page web simple sous DreamWeaver

- Présentation de DW, prise en main de quelques fonctionnalités de base.

- Réalisation d’une page statique munie d’une feuille de style.

- Exercice: A partir des images prédécoupées, construire une page HTML munie d'une CSS.

>>> Dossier à télécharger

Réalisation d'une page statique avec div flottantes

>>> Exercice

Intermède: Image cliquable (mapping)

Notion: Arborescence et navigation/ Initiation aux objets spry Dreamweaver

>>> Lien vers Misat2011

Exercice:

1. Télécharger l'archive site_menu, décompresser cette archive (clic droit extraire tout)

2. ouvrir la page index avec Dreamweaver

3. configurer le site (gestion des sites/nouveau site)

4. Affichage en code/création

5 Entre les deux balises body et dans la div "menu" Insérer un objet Spry/menu horizontal.

6. Configurer l'arborescence fournie dans l'archive- Activer les liens

>>> Vers l'archive site_menu

Exercice: réaliser un webdesign sous illustrator, le découper avec la méthode des plans de travail et l'implémenter en html avec feuille de style.

Intermède: Images survolées exemple d'un bouton de menu

 

4. Le moment récréatif: Initiation à la PAO: réalisation de documents longs (Brochures, dépliants, livrets)

- Prise en main du logiciel Indesign (1/2)

Exemple de travaux (le guide de Créteil, le recueil "une oeuvre, une minute, les journaux Lycéens)

>> Exemple d'exercice

- créer un nouveau document

- Pages, gabarits, chemin de fer

- marges, fond perdu, grand fond, petit fond...

- importation d’images, ajustements

- Nuanciers

 

5. Programme prévisionnel de la séance 4

- Construire et gérer des références bibliographiques l'exemple de Word et de Zotero

Prise en main indesign (2/2)

Réaliser un PDF multimédia avec Indesign (intégrant, sons, vidéos, liens hypertextuels)

 

6. Questions des participants

Séance 4 – 28 janvier 2012

10h 13 heures – 14h00 17h00

CMC, Salle 342

 

1. Construire et gérer des références bibliographiques l'exemple de Word 2007

2. Initiation à la PAO: réalisation de documents longs (Brochures, dépliants, livrets)

- Prise en main du logiciel Indesign (1/2)
- créer un nouveau document
- Pages, gabarits, chemin de fer
- marges, fond perdu, grand fond, petit fond...
- importation d’images, ajustements
- Nuanciers
>> Kuler adobe
>> Exemple d'exercice

 

3. Réalisation de documents interactifs:

- Réaliser un PDF multimédia avec Indesign (intégrant, sons, vidéos, liens hypertextuels)

 

4. Initiation à la création de pages web statiques (2/2)

- Réalisation d'une page statique avec div flottantes
>> Exercice

 

Intermède: Image cliquable (mapping)
Notion: Arborescence et navigation/ Initiation aux objets spry Dreamweaver
>>> Lien vers Misat 2011

Exercice:
1. Télécharger l'archive site_menu, décompresser cette archive (clic droit extraire tout)
2. ouvrir la page index avec Dreamweaver
3. configurer le site (gestion des sites/nouveau site)
4. Affichage en code/création
5 Entre les deux balises body et dans la div "menu" Insérer un objet Spry/menu horizontal.
6. Configurer l'arborescence fournie dans l'archive- Activer les liens
>>> Vers l'achive site_menu

 

Exercice: réaliser un webdesign sous illustrator, le découper avec la méthode des plans de travail et l'implémenter en html avec feuille de style.

 

Intermède: Images survolées exemple d'un bouton de menu

- Intermède: Image cliquable (mapping)
-Images survolées
- Navigation, menus

Application: réaliser la page d'accueil d'un colloque, l'interface du support numérique (annexes de thèse...)

 

5. Questions des participants

 

Séance 5 (25 février) :

- Gérer les bibliographies (2/2): EndNote Web et Zotero
- une rapide initiation à flash: animations, gif animés....
- Traitement des images: Photoshop, gérer les définitions, traitements par lots