{"id":1537,"date":"2026-05-12T15:15:49","date_gmt":"2026-05-12T13:15:49","guid":{"rendered":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/?p=1537"},"modified":"2026-06-08T16:05:33","modified_gmt":"2026-06-08T14:05:33","slug":"lotus-denfance","status":"publish","type":"post","link":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/?p=1537","title":{"rendered":"Lotus d\u2019Enfance"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Trong-Tony HUYNH et Rayane TEBACHE | Promotion 2025-2026<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le portail web <strong>\u00ab<\/strong> Lotus d\u2019Enfance <strong>\u00bb\u00a0<\/strong> a \u00e9t\u00e9 r\u00e9alis\u00e9 dans le cadre d\u2019un projet universitaire autour de la conception de portails web sous WordPress. Ce projet consistait en la cr\u00e9ation d\u2019un site vitrine dynamique pour une association loi 1901 engag\u00e9e dans le soutien des enfants d\u00e9favoris\u00e9s au Vietnam.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L\u2019objectif principal du site \u00e9tait de proposer une v\u00e9ritable vitrine num\u00e9rique permettant de faire conna\u00eetre les missions de l\u2019association, tout en sensibilisant les visiteurs aux diff\u00e9rentes actions men\u00e9es sur le terrain. Le portail met notamment en avant les trois grands axes d\u2019intervention de l\u2019association : l\u2019\u00e9ducation, la nutrition et l\u2019aide aux familles en difficult\u00e9.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le site a \u00e9t\u00e9 pens\u00e9 afin de simplifier le parcours utilisateur, depuis la d\u00e9couverte des valeurs de l\u2019association jusqu\u2019\u00e0 l\u2019engagement solidaire. L\u2019ensemble du portail repose sur une navigation fluide et intuitive permettant aux visiteurs d\u2019acc\u00e9der rapidement aux informations essentielles, aux \u00e9v\u00e9nements organis\u00e9s ainsi qu\u2019aux possibilit\u00e9s de participation et de soutien.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">D\u00e9velopp\u00e9 sous WordPress, le portail a \u00e9galement \u00e9t\u00e9 con\u00e7u pour faciliter la gestion des contenus par la pr\u00e9sidente de l\u2019association, Mme Thi Koyuncu. Gr\u00e2ce \u00e0 une interface simple d\u2019utilisation, il est possible d\u2019ajouter r\u00e9guli\u00e8rement des actualit\u00e9s, des photographies d\u2019\u00e9v\u00e9nements ou encore des informations li\u00e9es aux actions humanitaires men\u00e9es au Vietnam.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L\u2019identit\u00e9 visuelle du site repose sur des couleurs douces et apaisantes, notamment des tons rose pastel, afin d\u2019instaurer un climat de confiance et de bienveillance coh\u00e9rent avec l\u2019univers associatif et humanitaire du projet.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le premier \u00e9l\u00e9ment cl\u00e9 du site concerne le syst\u00e8me de don mis en avant sur l\u2019ensemble du portail. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"597\" src=\"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-8-juin-2026-15_59_37-1024x597.png\" alt=\"\" class=\"wp-image-1739\" srcset=\"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-8-juin-2026-15_59_37-1024x597.png 1024w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-8-juin-2026-15_59_37-300x175.png 300w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-8-juin-2026-15_59_37-768x448.png 768w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-8-juin-2026-15_59_37-1536x896.png 1536w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-8-juin-2026-15_59_37-850x496.png 850w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-8-juin-2026-15_59_37.png 1642w\" 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 : Syst\u00e8me de don<\/mark><\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Cette fonctionnalit\u00e9 occupe une place centrale dans le projet puisqu\u2019elle permet de transformer l\u2019int\u00e9r\u00eat des visiteurs en soutien concret pour l\u2019association et les enfants accompagn\u00e9s au Vietnam.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Des boutons d\u2019appel \u00e0 l\u2019action ont \u00e9t\u00e9 int\u00e9gr\u00e9s de mani\u00e8re visible sur plusieurs pages du site afin d\u2019encourager les utilisateurs \u00e0 participer aux actions solidaires. Le portail redirige les visiteurs vers la plateforme de collecte HelloAsso, permettant d\u2019effectuer des dons de mani\u00e8re s\u00e9curis\u00e9e tout en conservant une coh\u00e9rence graphique avec le reste du site.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cette int\u00e9gration a \u00e9t\u00e9 pens\u00e9e pour rassurer les utilisateurs et simplifier le processus de contribution. L\u2019objectif \u00e9tait de proposer une exp\u00e9rience fluide et accessible, tout en renfor\u00e7ant la cr\u00e9dibilit\u00e9 de l\u2019association gr\u00e2ce \u00e0 une pr\u00e9sentation claire des missions et des projets soutenus.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Les contenus visuels, les photographies et les textes pr\u00e9sents sur le site participent \u00e9galement \u00e0 cette d\u00e9marche en mettant en avant les actions r\u00e9alis\u00e9es sur le terrain ainsi que les besoins de l\u2019association. Cette combinaison entre storytelling, identit\u00e9 visuelle et appels au don permet de cr\u00e9er une exp\u00e9rience plus immersive et engageante pour les visiteurs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le second \u00e9l\u00e9ment cl\u00e9 du portail repose sur la gestion des \u00e9v\u00e9nements associatifs et des actualit\u00e9s. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"780\" src=\"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-8-juin-2026-16_04_55-1024x780.png\" alt=\"\" class=\"wp-image-1741\" srcset=\"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-8-juin-2026-16_04_55-1024x780.png 1024w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-8-juin-2026-16_04_55-300x229.png 300w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-8-juin-2026-16_04_55-768x585.png 768w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-8-juin-2026-16_04_55-850x648.png 850w, https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-8-juin-2026-16_04_55.png 1437w\" 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 : Agenda et actualit\u00e9s<\/mark><\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Cette rubrique permet de mettre en avant les diff\u00e9rentes actions caritatives organis\u00e9es par l\u2019association afin de mobiliser les b\u00e9n\u00e9voles, les participants et les soutiens de l\u2019organisation.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le site int\u00e8gre notamment un calendrier interactif permettant aux utilisateurs de consulter les \u00e9v\u00e9nements \u00e0 venir, comme les journ\u00e9es solidaires ou les soir\u00e9es caritatives organis\u00e9es par l\u2019association. Cette fonctionnalit\u00e9 facilite l\u2019acc\u00e8s aux informations pratiques et encourage davantage la participation aux activit\u00e9s propos\u00e9es.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Chaque \u00e9v\u00e9nement dispose d\u2019une pr\u00e9sentation claire accompagn\u00e9e d\u2019images, de descriptions et d\u2019informations compl\u00e9mentaires afin de renforcer la visibilit\u00e9 des actions men\u00e9es. Cette section joue un r\u00f4le important dans la dynamique du portail puisqu\u2019elle permet de montrer que l\u2019association est active et engag\u00e9e sur le terrain.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L\u2019interface WordPress utilis\u00e9e permet \u00e9galement une gestion simplifi\u00e9e des contenus. La pr\u00e9sidente de l\u2019association peut ainsi publier facilement de nouveaux articles, ajouter des photos ou mettre \u00e0 jour les \u00e9v\u00e9nements sans avoir besoin de connaissances techniques avanc\u00e9es.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cette fonctionnalit\u00e9 contribue \u00e0 maintenir le site vivant et r\u00e9guli\u00e8rement actualis\u00e9, ce qui repr\u00e9sente un \u00e9l\u00e9ment essentiel pour renforcer la confiance des visiteurs et valoriser les actions de l\u2019association.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c0 travers ce projet, le portail <strong>\u00ab<\/strong> Lotus d\u2019Enfance <strong>\u00bb\u00a0<\/strong> permet \u00e0 l\u2019association de disposer d\u2019un outil de communication moderne et accessible, capable de valoriser efficacement ses actions humanitaires et ses engagements aupr\u00e8s des enfants d\u00e9favoris\u00e9s au Vietnam. Le site combine une identit\u00e9 visuelle coh\u00e9rente, une navigation fluide ainsi que des fonctionnalit\u00e9s pens\u00e9es pour favoriser l\u2019interaction et l\u2019engagement des visiteurs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ce projet a \u00e9galement permis de mettre en pratique les diff\u00e9rentes comp\u00e9tences mobilis\u00e9es lors de la conception d\u2019un portail web sous WordPress, notamment en mati\u00e8re d\u2019organisation des contenus, d\u2019exp\u00e9rience utilisateur et de gestion d\u2019une identit\u00e9 visuelle adapt\u00e9e au secteur associatif. L\u2019ensemble aboutit \u00e0 une plateforme claire, fonctionnelle et \u00e9volutive, r\u00e9pondant aux besoins de communication et de visibilit\u00e9 de l\u2019association.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Trong-Tony HUYNH et Rayane TEBACHE | Promotion 2025-2026 Le portail web \u00ab Lotus d\u2019Enfance \u00bb\u00a0 a \u00e9t\u00e9 r\u00e9alis\u00e9 dans le cadre d\u2019un projet universitaire autour de la conception de portails web sous WordPress. Ce projet consistait en la cr\u00e9ation d\u2019un site vitrine dynamique pour une association loi 1901 engag\u00e9e dans le soutien des enfants d\u00e9favoris\u00e9s&#8230;<\/p>\n","protected":false},"author":4,"featured_media":1742,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[57,301,86,302],"class_list":["post-1537","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-institutions","tag-association","tag-humanitaire","tag-solidarite","tag-vietnam"],"_links":{"self":[{"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/posts\/1537","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=1537"}],"version-history":[{"count":4,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/posts\/1537\/revisions"}],"predecessor-version":[{"id":1743,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/posts\/1537\/revisions\/1743"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=\/wp\/v2\/media\/1742"}],"wp:attachment":[{"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1537"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1537"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/7465.peda.univ-lille.fr\/projetslicenceSID\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1537"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}