Et puis ?

Coucou !

Pfiou, on était tête baissée dans le développement de l’application, on a pas vu le temps passé et on vous a laissé sans nouvelle !

Que dire ? L’application est vraiment pas loin d’être finie, on peut vous montrer une capture d’écran pour vous teaser un peu (même si l’interface n’est pas complètement finie !)

Screen Shot 2017-02-07 at 23.26.51.png

Interface du deckbuilder

Côté universitaire, on a soutenu aujourd’hui, et on a eu le plaisir de voir que les connaisseurs du jeu ont tous été convaincus par notre défense !

On a vraiment envie que vous testiez très vite même si toutes les fonctionnalités ne sont pas encore présentes, et vu que ce projet nous tient vraiment à cœur, on va pas le lâcher comme ça, même si universitairement (ça existe ce mot ?), on a plus d’obligation !

Ah, et on a monté notre vidéo, du coup, vous pouvez la voir ici :

Allez, on se retrouve très vite pour la finalisation !

Publicités

Jeu d’acteur

Bonjour à tous !

Hé, on vous a pas dit, mais pour le projet Crispy Magic, on doit fournir une vidéo de présentation de l’application. Et genre, une vraie vidéo, avec des caméras, des voix-off, montée par nos soins avec des effets spéciaux de OUF (enfin, c’est pas obligatoire les effets spéciaux mais bref). Du coup, récemment, on s’est chargé de tourner cette vidéo, avec des plans dignes de Xavier Dolan, des jeux d’acteurs du calibre de Nabilla, et un scénario du niveau de Spielberg ! Bien sûr, vu qu’on a envie de vous teaser un peu, on vous dira rien sur la vidéo si ce n’est que c’est génial !

À côté, on continue de développer l’application, on passe les jalons qu’on avait posés petit à petit. Actuellement, on arrive à extraire des cartes de notre base de données avec des critères de recherche. Côté interface, on commence à mettre un peu de couleurs sur nos yeux, et on pourra peut-être même vous glisser quelques captures d’écrans dans les prochains posts !

Demain, on se charge d’enregistrer les voix-off de notre vidéo et de commencer le montage de la vidéo entre deux lignes de code !

À bientôt ! 🎲

Les maquettes sont arrivées !

Coucou ! On espère que vous passez de bonnes fêtes de fin d’année 🎉

Aujourd’hui, on se retrouve pour vous donner les maquettes basse fidélité. Le but pour nous, c’était de mettre sur écrit nos idées afin qu’on ait une meilleure idée de comment coder ça et disposer tout ce bazar (ce qu’on a commencé à faire, au passage !). Alors bien sûr, vu qu’il s’agit de documents top secrets, c’est pas des documents ultra propres et tout ça, et c’est aussi susceptible de changer en terme de disposition, de proportions, etc. Mais l’objectif, c’est que l’on change aussi dans votre sens, parce que le but reste que Crispy Magic soit votre application. Bref, sans plus attendre, les maquettes !

La barre de navigation

crispy-magic-navbar.jpg

Nous avons choisi de placer la barre de navigation en haut afin de garder le plus d’espace possible pour l’interface. Bien évidemment, elle permettrait d’accéder à toutes les fonctionnalités : recherche, gestionnaire de bibliothèque, deck builder, connexion et inscription. On a décidé de placer la barre de recherche directement dans ce volet parce qu’ainsi, la recherche est possible depuis n’importe quelle page ! On peut ainsi faire une recherche de cartes dans sa bibliothèque lorsqu’on la consulte, c’est plutôt cool, non ? D’ailleurs, parlons-en plus en détails de cette barre de recherche.

La recherche

La possibilité d’inclure uniquement la barre de recherche nous est possible du fait que nous avons choisi de mettre les critères directement sous la forme de lettres à taper. Nous souhaitions absolument fuir le formulaire avec des dizaines de cases à cocher (franchement, qui trouve ça agréable ?) du fait des nombreuses possibilités de types sur les cartes Magic. C’est pourquoi nous avons opté pour une simple barre de recherche où il sera possible de rentrer des critères en version texte. Par exemple, en rentrant [gg*], on pourrait filtrer sa recherche pour uniquement des cartes ayant un coût de deux manas verts et un mana incolore. Cette solution nous semblerait donner un gain de temps considérable pour des personnes ayant des facilités avec ce genre de système. Pour les autres, on pourra afficher un simple formulaire en survolant la barre de recherche.

Les résultats d’une recherche se présenteront dans les grandes lignes ainsi :

crispy-magic-recherche.jpg

À droite, nous avons la liste des cartes correspondant à la recherche. En cliquant sur l’une, ses détails s’affiche dans le cadre à gauche. Cela permettra de garder une carte “sous la main” si l’on souhaite la comparer à d’autres résultats ! Les boutons “+” permettent d’ajouter la carte correspondante à sa bibliothèque. Il y aura, bien sûr, une mise en forme des noms et couleurs (comme le coût ou la couleur de la carte) pour avoir les informations dès le premier coup d’œil !

Passons au tant attendu deck builder !

Le deck builder

crispy-magic-deckbuilder.jpg

Le deck builder sera divisé en deux volets : celui à gauche contiendra les résultats de recherche au fur et à mesure qu’on les effectue, et celui à droite contiendra les cartes ajoutées au deck. Les cartes seront triées par type de cartes (créature, non-permanents, terrains…), puis par coût croissant, puis par ordre alphabétique. Il y aura également un système de filtre afin de les trier comme souhaité. Les noms des cartes seront colorés selon la couleur de la carte, et juste derrière sera indiqué le nombre d’exemplaires dans le deck, colorés selon la rareté de la carte.

Enfin, la bibliothèque !

La bibliothèque

crispy-magic-bibliotheque.jpg

En cliquant sur le bouton pour accéder à la bibliothèque, les différentes éditions des cartes que vous avez déjà enregistrées s’afficheront, avec le nombre de cartes en votre possession, et en coin un bouton pour “Ajouter des cartes en masse”. Ce bouton sert dans le cas où vous venez d’acheter une tonne de boosters d’une édition et que vous voulez les enregistrer. Plutôt que les chercher une par une, il sera possible d’afficher toutes les cartes d’une édition et ajouter celles que vous avez obtenues avec le bon nombre d’exemplaires ! La dernière boîte permet, en cliquant dessus, d’afficher toutes les cartes possédées toute édition confondue. Le bouton à son coin permettra d’ajouter des cartes d’une édition dont vous ne possédez aucune carte.

En cliquant sur une des boîtes, vous pourrez consulter toutes les cartes que vous possédez de cette édition sous cette forme :

crispy-magic-bibliotheque02.jpg

L’affichage sera similaire à celui du volet du deck builder. Survoler une carte permettra d’afficher son illustration, et cliquer dessus affichera la page de la carte avec tous ses détails.

La fonctionnalité d’ajout de cartes en masse de présentera de la même façon : toutes les cartes de l’édition seront affichées dans une liste, et chacune aura un champ de texte pour indiquer le nombre de cartes possédées, et des boutons + et – pour augmenter ou diminuer la quantité de un.

Voilà, on espère que ça vous convient, si ce n’est pas le cas, n’hésitez pas à nous faire part de vos remarques dans les commentaires ! Bon, c’est pas tout ça, mais nous, on a un projet à coder, donc on y retourne ! On vous souhaite d’excellentes fêtes de fin d’années, et on vous dit à la prochaine ! 🎲

Hello World!

Coucou tout le monde !

On avance lentement, mais sûrement ! On a plus ou moins fini nos maquettes papier, on pense juste les remettre au propre avant de vous les montrer, on fera un post dans les prochains jours pour vous les montrer !

Mais qu’a-t-on fait du coup ? Et bien, on a commencé le développement, Ça nous fait vraiment plaisir parce que c’est bien évidemment ce qui nous plaît le plus, mais on devait se forcer d’attendre d’avoir posé toutes nos idées et fait tout nos choix avant de se plonger dans le code. Ça évite de tout recommencer à mi-chemin 😉

Qu’est-ce qu’on a concrètement ? Notre API et notre interface sont capables de nous afficher toutes les deux un message incroyable : le fameux “Hello World!”. Pour ceux qui ne sont pas familiers avec la programmation et le développement informatique, “Hello World!” est le message qu’affiche généralement le premier programme qu’on code dans une nouvelle technologique qu’on apprend ou quand on commence tout simplement la programmation. Quel rapport avec nous ? Ça veut dire qu’on a mis en place toutes les technologies qu’on veut utiliser, et qu’on est prêt à vraiment coder ! Yay for us!

C’est tout pour nous ! On se retrouve comme promis dans les prochains jours pour vous montrer nos maquettes ! Ciao ! 🎲

Lancement du projet

Votre patience a enfin été récompensée : on a travaillé dur pour venir avec les bras chargés de bonnes nouvelles ! On a commencé notre projet !

Enfin, concrètement, on a initialisé le slack et c’est tout. Non, je plaisante, on a fait d’autres choses, bien sûr ! Tout plein de choses pas très intéressantes pour vous, comme par exemple la gestion de projet et tout ça… Ah, et on a décidé de la pile technologique ! Du coup, pour les connaisseurs, on part sur une application entièrement en JavaScript : node.jsreact.jsexpress.js, et probablement du redux.js ! On espère ainsi pouvoir vous proposer une application avec une interface très dynamique. Côté gestion de dépendances, on trouvait le chaton de yarn mignon, et pour le task runner on utilise gulp.js. Et bien évidemment, nous allons utiliser notre ami git pour versionner, hébergé sur GitHub. À ce propos, en suivant la suggestion de notre coach de projet François Cléty, nous avons décidé de séparer l’API et l’interface de l’application sur deux repositories git différents. Du coup, voici les liens pour les deux projets hébergés sur GitHub : crispy-magic-api et crispy-magic-frontend.

Au niveau fonctionnalités, on a repris vos réponses au questionnaire (merci au passage !), et on va se concentrer sur le deck builder et le gestionnaire de collections, avec bien sûr la recherche de cartes. Vous avez aussi suggéré pas mal de petits détails fonctionnels qu’on prendra bien évidemment en compte. Pour le moment, on ne compte pas faire d’applications mobile, mais on envisage d’implémenter une interface mobile pour l’application web.

Voilà ce qu’on a à vous dire pour le moment ! On compte commencer à se pencher sur l’implémentation de l’API REST de l’application, et on vous reviendra prochainement avec des maquettes d’interface ! À bientôt ! 🎲

On prend vos avis !

Inaugurons le blog par un premier post ! Et pour ce premier post, nous vous proposons de participer au sondage que nous avons mis en place afin de repérer vos habitudes en tant que joueur de Magic: The Gathering. C’est l’occasion pour vous de nous décrire également les fonctionnalités que vous aimeriez voir apparaître sur notre application ! Pour cela, il suffit de cliquer sur ce lien, et ensuite de vous laisser guider par le formulaire.

En attendant, de notre côté, nous engageons notre réflexion sur les technologies que nous allons utiliser pour ce projet. Bien sûr, on garde un œil sur les tendances des résultats du sondage. En tout cas, on vous tient au courant pour la suite !

Merci pour vos réponses, et on vous dit à bientôt ! 🎲