Présentation « officielle » de mon site Web…

Après des semaines de travail intense, j’ai enfin terminé mon site Web.

Je suis très contente de le partager avec vous sur mon E-portfolio et aussi, je l’avoue, fière de moi, car j’ai parcouru un long chemin semé de balises HTML et XHTML avant de parvenir à ce résultat. Je remercie notre enseignant, Mr Christian Fondrat pour ses encouragements mais aussi mes camarades de Master AIGEME qui m’ont aidée à mener ce projet à bien.

J’ai acquis de nouvelles compétences techniques que je ne manquerai pas de mentionner dans une prochaine carte conceptuelle.

Je suis enseignante de français langue étrangère pour des étudiants allophones à l’université de Bretagne Sud, sur le campus de Lorient. J’accorde une grande importance à l’intégration  culturelle des jeunes à qui j’enseigne le français et je les encourage régulièrement à « sortir » pour découvrir notre culture.

Notre université dispose d’un site internet avec une page « vie culturelle » où sont présentées les différentes activités proposées localement. Cependant, cette présentation n’est pas adaptée à un public d’étudiants étrangers. C’est pourquoi j’ai choisi de créer un site offrant des informations claires et simples.

Voici le lien vers mon site Web:

http://lorientfacile.eu/

Le codage…un jeu d’enfant!

Alors que, comme beaucoup d’entre nous, je « souffre » lors de la programmation du site internet que nous devons créer, je viens de lire un article très sympa et divertissant sur le codage. Et oui, il existe des robots (très mignons de surcroît) qui peuvent vous apprendre le codage de manière ludique!

Le codage…une activité ludique? Mais si, c’est possible…

http://www.atelier.net/trends/articles/robots-play-i-enseignent-programmation-aux-jeunes-enfants_427820

De plus, j’ai reçu hier par mail, en réponse à ma note d’intention, les conseils et les encouragements de Mr Fondrat.

Je suis reboostée!

Bonjour,

Le sujet du site correspond tout à fait. Votre démarche est bonne. Néanmoins le site demandé correspond à 6 pages dans un premier temps. Je vous conseille d’adopter l’architecture présentée dans la carte mentale et de mettre une première information que vous compléterez ensuite après la remise du projet. Dit autrement faite simple pour ce premier site, vous étofferez ensuite en particulier avec la deuxième partie du cours en PHP.  Commencez maintenant à construire les première pages avec  quelques productions graphiques. Concentrez vous sur la feuille de style et le code  de vos pages.

Bon courage
Bien cordialement
Christian Fondrat

Note d’intention pour mon site Web

Bonjour,

je viens de terminer ma note d’intention pour la création de mon site Web qui s’intitulera  » LORIENTFACILE »

J’ai aussi réalisé une arborescence éditoriale que l’on peut consulter en ligne:

http://www.xmind.net/m/Zv2J/

NOTE D’INTENTION  pour mon site web : « LORIENTFACILE »

  1. Contexte de création du site WEB:

Je suis enseignante de français langue étrangère pour des étudiants allophones à l’université de Bretagne Sud, sur le campus de Lorient. J’accorde une grande importance à l’intégration  culturelle des jeunes à qui j’enseigne le français et je les encourage régulièrement à « sortir » pour découvrir notre culture. Notre université dispose d’un site internet avec une page « vie culturelle » où sont présentées les différentes activités proposées localement. Cependant, cette présentation n’est pas adaptée à un public d’étudiants étrangers. J’ai réalisé un sondage auprès de plusieurs groupes pour connaître leur avis sur cette présentation. La grande majorité d’entre eux pense que :

  • la page en question contient un trop grand nombre d’informations (nécessité de créer plusieurs pages et de catégoriser les infos)
  • Le lexique utilisé est souvent trop compliqué (ils ne comprennent pas tout !)
  • Il manque des indications géographiques précises (ils souhaiteraient un plan, un itinéraire, etc.)
  • Les informations ne sont pas toujours actualisées (!)
  • Il n’y pas de commentaires (type feedback) et pas assez d’illustrations.
  • Il manque une « newsletter ».

Ainsi, peu d’entre eux consultent cette page sur le site officiel de l’UBS. Prenant appui sur cette constatation, j’ai commencé à réfléchir à un projet de création d’un site WEB dans le cadre du cours « outils » animé par M.Christian Fondrat. Ce site WEB dont le titre serait : « LORIENTFACILE » ne se substituera pas à la page « vie culturelle » du site de l’université. Il s’agira d’un site indépendant dont je communiquerai dans un premier temps le lien à mes étudiants.

  1. Objectifs généraux :

COMMUNIQUER des informations claires et simples sur les loisirs à Lorient et aux alentours.

VALORISER  les ressources disponibles localement (exemple : activités culturelles et sportives gratuites)

PROLONGER : exemples de projet pédagogique à partir du site WEB

-Les étudiants organisent une sortie culturelle pour le groupe.

-Ils rédigent des textes de présentation des activités.

-Ils  proposent des illustrations (photos, vidéos)

  1. Objectifs spécifiques:

Objectifs formatifs et à visée professionnelle :

Apprendre à créer des pages HTML et des pages CSS.

S’initier à la programmation en PHP.

Effectuer une veille permanente autour des concepts retenus.

Intégrer mon site WEB dans mon E-Portfolio.

Présenter ma « création » à d’éventuels futurs employeurs.

  1. Public :

Majoritairement, les étudiants étrangers  sur le campus de Lorient (Niveau en français selon le CECRL : A1 à C2.)

En prolongement, toute personne intéressée par des informations simples sur les loisirs à Lorient.

  1. Démarche préliminaire :

ANALYSER  en détail les besoins des étudiants (sondages).

IDENTIFIER  les ressources disponibles sur le WEB (liens, images, textes, etc.)

SELECTIONNER  les informations nécessaires.

DIDACTISER l’information-documentation  collectée.

CATEGORISER les informations avant de les communiquer.

  1. Techniques :

J’utiliserai le langage XHTML ainsi que le logiciel Dreamweaver-CS5

  1. Première arborescence éditoriale

J’ai créé une carte mentale à l’adresse suivante :

http://www.xmind.net/m/Zv2J/

  1. Plan d’action :
  • Je vais m’appuyer, dans un premier temps, sur les documents du cours « outils » et sur les ressources suggérées par M Christian Fondrat .

Je vais aussi m’aider de tutoriels en ligne dont :

http://www.elitwork.com/xhtml_tutoriel.html

http://tv.adobe.com/fr/show/apprendre-dreamweaver-cs5/

Je vais m’entrainer régulièrement  à recopier des modèles sur le WEB.

Benchmarking :

Je vais effectuer une veille régulière sur le WEB autour des concepts en relation avec l’objectif général de mon site : informations sur les loisirs à Lorient et aux alentours.

Je vais « visiter » plusieurs sites pour repérer des images, logos, bandeaux, animations, etc.

Production graphique : images, logos, bandeaux, animations, feuilles de style, etc.

Programmation du site en XHTML1.0 et à l’aide de Dreamweaver –CS5

Mise en forme en CSS

Vérification de la compatibilité du site sous tous les navigateurs.

Vérification de la validité du code avec http://validator.w3.org/

Publication du site sur le WEB : (demande envoyée à FREE le 26/12/14)

Nom de domaine : lorientfacile.free.fr

Client FTP: ftpperso.free.fr

Hébergeur (FREE)

Evolution du WEB

Le cours « OUTILS: php, html… » est animé par M. Christian Fondrat. (la dénomination me fait un peu peur…je n’ai jamais utilisé d’outils de ce genre!)

Ce professeur nous propose une présentation du cours en vidéo (idée qui me séduit vraiment car je suis les cours entièrement à distance)

Ensuite, notre professeur nous conseille de regarder la vidéo suivante:

The Machine is Us/ing Us etInformation R/evolution, réalisés par Michael Wesch, professeur assistant d’anthropologie culturelle, à l’université d’état du Kansas.

et il nous encourage à  lire:

Dans cette première partie du cours « outils « php,html,..), notre travail consiste à:

  • Rechercher dans le web quelques articles pertinents sur le web 2.0, web 3.0
  • Répondre à cette question, en une page seulement : évolution du web, où en est-on ?
  • Je vous laisse prendre connaissance de mon travail ci-dessous:

Youinou_Nathalie_web2web3