La deuxième partie de l’application doit permettre à l’utilisateur d’entrer une chaine d’ARN dans un champs texte, la chaine d’ARN sera ensuite affichée dans la page web.
Les bases de la chaine devront ensuite être stylées trois par trois successivement, créant un effet d’animation. Pour chaque codon (ensemble de trois nucléotides), l’acide aminé est affiché en dessous de la chaine (un seul acide aminé affiché à la fois). La vitesse de l’animation (stylage successif des codons et affichage de l’acide aminé) devra être paramétrable par l’utilisateur.
En dessous, un tableau affichera les acides aminés correspondant à la chaine ARN fournie, un acide aminé par ligne et chaque ligne contiendra le nom entier, le nom abrégé sur trois lettres et l’image en miniature. Les lignes du tableau doivent s’afficher dynamiquement au fur et à mesure que la chaine d’ARN est lue (synchronisation avec l’animation le long de la chaine d’ARN).
Pour réaliser ce projet, il est recommandé d’utiliser Bootstrap et JavaScript. Vous pouvez aussi styler vous-même avec CSS.
La qualité du code ainsi que le respect des consignes seront des critères évalués et pris en compte."
"L’application se divise en deux parties :
La deuxième partie de l’application doit permettre à l’utilisateur d’entrer une chaine d’ARN dans un champs texte, la chaine d’ARN sera ensuite affichée dans la page web.
Les bases de la chaine devront ensuite être stylées trois par trois successivement, créant un effet d’animation. Pour chaque codon (ensemble de trois nucléotides), l’acide aminé est affiché en dessous de la chaine (un seul acide aminé affiché à la fois). La vitesse de l’animation (stylage successif des codons et affichage de l’acide aminé) devra être paramétrable par l’utilisateur.
En dessous, un tableau affichera les acides aminés correspondant à la chaine ARN fournie, un acide aminé par ligne et chaque ligne contiendra le nom entier, le nom abrégé sur trois lettres et l’image en miniature. Les lignes du tableau doivent s’afficher dynamiquement au fur et à mesure que la chaine d’ARN est lue (synchronisation avec l’animation le long de la chaine d’ARN).
Pour réaliser ce projet, il est recommandé d’utiliser Bootstrap et JavaScript. Vous pouvez aussi styler vous-même avec CSS.
La qualité du code ainsi que le respect des consignes seront des critères évalués et pris en compte."