Investigator

 

j

From scratch

 

Blog développé « from scratch »

 

Responsive Design

 

Site compatible tablette & smartphone

 

Innovant

 

Articles sous formes d’enquêtes menées par nos rédacteurs

 

Investigator, c’est quoi ?

Investigator est le nom donné au blog que nous avons développé mes quatre confrères et moi. Ce blog est le résultat du projet annuel de 3ème année développement web au sein de l’ESGI (Ecole Supérieure de Génie Informatique).

Les consignes sont simples :

  • Création d’un blog from scratch sans l’utilisation d’un CMS ni même d’aucune librairie externe excepté jQuery
  • Ce blog doit être innovant
  • Interface multi-admin (multi-rôle)
  • Gestion des newsletters
  • Gestion d’articles (status, catégories, métas, fonctions de mise en page, rich-media)
  • Gestion de pages
  • Gestion de commentaires (avec modération)
  • Visualisation de KPI
  • Gestion d’administrateurs
  • Possibilité de donner une note à un article
  • Possibilité d’up/down un commentaire

 

Le développement

Le développement de ce blog s’est fait en PHP 5 en utilisant le patern MVC. L’architecture MVC (modèle, vue et contrôleur) est un concept très puissant. Son principal intérêt est la séparation des données (modèle), de l’affichage (vue) et des actions (contrôleur).

L’approche MVC apporte de réels avantages:

  • Une conception claire et efficace grâce à la séparation des données de la vue et du contrôleur
  • Un gain de temps de maintenance et d’évolution du site
  • Une plus grande souplesse pour organiser le développement du site entre différents développeurs (indépendance des données, de l’affichage (Webdesign) et des actions)

Il est ainsi facile de mettre à jour le design de notre blog, sans toucher aux données ni à la façon dont elles sont organisées. Inversement, il est aussi facile de modifier la structure de stockage des données ou la manière dont elles sont gérées sans bouleverser l’affichage. Tous les grands Frameworks PHP utilise ce patern (Symphony2, CakePHP, Zend, etc).

Ce blog « from scratch », c’est à dire, à partir de rien, a été une réelle expérience dans la mesure où nous avons dû construire notre infrastructure de A à Z en pensant à toutes les problématiques qu’elles impliquent telles que l’optimisation de notre développement, la factorisation de notre code à l’aide notamment du concept objet qu’offre PHP ainsi que la couche d’abstraction que nous offre la partie « Model » du patern.

Pour plus d’information sur l’architecture MVC, vous pouvez consulter ce cours rédigé par OpenClassRooms, avec le soutien de l’ESGI.

 

Innovant ?

Investigator est le blog d’enquêtes décalés et humoristiques. Il répond à des questions existentielles que tout le monde se pose mais n’ose pas poser. En somme, les rédacteurs d’Investigator mouillent leur maillot afin d’offrir ces réponses à ses lecteurs.

 

Responsive Design

78% de la tranche des 18-24 ans déclarent utiliser un smartphone pour surfer sur Internet (2013) (Source)

Notre public étant largement des jeunes de 18-24 ans, il a fallu répondre à leur besoin en leur offrant une navigation fluide sur notre blog. A l’aide des média-queries, nous avons organiser notre code pour offrir trois types de rendu:

  1. Largeur de la fenêtre de 1024 pixels ou plus, typiquement un écran d’ordinateur
  2. Largeur de la fenêtre inférieur à 1204 pixels et largeur de l’écran inférieur à 800 pixels, typiquement un écran de tablette
  3. Largeur de l’écran de moins de 800 pixels, vous l’aurez deviné, un écran de smartphone.

Pour en apprendre plus sur les média queries, vous pouvez consulter ce cours rédigé par OpenClassRooms.

 

Visiter le blog

Pour vous rendre sur le site, cliquer ici.

EDIT: Le nom de domaine a été acheté pour les besoins du projet pour une durée d’un an. L’année est maintenant passée mais vous pouvez tout de même y accéder à l’aide de ce lien.

Enjoy !