Suite à mon confinement, et à la perte de ma mission, je développe un appli pour apprendre à identifier les oiseaux.
https://oiseaux.herokuapp.com
Il y a la liste de tous les oiseaux de france (plus de 400 espèces).
Il y a un quizz (désactivé pour le moment), qui fait en sorte que l'utilisateur mémorise rapidement les espèces. Seule une pile de 6 espèces est présentée pendant le quizz. En fonction des bonnes réponses, les oiseaux de la pile sont éjectés puis remplacés par de nouveaux.
Menu :
Liste des espèces :
Détails d'une espèce
MAJ 02-05-2020
FAIT :
- Liste des espèces.
- Détails sur une espèce lors du click sur la ligne.
- Quizz (désactivé pour le moment suite à la refonte de l'interface).
- Mode plein écran
- Retour au menu
- Optimisation du temps de chargement de la librairie (implémentation des miniatures).
A FAIRE :
- Apercu de l'évolution de l'apprentissage des espèces, sous la forme d'une constellation à la FF, ou d'une MAP.
- Système de sauvegarde dans le local storage pour conserver les résultats lors d'une ancienne session.
- Notion de difficulté des questions, selon le taux de bonne réponses sur un oiseau donné. Si l'utilisateur connait une espèce, les réponses données correspondront à des oiseaux similaires.
- Ajout du chant de l'oiseau lors de la présentation d'une espèce.
- Ajout de plusieurs photos pour une même especes.
- Ajouter des routes, une pour le menu (racine), une pour le quizz (/quizz) et une pour la liste (/list).
- Ajout des détails (descriptif) des oiseaux.
- Ajout de la description des ordres et des familles.
- Fiche détaillée pour chaque espèce. Cette fiche doit présenter les caractéristiques de l'espèce (habitat, morphologie, régime alimentaire, reproduction, espèce en danger, espèce introduite).
- Système de question/réponse (clé de détermination) pour orienter l'utilisateur dans l'identification de l'espèce recherchée.
- Recherche textuelle dans la liste des espèces.
BUGS :
- Certains oiseaux ne disposent pas de photos.
AMELIORATIONS :
- Indicateur de chargement lors du chargement des images. Eviter d'avoir une pop up qui soit affichée de façon incomplète.
- Charte graphique.
MAJ 05-05-2020
FAIT :
- Ajout du quizz
- Ajout d'une barre de recherche par nom dans la liste des espèces
- Ajout d'un menu de navigation à la google chrome.
- Rechercher un oiseau dans la liste fait défiler la liste jusqu'à l'oiseau sélectionné.
- Uniformiser l'interface.
- Améliorer la navigation: comme sur gmail, le nom du menu doit être précédé de son icône.
A AMELIORER :
- Sur mobile, l'ouverture de la navigation ramouille...
A FAIRE :
- Améliorer la recherche de façon à ce que les charactères spéciaux soient remplacés. 'é' doit devenir 'e'.
- Améliorer l'interface globale, trouver une solution pour l'emplacement du bouton de navigation.
- Réfléchir à la disposition des titres de pages.
- LOCAL STORAGE
- Système de progression.
- Intégrer un fichier audio du chant de l'oiseau.
- faire des liens vers des vidéos yt
C'est cooooooool. J'adore l'idée.
Ah et je pensais à un détail en lisant morphologie dans la fiche détaillée à faire pour chaque espèce. Peut-être mettre, en plus du texte (180cm d'envergure ou de taille par exemple), une image de la taille de l'oiseau (schématiquement, genre une forme standard en gris) par rapport à l'être humain (par exemple) ou via une échelle de grandeur, histoire d'avoir un repère visuel.
En tout cas, bon courage à toi. Ça sera intéressant comme appli. :)
C'est une ornithopédie sur smartphone ! C'est un projet de fou ! Bon courage, Unchartouille !
Je viens de me frotter au quizz, c'est vraiment bien fait. Sachant que je n'y connais rien en oiseaux j'ai réussi à me défendre, il y a un bel effet de fondu en vert ou en rouge selon si la réponse est bonne ou pas. Ce que j'ai apprécié, c'est qu'on te proposait les mêmes oiseaux tant que tu ne trouvais pas la bonne réponse parmi les quatre propositions. Donc même le gars le plus nul (quoi moi ? :p) peut avancer. Les photos des oiseaux sont très jolies également ! Bravo !
Merci pour ces excellentes idées. Pour le moment je me suis concentré sur l'interface. Je contacterai les groupes de naturalistes de ma ville (qui sont nombreux) pour remplir la base d'information. Là je me gocalise sur ce que je suis capable de faire, une interface.
Pour le moment les details ne sont que la photo aggrandie, avec la classification : ordre, famille, genre, espèce.
Merci pour ce commentaire ça me fait très plaisir ! Et en effet ce système de présentation des oiseaux est la toute première idée que j'ai eu pour mon programme.
J'ai mis 2 jours à le concevoir, et je me suis un peu inspiré de mon sujet de stage lorsque j'avais travaillé dans un labo d'étude sur la mémoire. Pour les interessés je me suis inspiré de la notion d'empan mnésique.
Je compte faire évoluer ce système, et proposé un niveau de question adapté au niveau de (re)connaissance que l'utilisateur a sur l'oiseau.
Si vous conaissez bien le héron garde boeuf, les réponses possibles à la présentation de l'espèce concernera des espèces voisines. Vous n'aurez plus la réponse 'pie bavarde' lorsqu'on vous présentera une chouette en gros.
Mais avant ça mob programme doit stocker les résultats de l'utilisateurs sur la mémoire du navigateur. Et il doit aussi présenter de façon sexy un dashboard de l'avancement des conaissances. Un peu comme un pokédex... J'y réfléchis.
C'est une super idée ça ! Mais ça doit prendre un temps de fou, c'est un travail colossal !
Pas tant que ça j'ai déjà la logique en tête. Il me faut établir une liste de réponses possibles par niveau.
Là j'ai refondu l'interface, j'ai amélioré la recherche dans la liste, j'ai créé le menu hamburger.
L'interface est beaucoup moins chargée.
Je vais enfin m'atteler aux stats. Le plus dur étant la conception.
J'ai pensé aux constellations de skyrim et au pokedex pour représenter l'état des conaissances d'un utilisateur.
Si vous avez des exemples qui vous ont marqué n'hésitez pas.
------------------------------------------------------------
MAJ 06-05-2020.
------------------------------------------------------------
FAIT :
- Les résultats sont maintenant enregistrés d'une session à l'autre.
- Ajout d'un prototype de visualisation des résultats. Chaque cercle représente une espèce. S'il est vert, l'espèce est considérée comme apprise, si elle est grise, elle est considérée comme non apprise.
A FAIRE :
- Concevoir la présentation de 'mon niveau'. Regrouper les cercles par famille. Faire une sorte de 'map' avec les cercles. Les cercles peuvent être de plusieurs couleurs.
Blanc: pas appris.
Gris : appris niveau 1. L'utilisateur a reconnu 2 fois l'espèce parmis une liste de réponses facile.
vert : appris niveau 2 : L'utilisateur a reconnu 3 fois l'espèce parmis une liste de réponses correspondant à des espèces apparentées.
Jaune (or): Appris niveau 3 : L'utilisateur a saisi le nom de l'espèce via une saisie semi automatique (saisie similaire à celle de la bibliothèque d'espèces).
- En cas de réponse fausse, la reconaissance de l'oiseau doit baisser de niveau !
- Etablir un niveau de connaissance des oiseaux, et présenter des questions de niveau différent en fonction.
- Intégrer des sons et des vidéos aux fiches. il doit être possible d'entendre l'oiseau lorsqu'on clique dessus lors du quizz. il faut aussi ajouter une option dans le menu pour activer/désactiver le son de l'oiseau par défaut lors de la présentation de la photo.
- Il faut que je puisse présenter plusieurs photos dans les détails.
- Ajouter un descriptif du genre et des espèces.
- Ajouter la possibilité de faire un réset des stats (clearer le local storage).
- Rendre la fontionalité 'plein écran' dès l'ouverture de l'application, au lieu de devoir aller dans le menu hamburger.