{"id":1481,"date":"2026-05-05T13:32:44","date_gmt":"2026-05-05T11:32:44","guid":{"rendered":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/?p=1481"},"modified":"2026-06-08T12:51:34","modified_gmt":"2026-06-08T10:51:34","slug":"cypher","status":"publish","type":"post","link":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/?p=1481","title":{"rendered":"Cypher"},"content":{"rendered":"\n

Yohann ANDHIME et Axel CARETTE | Promotion 2025-2026<\/p>\n\n\n\n

Le projet Cypher consiste en la conception d\u2019un site web vitrine d\u00e9di\u00e9 \u00e0 l\u2019univers du rap et de la musique. Il s\u2019adresse principalement aux amateurs de ce genre musical, en proposant une plateforme permettant de d\u00e9couvrir les actualit\u00e9s, les tendances du moment ainsi que les albums les plus populaires en France.<\/p>\n\n\n\n

Le site se distingue par la mise en place d\u2019un espace personnalis\u00e9, intitul\u00e9 \u00ab Mes albums \u00bb, qui permet de repr\u00e9senter les go\u00fbts d\u2019un utilisateur type. Cet espace met en avant les pr\u00e9f\u00e9rences musicales \u00e0 travers diff\u00e9rentes cat\u00e9gories, offrant ainsi une exp\u00e9rience plus immersive et proche des usages actuels des plateformes musicales.<\/p>\n\n\n\n

En compl\u00e9ment, Cypher int\u00e8gre un espace de discussion sous forme de forum, permettant aux utilisateurs d\u2019\u00e9changer autour des \u0153uvres, de partager leurs avis et de participer \u00e0 des discussions. Le site vise ainsi \u00e0 repr\u00e9senter les pratiques de consommation musicale de la communaut\u00e9 rap en France, en combinant d\u00e9couverte de contenus et interaction entre utilisateurs.<\/p>\n\n\n\n

Le portail s\u2019organise autour de plusieurs rubriques permettant d\u2019acc\u00e9der aux contenus musicaux, aux pr\u00e9f\u00e9rences de l\u2019utilisateur ainsi qu\u2019\u00e0 l\u2019espace communautaire. Cette structuration vise \u00e0 proposer une navigation fluide et intuitive, adapt\u00e9e aux habitudes des utilisateurs.<\/p>\n\n\n\n

Le premier \u00e9l\u00e9ment cl\u00e9 du site est la page \u00ab Mes albums \u00bb, qui constitue un espace central dans l\u2019exp\u00e9rience utilisateur. Elle permet de mettre en avant les go\u00fbts musicaux \u00e0 travers deux cat\u00e9gories distinctes.<\/p>\n\n\n\n

La premi\u00e8re cat\u00e9gorie, intitul\u00e9e \u00ab Albums favoris \u00bb, permet \u00e0 l\u2019utilisateur de s\u00e9lectionner et d\u2019afficher ses cinq albums de rap pr\u00e9f\u00e9r\u00e9s. <\/p>\n\n\n\n

\"\"
Figure 1 : Albums favoris<\/mark><\/em><\/figcaption><\/figure>\n\n\n\n

Cette fonctionnalit\u00e9 offre une repr\u00e9sentation synth\u00e9tique de ses pr\u00e9f\u00e9rences musicales, tout en valorisant les \u0153uvres qui ont marqu\u00e9 son parcours d\u2019\u00e9coute. La seconde cat\u00e9gorie, \u00ab R\u00e9cemment \u00e9cout\u00e9s \u00bb, met en avant les albums d\u00e9couverts ou appr\u00e9ci\u00e9s r\u00e9cemment. Elle permet de refl\u00e9ter une consommation musicale plus actuelle et dynamique, en int\u00e9grant aussi bien des sorties r\u00e9centes que des \u0153uvres plus anciennes.<\/p>\n\n\n\n

Cet espace personnalis\u00e9 contribue \u00e0 renforcer l\u2019identification de l\u2019utilisateur au site, en proposant une exp\u00e9rience centr\u00e9e sur ses go\u00fbts et ses pratiques d\u2019\u00e9coute.<\/p>\n\n\n\n

Le second \u00e9l\u00e9ment cl\u00e9 du site r\u00e9side dans l\u2019acc\u00e8s aux pages d\u00e9taill\u00e9es de chaque album. <\/p>\n\n\n\n

\"\"
Figure 2 : Pages d\u00e9taill\u00e9es<\/mark><\/em><\/figcaption><\/figure>\n\n\n\n

Depuis les diff\u00e9rentes rubriques du site, l\u2019utilisateur peut acc\u00e9der \u00e0 ces pages en cliquant sur les visuels des pochettes (covers).<\/p>\n\n\n\n

Ces pages permettent d\u2019obtenir des informations compl\u00e8tes sur chaque \u0153uvre, telles que le nom de l\u2019artiste, la liste des morceaux, la date de sortie ou encore le label. Cette structuration permet d\u2019enrichir le contenu du site et d\u2019apporter une dimension informative compl\u00e9mentaire. Ce syst\u00e8me de navigation par interaction visuelle (clic sur les images) rend l\u2019exp\u00e9rience plus intuitive et engageante, en s\u2019appuyant sur des codes familiers aux utilisateurs de plateformes musicales.<\/p>\n\n\n\n

Le troisi\u00e8me \u00e9l\u00e9ment cl\u00e9 du site est l\u2019espace de discussion sous forme de forum.<\/p>\n\n\n\n

\"\"
Figure 3 : Forum de discussion<\/mark><\/em><\/figcaption><\/figure>\n\n\n\n

Il permet \u00e0 tous les utilisateurs de cr\u00e9er des sujets ou de participer \u00e0 des discussions existantes autour des albums, des artistes ou des tendances musicales.<\/p>\n\n\n\n

Cet espace favorise l\u2019interaction entre les utilisateurs et contribue \u00e0 cr\u00e9er une dimension communautaire autour du site. Il permet de prolonger l\u2019exp\u00e9rience au-del\u00e0 de la simple consultation de contenus, en encourageant le partage d\u2019avis et les \u00e9changes. Le forum joue ainsi un r\u00f4le important dans l\u2019engagement des utilisateurs, en transformant le site en un v\u00e9ritable espace d\u2019expression et de discussion.<\/p>\n\n\n\n

Ce projet met en \u00e9vidence l\u2019importance de proposer une exp\u00e9rience utilisateur \u00e0 la fois personnalis\u00e9e et interactive dans le domaine musical. Il souligne \u00e9galement le r\u00f4le des espaces communautaires dans l\u2019engagement des utilisateurs et la valorisation des contenus.<\/p>\n\n\n\n

Cypher propose ainsi une approche combinant d\u00e9couverte, personnalisation et interaction, en s\u2019inspirant des pratiques actuelles de consommation musicale tout en les adaptant \u00e0 un portail web structur\u00e9.<\/p>\n","protected":false},"excerpt":{"rendered":"

Yohann ANDHIME et Axel CARETTE | Promotion 2025-2026 Le projet Cypher consiste en la conception d\u2019un site web vitrine d\u00e9di\u00e9 \u00e0 l\u2019univers du rap et de la musique. Il s\u2019adresse principalement aux amateurs de ce genre musical, en proposant une plateforme permettant de d\u00e9couvrir les actualit\u00e9s, les tendances du moment ainsi que les albums les…<\/p>\n","protected":false},"author":4,"featured_media":1708,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[203],"tags":[282,37,281],"class_list":["post-1481","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-pop-culture","tag-album","tag-musique","tag-rap"],"_links":{"self":[{"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/posts\/1481","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1481"}],"version-history":[{"count":4,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/posts\/1481\/revisions"}],"predecessor-version":[{"id":1707,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/posts\/1481\/revisions\/1707"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/media\/1708"}],"wp:attachment":[{"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1481"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1481"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1481"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}