RAPPORT 2015

...

- Études, réalisations, formations et assistance ;

- Développement d'applications informatiques (logiciels et progiciels) sur mesure ;

- Conception de site Web etc.

- Organigramme de Gamma Informatique

[pic 3]

Figure 2:Organigramme de gamma Informatique

Après avoir présenté notre lieu de stage, nous essayerons de donner des explications qui vont nous permettre de cadrer notre thème dans le prochain chapitre.

Chapitre2 : Présentation du thème

L’objectif de ce chapitre est de donner une présentation générale de notre projet à réaliser. Il comportera le contexte et les objectifs du thème, une étude de l’existant, les caractéristiques de la solution.

- Contexte du thème

Avec de plus en plus d’internautes qui sont désormais des mobinautes, il est important de penser à toutes les personnes qui consultent les sites web à partir d’un autre outil qu’un ordinateur.

Cela est d’autant plus important que d’ici quelques temps, il y aura plus de consultations depuis les périphériques alternatifs que depuis les ordinateurs de bureau ou ordinateurs portables.

On constate la diversité des écoles au Niger, mais le problème posé est que comment les visiteurs peuvent se renseignement sur ces écoles à partir de leurs mobiles sans avoir se déplacer de chez eux.

Pour remédier à cela, GAMMA INFORMATIQUE nous à confier un thème intitulé « Approche méthodologique pour la mise en place d’un site web ergonomique et responsive web design » qui va permettre non seulement d’appréhender les étapes de création d’un site web mais également de faciliter la consultation de celui-ci à travers les appareils de tout type d’écran.

- Objectifs

Notre travail a pour objectif de créer une application ergonomique et responsive web design dont la mise en page s'adapte automatiquement pour un affichage optimal quel que soit le type d'écran sur lequel il est affiché : écran d'ordinateur, de tablette ou de Smartphone.

III. Approche Métrologique, les sites web Ergonomique, le Responsive Design

Définition

Avant de définir un site web ergonomie et responsive web design, nous allons d’abord définir les termes approche méthodologique, ergonomie et design responsive ?

Approche méthodologique est définie comme l’ensemble de procèdes à suivre permettant de créer

L’ergonomie est l’étude scientifique d’une interaction entre l’homme et les autres composantes d’un système, ainsi que l’application de la connaissance à la conception de méthode qui puissent optimiser le confort, la sécurité et l’efficacité dudit système pour le plus grand nombre.

Ainsi un site web ergonomie est défini par sa capacité à répondre efficacement aux attentes des utilisateurs et à leur fournir un confort de navigation. On parle de plus en plus souvent d’UX Design pour parler d’ergonomie de site. UX est une abréviation de “User eXperience”, ou “expérience utilisateurs” en français.

Un design responsive selon Ethan Marcotte est définit comme :

Une grille de mise en page flexible,

Des images et des medias flexibles,

Les medias queries, un module de spécification css3.

C’est ainsi le responsive web design (conception de sites web adaptatifs) est définit comme une technique de conception et de développement de sites web utilisée pour créer un site ou système qui s’adapte aux dimensions de l’écran d’un utilisateur. Il optimise l’expérience de l’utilisateur au niveau de sa navigation en créantune pageweb flexible et adaptative, optimisée pour l’outil qui y accède. Donc un site web ergonomie responsive design peut être défini

- CAHIER DE CHARGE

Le cahier de charge est document qui contient la liste des besoins, des exigences et des contraintes qu’il faut respecter lors de la réalisation d’un projet.

Il est par conséquent un préalable à tout projet informatique.

Les principaux besoins seront énumérés et serviront de base pour l’analyse du futur système.

Pour notre cas, plusieurs objectifs pour le nouveau site internet de l’institut africain d’informatique sont mis en avant:

- Le site doit refléter l’image de l’école ;

- De plus, le site doit remplir plusieurs fonctionnalités ;

- Le site doit s’adapter automatiquement quel qu’en soit le type d’écran sur lequel il est affiché ;

- Un forum devra être créé pour que tous les visiteurs puissent lire les

messages et pour que les membres puissent en écrire ;

- Les visiteurs devront pouvoir envoyer facilement un mail aux responsables

Rencontre avec Abdoulaye pour compléter

- EXISTANT

- Étude de l’existant

Suite à des différents entretiens que nous avions eus avec le directeur d’étude de l’institut africain d’informatique, les informations recueillies se traduisent à travers le site web actuel présenté ci-dessous que l’on peut actuellement visiter à l’adresse www.iai-niger.ne:

[pic 4]

- critique de l’existant

Le site existant de l’institut africain d’informatique présente plusieurs lacunes.

- proposition de solution

Plusieurs solutions sont disponibles pour la création des sites web ergonomie responsives design, pour notre cas, nous avons opté pour plusieurs types de solutions

CMS :

-