{"id":1645,"date":"2026-05-21T12:24:48","date_gmt":"2026-05-21T10:24:48","guid":{"rendered":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/?p=1645"},"modified":"2026-06-11T18:54:54","modified_gmt":"2026-06-11T16:54:54","slug":"1645","status":"publish","type":"post","link":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/?p=1645","title":{"rendered":"Cin\u00e9 ciel"},"content":{"rendered":"\n

<\/p>\n\n\n\n

Ninon MOMIER | Promotion 2025-2026<\/p>\n\n\n\n

<\/p>\n\n\n\n

Le projet consiste en la conception et la r\u00e9alisation d\u2019un site internet d\u00e9di\u00e9 \u00e0 une salle de cin\u00e9ma fictive. L\u2019objectif principal est de proposer une plateforme immersive permettant de d\u00e9couvrir une programmation de films, d\u2019acc\u00e9der aux informations pratiques li\u00e9es aux s\u00e9ances et de r\u00e9server des places en ligne. Le site a \u00e9t\u00e9 pens\u00e9 comme un espace \u00e0 la fois informatif et interactif, destin\u00e9 \u00e0 un large public, avec une attention particuli\u00e8re port\u00e9e \u00e0 la lisibilit\u00e9 et \u00e0 l\u2019exp\u00e9rience utilisateur.<\/p>\n\n\n\n

L\u2019architecture du site repose sur une organisation claire des contenus afin de faciliter la navigation. Les diff\u00e9rentes cat\u00e9gories de films et d\u2019\u00e9v\u00e9nements permettent de structurer l\u2019offre et d\u2019orienter efficacement l\u2019utilisateur selon ses centres d\u2019int\u00e9r\u00eat. L\u2019ensemble a \u00e9t\u00e9 con\u00e7u dans une logique de simplicit\u00e9 et d\u2019efficacit\u00e9, afin de reproduire les usages d\u2019un v\u00e9ritable cin\u00e9ma de quartier tout en y int\u00e9grant des fonctionnalit\u00e9s num\u00e9riques modernes.<\/p>\n\n\n\n

Le site a \u00e9t\u00e9 structur\u00e9 autour de deux grands axes : les films et les \u00e9v\u00e9nements. Chaque axe est subdivis\u00e9 en cat\u00e9gories permettant de classer les contenus selon leur nature et leur temporalit\u00e9 (avant-premi\u00e8res, s\u00e9ances sp\u00e9ciales, nouveaut\u00e9s, \u00e0 l\u2019affiche, ou encore prochaines sorties). Cette organisation hi\u00e9rarchique facilite la compr\u00e9hension de la programmation et am\u00e9liore l\u2019accessibilit\u00e9 des informations.<\/p>\n\n\n\n

L\u2019arborescence a \u00e9t\u00e9 pens\u00e9e afin de limiter la surcharge d\u2019informations et d\u2019offrir une navigation fluide. Chaque contenu est reli\u00e9 \u00e0 un article d\u00e9taill\u00e9 permettant d\u2019approfondir les informations relatives aux films ou aux \u00e9v\u00e9nements propos\u00e9s.<\/p>\n\n\n\n

L\u2019un des \u00e9l\u00e9ments centraux du site repose sur la structuration de la programmation cin\u00e9matographique. Les films sont r\u00e9partis dans diff\u00e9rentes cat\u00e9gories afin de refl\u00e9ter les usages d\u2019un cin\u00e9ma r\u00e9el et de distinguer les types de diffusion.<\/p>\n\n\n\n

\"\"
Figure 1 : Cat\u00e9gorie <\/mark><\/em><\/figcaption><\/figure>\n\n\n\n

Chaque film est associ\u00e9 \u00e0 un article d\u00e9di\u00e9 contenant des informations essentielles telles que le synopsis, les horaires de diffusion et des \u00e9l\u00e9ments multim\u00e9dias comme la bande-annonce. Cette organisation permet de rendre la navigation plus intuitive et d\u2019am\u00e9liorer la compr\u00e9hension globale de l\u2019offre propos\u00e9e.<\/p>\n\n\n\n

Ce syst\u00e8me de classification permet \u00e9galement d\u2019optimiser la recherche d\u2019un film en fonction de son type de diffusion, ce qui renforce la fluidit\u00e9 du parcours utilisateur.<\/p>\n\n\n\n

Un deuxi\u00e8me \u00e9l\u00e9ment cl\u00e9 du site repose sur la mise en place d\u2019un syst\u00e8me de r\u00e9servation int\u00e9gr\u00e9 ainsi qu\u2019un calendrier des s\u00e9ances. Cet outil permet de consulter les horaires des projections et de r\u00e9server une place en ligne en quelques \u00e9tapes simples.<\/p>\n\n\n\n

\"\"
Figure 2 : Syst\u00e8me de r\u00e9servation<\/mark><\/em><\/figcaption><\/figure>\n\n\n\n

Le calendrier propose plusieurs modes d\u2019affichage afin de s\u2019adapter aux pr\u00e9f\u00e9rences des utilisateurs (vue par liste ou par grille). Une fois la r\u00e9servation effectu\u00e9e, un r\u00e9capitulatif est transmis automatiquement, garantissant une meilleure gestion des s\u00e9ances et une exp\u00e9rience utilisateur optimis\u00e9e.<\/p>\n\n\n\n

Ce dispositif contribue \u00e0 rendre le site plus interactif tout en simulant le fonctionnement d\u2019une v\u00e9ritable billetterie de cin\u00e9ma.<\/p>\n\n\n\n

Le troisi\u00e8me \u00e9l\u00e9ment cl\u00e9 concerne l\u2019exp\u00e9rience globale propos\u00e9e par le site. L\u2019identit\u00e9 visuelle a \u00e9t\u00e9 travaill\u00e9e afin de renforcer l\u2019immersion dans l\u2019univers cin\u00e9matographique, en accord avec les codes esth\u00e9tiques d\u2019une salle de cin\u00e9ma ind\u00e9pendante.<\/p>\n\n\n\n

\"\"
Figure 3 : Identit\u00e9 visuelle<\/mark><\/em><\/figcaption><\/figure>\n\n\n\n

La mise en page, les visuels et les animations ont \u00e9t\u00e9 pens\u00e9s pour guider l\u2019utilisateur et rendre la navigation plus attractive. L\u2019objectif est de cr\u00e9er un environnement coh\u00e9rent et immersif, capable de reproduire l\u2019ambiance d\u2019un cin\u00e9ma tout en restant accessible en ligne.<\/p>\n\n\n\n

Ce projet met en avant la conception d\u2019une plateforme num\u00e9rique compl\u00e8te d\u00e9di\u00e9e \u00e0 la programmation cin\u00e9matographique. \u00c0 travers une organisation structur\u00e9e des contenus, un syst\u00e8me de r\u00e9servation fonctionnel et une attention port\u00e9e \u00e0 l\u2019exp\u00e9rience utilisateur, le site propose une simulation r\u00e9aliste du fonctionnement d\u2019une salle de cin\u00e9ma.<\/p>\n\n\n\n

L\u2019ensemble du travail illustre les enjeux li\u00e9s \u00e0 la structuration de l\u2019information, \u00e0 la navigation web et \u00e0 la cr\u00e9ation d\u2019une interface adapt\u00e9e aux attentes des utilisateurs.<\/p>\n","protected":false},"excerpt":{"rendered":"

Ninon MOMIER | Promotion 2025-2026 Le projet consiste en la conception et la r\u00e9alisation d\u2019un site internet d\u00e9di\u00e9 \u00e0 une salle de cin\u00e9ma fictive. L\u2019objectif principal est de proposer une plateforme immersive permettant de d\u00e9couvrir une programmation de films, d\u2019acc\u00e9der aux informations pratiques li\u00e9es aux s\u00e9ances et de r\u00e9server des places en ligne. Le site…<\/p>\n","protected":false},"author":4,"featured_media":1648,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[36],"tags":[338,74,339],"class_list":["post-1645","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-arts-et-artistes","tag-billetterie-en-ligne","tag-cinema","tag-experience-utilisateur"],"_links":{"self":[{"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/posts\/1645","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=1645"}],"version-history":[{"count":3,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/posts\/1645\/revisions"}],"predecessor-version":[{"id":1827,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/posts\/1645\/revisions\/1827"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/media\/1648"}],"wp:attachment":[{"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1645"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1645"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1645"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}