MyMovieCollection - logo

ASP.NET MVC 4 – MyMovieCollection

Je fais partie de ces gens qui achètent encore leurs films et leurs albums sur support physique. Oui, je sais, de nos jours ça semble être une drôle d’idée. Néanmoins, je reste attaché à mes collections. J’ai des piles de CD et de dvd/blu-ray qui s’entassent partout dans ma chambre, ce qui n’est pas sans poser quelques problèmes pratiques. Il m’est parfois difficile de savoir si je possède déjà tel ou tel film et rechercher dans tout mon bazar n’est pas ce qu’il y a de plus rapide!

J’ai donc décidé de solutionner ce problème en concevant une application web qui me permettrait de gérer cette collection, de manière simple et efficace et ce, quel que soit l’endroit où je me trouve. J’ai choisi de développer cette application avec les dernières technologies web de Microsoft, à savoir ASP.NET MVC 4 ! J’avais envie de m’y essayer et comme la nouvelle version venait de sortir, c’était l’occasion idéale ^^

Dans ce billet, je vais présenter rapidement l’application à l’aide de quelques captures d’écran. Plus tard, je rédigerai plusieurs articles techniques pour expliquer pas à pas comment le projet a été développé, afin de partager mon expérience sur cette  techno Microsoft :)

L’accueil

La page d’accueil de l’application informe le visiteur sur l’utilité du site web et sur les différentes fonctionnalités existantes. Il invite également l’utilisateur à se connecter ou à se créer un compte :)

MyMovieCollection - page d'accueil

La page de connexion

Dans cette application, il est possible de créer un compte ou bien de se connecter directement à partir de son compte Facebook ou Twitter !

MyMovieCollection - page de connexion

La collection de films

Une fois l’utilisateur connecté, il accède à sa liste de films. Actuellement, il n’y a qu’un seul mode d’affichage : des mini cartes de présentation. À terme, je souhaite également proposer un affichage un peu plus sobre, sous forme de tableau, pour les utilisateurs qui souhaitent retrouver un film plus rapidement :)

Chaque carte contient plusieurs informations sur le film ainsi que des liens pour consulter les détails, éditer le film ou le supprimer de la collection.

MyMovieCollection - page de collection

L’ajout d’un film

Ici, il s’agit d’un formulaire classique qui permet d’ajouter un film à la collection. L’utilisateur peut indiquer le nom du film, lui donner une note, sélectionner son genre et le type de support possédé. Il peut également poster la jaquette du film et indiquer une vidéo youtube pour avoir un extrait ou une bande annonce :)

MyMovieCollection - ajout d'un film

Le moteur de recherche

Pratique pour savoir si on possède tel ou tel film avant de passer commande chez un e-commerçant ou en magasin ! Le moteur de recherche permet de filtrer par genre, par note et par titre. Pour gagner du temps, les filtres sont chargés à partir des films déjà présent dans la base de données. Concrètement, la liste des notes disponibles ne contient que les notes déjà attribuées à un film par l’utilisateur :)

MyMovieCollection - page de recherche

Fonctionnalités à venir

Prochainement, j’aimerais ajouter plusieurs fonctionnalités :

  • Comme dit plus haut, une seconde mise en page pour la liste des films (aussi bien en page de connexion qu’en page de recherche)
  • La possibilité de publier sur facebook ou twitter l’ajout d’un film à la collection
  • Un bloc de commentaires utilisateur pour chaque film.
  • La possibilité de rendre une fiche publique et donc accessible aux autres utilisateurs.

J’aimerais également créer une application Windows 8 et Windows Phone 8 pour avoir accès à sa collection de films même en situation de mobilité ^^

Le site web est ouvert à tous, vous pouvez l’utiliser pour créer votre propre collection :) L’adresse est : http://mymoviecollection.fr/

9 Comments

  1. Ce site est très intéressant et je voulais savoir si vous aviez commencer un petit tutoriel car je suis très intéresser par votre projet

    Répondre

      1. Bonjour,

        Je sais que vous n’avez pas de temps libre pour réaliser le tutoriel mais j’aurais aimé avoir des informations en ce qui concerne la page qui liste les films car j’aimerais reproduire a peu prés la même
        Ensuite utilisez vous l’entity framework et les procédures stockées pour récupérer les données

        Merci d’avance

        Répondre

        1. J’ai effectivement utilisé Entity Framework pour ce projet, mais avec une approche Code First. Quant aux données, j’ai utilisé LINQ to Entities. Pour la page qui liste les films, c’est une simple vue (puisque j’ai utilisé asp.net MVC) qui reçoit une liste de films et qui boucle pour les afficher avec du css custom :)

          Ce que je peux essayer de faire c’est poster le code source de l’application sur github :)

          Répondre

    1. Bon, j’ai un peu galéré avec Github parce que je ne maîtrise pas bien mais j’ai quand même réussi à publier le code source du projet. Par contre, il semble que le .gitignore n’ait pas fonctionné. Je ne sais pas trop ce que ça va donner si tu importes le projet. Je ne sais pas si tu pourras le faire tourner pour tester mais en tout cas tu auras accès au code source ^^

      Voici le lien : https://github.com/G4ry-/MyMovieCollection

      Répondre

      1. Merci j’ai réussi a le faire tourner il y a quelques erreurs lors de l’ajout mais j’ai au moins accès au code source encore merci

        Répondre

Répondre à quentin Annuler la réponse.

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *