Editeur css light (web-page.htm)

Une société d’édition vous demande de concevoir une application interactive légère qui facilite la mise en page de documents interactifs en privilégiant les alignements visuels entre les éléments affichés lorsqu’ils sont susceptibles de faciliter la lecture et de satisfaire une certaine forme d’esthétique.

L’application doit ainsi permettre à un utilisateur occasionnel de gérer l’ensemble des nombreux paramètres utiles à une mise en page et souvent interdépendants.

Dans la conception de cette application interactive, il vous appartient de choisir la liste des paramètres sur lesquels porter vos efforts, toutefois, à titre d’aide-mémoire, la liste suivante donne quelques-uns des paramètres qu’il est d’usage de manipuler : dimensions et positions des différentes zones d’affichage des éléments qui composent la page : texte, graphique, élément interactif, entêtes, titre, pied de page, etc. Largeur et hauteur de la page, ratio largeur/hauteur, nombre de colonnes, taille(s) des colonnes, taille(s) des espaces entre colonnes, marges extérieures et intérieures, épaisseur des bordures lorsqu’il y en a, taille et forme des ombres lorsqu’il y a des effets d’ombrage.

  1. Compte tenu des idées que vous pouvez vous faire des besoins des utilisateurs, des difficultés potentielles liées à l’activité de mise en page, quels sont, selon vous, les principaux objets d’intérêts pertinents pour cette application interactive ?
  2. Comment représenter les principaux objets d’intérêts ? Comment interagir avec les représentations choisies ? Quelle(s) métaphore(s) pouvez-vous envisager ?
  3. Esquissez l’application interactive demandée par un storyboard avec un scénario représentatif des aspects que vous avez privilégiés.
  4. Pour appréhender les besoins de mise en page dans leur ensemble, vous pouvez commencer par analyser un échantillon de pages d'accueils sélectionnées pour leur diversité.