{"id":1585,"date":"2026-05-21T09:19:50","date_gmt":"2026-05-21T07:19:50","guid":{"rendered":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/?p=1585"},"modified":"2026-05-21T09:19:50","modified_gmt":"2026-05-21T07:19:50","slug":"robert-ulliac","status":"publish","type":"post","link":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/?p=1585","title":{"rendered":"Robert Ulliac"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><br>Aline ULLIAC &amp; Clara CREPIN | Promotion 2025-2026 <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le projet pr\u00e9sent\u00e9 consiste en la conception et la r\u00e9alisation d\u2019un portail web d\u00e9di\u00e9 aux \u0153uvres litt\u00e9raires de Robert Ulliac, auteur de po\u00e9sie, de nouvelles ainsi que parolier pour un groupe de musique. R\u00e9alis\u00e9 dans le cadre des cours \u00ab Projet tutor\u00e9 \u00bb et \u00ab Outils pour la conception de portails Web \u00bb, ce site a \u00e9t\u00e9 pens\u00e9 comme un espace num\u00e9rique permettant de valoriser l\u2019ensemble de son univers artistique et de centraliser ses productions litt\u00e9raires au sein d\u2019une plateforme unique et accessible.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le travail s\u2019est construit en \u00e9troite collaboration avec le commanditaire afin de r\u00e9pondre pr\u00e9cis\u00e9ment \u00e0 ses attentes. Plusieurs \u00e9changes ont permis d\u2019identifier ses besoins, notamment \u00e0 travers un questionnaire pr\u00e9alable servant de base \u00e0 la r\u00e9daction du cahier des charges fonctionnel. L\u2019objectif principal du projet \u00e9tait de proposer un portail clair, \u00e9l\u00e9gant et structur\u00e9, capable de mettre en avant les diff\u00e9rents genres litt\u00e9raires abord\u00e9s par l\u2019auteur tout en valorisant son parcours artistique.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le site a \u00e9t\u00e9 r\u00e9alis\u00e9 sous WordPress \u00e0 l\u2019aide du th\u00e8me \u00ab Novel Writer \u00bb et de l\u2019extension \u00ab Spectra \u00bb. Une attention particuli\u00e8re a \u00e9t\u00e9 port\u00e9e \u00e0 l\u2019esth\u00e9tique g\u00e9n\u00e9rale du portail afin de proposer une interface coh\u00e9rente avec l\u2019univers litt\u00e9raire de Robert Ulliac. Les maquettes con\u00e7ues durant la phase de conception ont servi de r\u00e9f\u00e9rence tout au long du d\u00e9veloppement, m\u00eame si certaines adaptations ont \u00e9t\u00e9 r\u00e9alis\u00e9es afin d\u2019am\u00e9liorer l\u2019organisation des contenus et l\u2019exp\u00e9rience utilisateur.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Chaque \u00e9tape du projet a \u00e9t\u00e9 valid\u00e9e avec le commanditaire, notamment concernant la structure des pages, le classement des \u0153uvres et la pr\u00e9sentation des informations. Cette d\u00e9marche collaborative a permis d\u2019aboutir \u00e0 un r\u00e9sultat fid\u00e8le aux attentes initiales tout en garantissant une navigation intuitive et agr\u00e9able pour les visiteurs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le site a \u00e9t\u00e9 structur\u00e9 autour des diff\u00e9rentes productions litt\u00e9raires de Robert Ulliac. Les contenus sont r\u00e9partis selon plusieurs cat\u00e9gories distinctes : po\u00e9sie, recueils de nouvelles, chansons, biographie et presse.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"397\" src=\"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-21-mai-2026-09_15_40-1024x397.png\" alt=\"\" class=\"wp-image-1594\" srcset=\"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-21-mai-2026-09_15_40-1024x397.png 1024w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-21-mai-2026-09_15_40-300x116.png 300w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-21-mai-2026-09_15_40-768x298.png 768w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-21-mai-2026-09_15_40-1536x596.png 1536w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-21-mai-2026-09_15_40-850x330.png 850w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-21-mai-2026-09_15_40.png 2014w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-cyan-bluish-gray-color\">Figure 1 : Page d&rsquo;accueille <\/mark><\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Cette organisation permet aux utilisateurs d\u2019acc\u00e9der rapidement au type de contenu recherch\u00e9 tout en offrant une lecture fluide et logique du portail. Une attention particuli\u00e8re a \u00e9galement \u00e9t\u00e9 port\u00e9e \u00e0 la hi\u00e9rarchisation visuelle des informations gr\u00e2ce \u00e0 l\u2019utilisation de banni\u00e8res illustratives, de menus clairs et d\u2019une mise en page sobre inspir\u00e9e de l\u2019univers de l\u2019\u00e9dition litt\u00e9raire.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L\u2019objectif principal \u00e9tait de cr\u00e9er un espace num\u00e9rique mettant en valeur les \u0153uvres de l\u2019auteur tout en proposant une exp\u00e9rience de navigation immersive et structur\u00e9e.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La page \u00ab \u0152uvres po\u00e9tiques \u00bb constitue l\u2019un des \u00e9l\u00e9ments centraux du portail puisqu\u2019elle regroupe l\u2019ensemble des recueils de po\u00e9sie publi\u00e9s par Robert Ulliac.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"688\" src=\"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-21-mai-2026-09_18_19-1024x688.png\" alt=\"\" class=\"wp-image-1595\" srcset=\"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-21-mai-2026-09_18_19-1024x688.png 1024w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-21-mai-2026-09_18_19-300x202.png 300w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-21-mai-2026-09_18_19-768x516.png 768w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-21-mai-2026-09_18_19-850x571.png 850w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-21-mai-2026-09_18_19.png 1530w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-cyan-bluish-gray-color\">Figure 2 : La page \u00ab \u0152uvres po\u00e9tiques \u00bb<\/mark><\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Accessible depuis le menu principal ainsi que depuis la page d\u2019accueil via un bouton d\u2019acc\u00e8s rapide intitul\u00e9 \u00ab D\u00e9couvrez mes recueils de po\u00e9sie \u00bb, cette rubrique a \u00e9t\u00e9 pens\u00e9e comme une v\u00e9ritable biblioth\u00e8que num\u00e9rique d\u00e9di\u00e9e \u00e0 l\u2019univers po\u00e9tique de l\u2019auteur.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La mise en page repose sur une organisation claire et visuelle : les couvertures des ouvrages sont affich\u00e9es \u00e0 gauche tandis que les informations bibliographiques apparaissent \u00e0 droite. Cette disposition facilite la lecture et permet aux visiteurs d\u2019identifier rapidement les diff\u00e9rents recueils disponibles.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Chaque couverture agit \u00e9galement comme un \u00e9l\u00e9ment interactif. Lorsqu\u2019un utilisateur clique sur un ouvrage, il acc\u00e8de \u00e0 une page d\u00e9di\u00e9e pr\u00e9sentant le livre plus en d\u00e9tail. Ces pages individuelles contiennent une version agrandie de la couverture, les informations bibliographiques essentielles ainsi qu\u2019un r\u00e9sum\u00e9 permettant de d\u00e9couvrir le contenu de l\u2019\u0153uvre.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cette organisation contribue \u00e0 valoriser chaque publication de mani\u00e8re ind\u00e9pendante tout en donnant une v\u00e9ritable profondeur \u00e9ditoriale au portail. Elle permet \u00e9galement de rapprocher l\u2019exp\u00e9rience num\u00e9rique de celle d\u2019un catalogue litt\u00e9raire professionnel.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le second \u00e9l\u00e9ment cl\u00e9 du site repose sur les pages individuelles consacr\u00e9es \u00e0 chaque \u0153uvre litt\u00e9raire.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"832\" height=\"581\" src=\"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/Capture-decran_21-5-2026_9227_304299.peda_.univ-lille.fr_.jpeg\" alt=\"\" class=\"wp-image-1589\" style=\"aspect-ratio:1.4320343091553236;width:840px;height:auto\" srcset=\"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/Capture-decran_21-5-2026_9227_304299.peda_.univ-lille.fr_.jpeg 832w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/Capture-decran_21-5-2026_9227_304299.peda_.univ-lille.fr_-300x209.jpeg 300w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/Capture-decran_21-5-2026_9227_304299.peda_.univ-lille.fr_-768x536.jpeg 768w\" sizes=\"auto, (max-width: 832px) 100vw, 832px\" \/><figcaption class=\"wp-element-caption\"><em><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-cyan-bluish-gray-color\">Figure 3 : Pages individuelles<\/mark><\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Chaque ouvrage dispose de son propre espace de pr\u00e9sentation, permettant de d\u00e9velopper davantage les informations autour du livre concern\u00e9. Cette approche renforce la personnalisation des contenus et \u00e9vite de limiter les \u0153uvres \u00e0 une simple liste bibliographique.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Les visiteurs peuvent ainsi d\u00e9couvrir plus pr\u00e9cis\u00e9ment l\u2019univers de chaque publication gr\u00e2ce \u00e0 une pr\u00e9sentation structur\u00e9e associant visuels, r\u00e9sum\u00e9 et r\u00e9f\u00e9rences \u00e9ditoriales. L\u2019objectif est de cr\u00e9er une exp\u00e9rience de lecture plus immersive et de susciter l\u2019int\u00e9r\u00eat des utilisateurs pour les diff\u00e9rents travaux de l\u2019auteur.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cette fonctionnalit\u00e9 joue \u00e9galement un r\u00f4le important dans la valorisation du travail litt\u00e9raire de Robert Ulliac, puisque chaque ouvrage b\u00e9n\u00e9ficie d\u2019un espace d\u00e9di\u00e9 lui donnant davantage de visibilit\u00e9 et de cr\u00e9dibilit\u00e9.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La page \u00ab Presse \u00bb constitue le troisi\u00e8me \u00e9l\u00e9ment majeur du portail. Contrairement aux pages d\u00e9di\u00e9es aux ouvrages, cette rubrique adopte une organisation diff\u00e9rente afin de mieux structurer les nombreux contenus journalistiques li\u00e9s \u00e0 l\u2019auteur.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"315\" src=\"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/Capture-decran_21-5-2026_9415_304299.peda_.univ-lille.fr_-1024x315.jpeg\" alt=\"\" class=\"wp-image-1591\" srcset=\"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/Capture-decran_21-5-2026_9415_304299.peda_.univ-lille.fr_-1024x315.jpeg 1024w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/Capture-decran_21-5-2026_9415_304299.peda_.univ-lille.fr_-300x92.jpeg 300w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/Capture-decran_21-5-2026_9415_304299.peda_.univ-lille.fr_-768x236.jpeg 768w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/Capture-decran_21-5-2026_9415_304299.peda_.univ-lille.fr_-850x261.jpeg 850w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/Capture-decran_21-5-2026_9415_304299.peda_.univ-lille.fr_.jpeg 1405w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><em><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-cyan-bluish-gray-color\">Figure 4 : La page \u00ab Presse \u00bb<\/mark><\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Les diff\u00e9rents articles de presse sont class\u00e9s par cat\u00e9gories gr\u00e2ce \u00e0 un syst\u00e8me d\u2019accord\u00e9ons interactifs. Cette solution permet de limiter la surcharge visuelle tout en facilitant la consultation des contenus par les utilisateurs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lorsqu\u2019un visiteur clique sur une rubrique, les scans des articles apparaissent directement \u00e0 l\u2019\u00e9cran. Cette organisation rend la navigation plus fluide et am\u00e9liore la lisibilit\u00e9 g\u00e9n\u00e9rale de la page, notamment lorsque le nombre de documents devient important.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cette rubrique joue \u00e9galement un r\u00f4le essentiel dans la cr\u00e9dibilit\u00e9 du portail puisqu\u2019elle met en avant les diff\u00e9rentes apparitions m\u00e9diatiques de Robert Ulliac. Elle permet ainsi de valoriser son parcours litt\u00e9raire et artistique \u00e0 travers des preuves concr\u00e8tes de reconnaissance et de diffusion de son travail.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ce projet met en \u00e9vidence l\u2019importance des outils num\u00e9riques dans la valorisation des productions artistiques et litt\u00e9raires. Gr\u00e2ce \u00e0 une organisation claire des contenus, une identit\u00e9 visuelle coh\u00e9rente et une collaboration \u00e9troite avec le commanditaire, le portail r\u00e9alis\u00e9 permet de centraliser et de mettre en avant l\u2019ensemble des \u0153uvres de Robert Ulliac au sein d\u2019un espace unique et accessible.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le d\u00e9veloppement du site a \u00e9galement permis d\u2019aborder plusieurs comp\u00e9tences li\u00e9es \u00e0 la conception de portails web, notamment la structuration de contenus \u00e9ditoriaux, l\u2019ergonomie de navigation, la gestion de l\u2019exp\u00e9rience utilisateur ainsi que l\u2019utilisation avanc\u00e9e de WordPress.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ce portail constitue ainsi une v\u00e9ritable vitrine num\u00e9rique au service de la cr\u00e9ation litt\u00e9raire et de la diffusion culturelle.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aline ULLIAC &amp; Clara CREPIN | Promotion 2025-2026 Le projet pr\u00e9sent\u00e9 consiste en la conception et la r\u00e9alisation d\u2019un portail web d\u00e9di\u00e9 aux \u0153uvres litt\u00e9raires de Robert Ulliac, auteur de po\u00e9sie, de nouvelles ainsi que parolier pour un groupe de musique. R\u00e9alis\u00e9 dans le cadre des cours \u00ab Projet tutor\u00e9 \u00bb et \u00ab Outils pour&#8230;<\/p>\n","protected":false},"author":4,"featured_media":1593,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[36],"tags":[320,279,321,322,319],"class_list":["post-1585","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-arts-et-artistes","tag-auteur","tag-litterature","tag-oeuvres-litteraires","tag-oeuvres-poetiques","tag-poesie"],"_links":{"self":[{"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/posts\/1585","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=1585"}],"version-history":[{"count":1,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/posts\/1585\/revisions"}],"predecessor-version":[{"id":1596,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/posts\/1585\/revisions\/1596"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/media\/1593"}],"wp:attachment":[{"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1585"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1585"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1585"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}