Création de webdesign / Logiciels libres pour créer des applications Web.

Site internet actuel : http://ocsigen.org/

Son historique, ses chiffres clés, son secteur d'activités, ses services, sa clientèle :

Ocsigen est un regroupement de projets logiciels tous dédiés aux programmeurs de sites comme facebook, twitter, gmail, google maps etc. Il fournit des solutions très originales pour améliorer grandement la fiabilité d'une application Web.

Ses concurrents sont par exemple : Adobe flash player, Ruby on rails, Google Web Toolkit,...

Le projet a débuté en 2004 et la version 1 est sortie en 2008. Il s'est rapidement créé une communauté de développeurs partout dans le monde autour du projet qui participent à son amélioration au travers d'une liste de diffusion ou de réunions annuelles de développeurs.

Existe-t-il une charte graphique ? (Si oui décrivez la ci-dessous, ou postez la sur le forum dédié)

Il n'existe pas encore de charte graphique, mis-à-part:
- le logo ayant gagné le précédent concours,
- les variations spécifiques de ce logo pour chacun

Quel est l'objectif du site (notoriété, image, vente, informatif) ?

Le site a un triple objectif :

- permettre la promotion de l'ensemble des logiciels produits par la communauté de développeurs Ocsigen ;
- fournir une documentation technique et des tutoriels pour les programmeurs utilisant nos logiciels ;
- de plus en plus le site devrait devenir un point de rencontre et d'échange entre développeurs et utilisateurs.

A quelle cible s'adresse le site ?

Le site s'adresse à des programmeurs et des entreprises spécialisées dans le développement logiciel, ainsi qu'à des laboratoires de recherche (décideurs, jeunes actifs et étudiants). Nous souhaitons donner envie à des entreprises d'utiliser notre technologie.

Quelle doit être la résolution minimale d'affichage du site (800*600 / 1024*768) ?

Nous souhaitons un design de largeur fixe 980px, mais le fond peut s'étendre au delà de cette limite. Sur les écrans large, le contenu sera centrée.

Quelles pages doivent être fournies pour la maquette (accueil, détail d'un article, formulaire de contact)?

- la page d'accueil principale ;
- un gabarit pour le site d'un projet, dont :
--- un gabarit de page de manuel ;
--- la page d'accueil du projet (demandé seulement au gagnant du concours);
--- un gabarit de page de références techniques (demandé seulement au gagnant du concours).

Quels seront les types de contenus de la home (articles, remontée de titres d'actualité, promotion publicitaire…) et les menus qui la composent ?

Le fichier attaché Zoning.pdf détaille les éléments attendus pour chacune des pages demandées et propose des exemples de contenu.

La page d'accueil doit contenir:

- Notre logo. (Note: la partie "draw our logo yourself" du site actuel est évidemment temporaire et ne doit pas être reprise !)
- 4 à 6 éléments principaux correspondant aux projets mis en avant. Ils contiennent le nom du projet, une présentation succincte (en une ou deux phrases). Au même niveau, un accès à une page décrivant l'ensemble des projets du site.
- Un accès direct à la documentation et à une page de téléchargement.
- Une zone de nouvelles à durée de vie courte.
- Un ensemble d'informations à durée de vie plus longue qui ne sont pas datées.
- Les crédits et logos des organismes qui nous finançent.

Le gabarit des pages spécifiques d'un projet (page d'accueil d'un projet et page de manuel et de référence) doit contenir, une partie commune composée de:

- Le logo du projet.
- Un menu de navigation entre les principaux projets, vers la liste des projets et vers la page d'accueil.
- Un menu de navigation à l'intérieur des pages du projet.

La page d'accueil d'un projet doit contenir en plus de la partie commune:

- Un texte de présentation détaillée du projet.
- Des accès à la documentation et à la page de téléchargement.
- La liste des nouvelles et des informations spécifiques au projet.

Ces éléments peuvent reprendre le style de la page d'accueil du site ; éventuellement en adaptant les couleurs à celle du logo du projet.

Le gabarit de page de manuel doit contenir en plus de la partie commune :

- Un menu correspondant au sommaire de la documentation du projet.
- Un menu correspondant au sommaire détaillé de la page actuelle.
- Et le contenu documentaire lui-même. Les différents éléments pouvant constituer le corps d'une page de manuel (titres, sous-titres, encadrés, exemples de code...) sont décrits dans le fichier Zoning.pdf.

Exemple de page :
- http://ocsigen.org/eliom/manual/basics
- http://ocsigen.org/tutorial/tutorial1

Le gabarit de page de références techniques doit contenir en plus de la partie commune :

- Un menu correspondant au sommaire de la documentation du projet (identique à celui du manuel)
- Et le contenu documentaire lui-même. Certains des éléments constituant le corps de page de références techniques sont communs aux éléments des pages de manuel (titre et sous-titres). Les éléments spécifiques (liste de fonctions suivies de leur description, ...) sont décrits dans le fichier 'Zoning.pdf'.

Exemple de page :
- http://ocsigen.org/lwt/api/Lwt

Souhaitez-vous une mise en forme particulière (nombre de colonnes, entête et pied de page, nombre de rubriques) ?

Aucune contrainte de mise-en-forme. Le zoning est donné à titre indicatif mais peut être adapté et modifié à condition que tous les éléments soient présents.

Autres contraintes (réutilisation ou non de la charte graphique actuelle, code couleurs à respecter, couleurs à éviter, emplacement publicitaires…)

Les couleurs choisies doivent s'harmoniser avec les couleurs du nouveau logo: voir pour cela les fichiers Charte_graphique_logo.png et Logos_ocsigen.zip.

Dans les pages spécifiques à un projet, il doit être simple d'identifier le projet auquel appartient la page. L'utilisation d'un code couleur suivant le dégradé de couleurs du logo du projet est une possibilité, mais n'est pas obligatoire. Nous devons pouvoir faire adapter le style pour les projets à venir (notamment nouvelles couleurs).

Le choix des polices est libre ; mais pour le contenu, les menus et les titres des pages de documentation, les polices utilisées doivent être disponibles dans l'un des formats suivants : TTF (Raw TrueType file), WOFF (Web-only file format), EOT Lite, EOT Compressed, SVG, SVGZ. De préférence le premier.

Pour plus d'informations sur ces formats, voir:
http://www.html5rocks.com/tutorials/webfonts/quick/

Pour des catalogues de police à ces formats, voir par exemple:
http://www.fontsquirrel.com/fontface
http://www.fontshop.com/
http://www.fontspring.com/

Nous attendons des fichiers aux formats PSD ou XCF (the gimp), mode RVB. Les calques doivent y être nommés avec des noms explicites, et organisés dans des répertoires. Nous devons être capables de modifier les textes : i.e. les calques de type « texte » ne devront pas être « écrasés ». Il en est de même avec les effets applicables sur les calques.