https://documentation.romainmarula.fr/hello-world/ 2026-04-25T20:15:27+0200 https://documentation.romainmarula.fr/hello-world/ https://documentation.romainmarula.fr/hello-world/lib/tpl/starterbootstrap/images/favicon.ico text/html 2019-08-02T15:25:42+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=2017-2018&rev=1564752342&do=diff 🤘 Page d'archive des cours réalisés en 2017-2019 👌 B2 Graphisme Esa 75 → Outils numériques et éditions hybrides {V@ri@ble_Design} est un travail où les étudiants et étudiantes ont exploré la question d’un contenu unique appliqué à plusieurs médias. Chaque étudiant ou étudiante a créé une page web documentant une règle, un style, une technique ou un aspect historique du Web. À partir du contenu text/html 2020-10-28T18:00:40+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=2018-2019&rev=1603904440&do=diff 👏 Page d'archive des cours réalisés en 2018-2019 💪 Esa le 75 Graphisme B2: Outils numériques et éditions hybrides ↴ → Introduction → Prises de notes → Exercices B3: Recherches et Méthodologies TFE ↴ → Introduction → Rendez-vous TFE → Exercices Esa le 75 Peinture B2: Explorations numériques ↴ text/html 2018-08-20T11:52:39+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=2018-variable-design&rev=1534758759&do=diff Variable design text/html 2020-08-19T16:08:17+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=2019-2020&rev=1597846097&do=diff 👏 Page d'archive des cours réalisés en 2019-2020 💪 Esa le 75 Graphisme B2: Outils numériques et éditions hybrides ↴ → Introduction → Prises de notes → Exercices B3: Recherches et Méthodologies TFE ↴ → Introduction → Rendez-vous TFE → Exercices Esa le 75 Peinture B2: Explorations numériques ↴ text/html 2018-10-05T11:47:24+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=articles&rev=1538732844&do=diff Écritures Brutes ✎ Cette partie du Wiki est un espace investi par les étudiants et les étudiantes pour écrire sur un sujet, un thème, une notion, une question, une remarque, une anecdote, un bout de code, une réflexion, une pensée concernant des cultures, pratiques ou des usages numériques ou du code. text/html 2019-08-21T15:05:23+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=ascii-ws&rev=1566392723&do=diff ▐ ░ ∵┈ ASCII PARAÎT ∵░∵ ╼ ╽ ╾ ╿ ▀ ▁ ▂ ▄ ▅ ▆ ▇ █ ▉ ▊ ▋ ▌ ▍ ▎ ▏ ▐ ░ ▒ ▓ ▔ ▕ Lisible et visible Lettre, code, dessin, texte, représentation graphique. Un atelier dans le cadre des cours de culture numérique (Romain Marula) et de design graphique (Joël Vermot). De tout temps l'écriture a été utilisée comme instrument de dessin. Elle est elle même dessin. Cette représentation est aujourd'hui par le code. text/html 2023-08-22T15:58:20+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=atlas-22&rev=1692712700&do=diff text/html 2023-08-22T15:58:02+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=atlas&rev=1692712682&do=diff text/html 2023-08-28T16:47:37+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=broken-pipe&rev=1693234057&do=diff text/html 2023-08-28T16:44:37+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=carolo-cartos&rev=1693233877&do=diff text/html 2023-08-28T17:05:31+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=classe-ressources&rev=1693235131&do=diff text/html 2023-08-24T15:05:10+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=code-caree&rev=1692882310&do=diff text/html 2023-08-28T16:39:24+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=cours-thm-21&rev=1693233564&do=diff Cours Théorie des médias Ce cours propose de développer un regard et des connaissances dans la critique et la pensée des médias, l’analyse des usages émergents ou l’histoire des médias. Les questions des fondements, des modalités, des usages ou des impacts des médias sont prépondérantes dans notre monde actuel. text/html 2023-08-28T16:37:31+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=cours-thm-22&rev=1693233451&do=diff Cours Théorie des médias Ce cours propose de développer un regard et des connaissances dans la critique et la pensée des médias, l’analyse des usages émergents ou l’histoire des médias. Les questions des fondements, des modalités, des usages ou des impacts des médias sont prépondérantes dans notre monde actuel. text/html 2020-05-31T18:58:03+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=exemples&rev=1590944283&do=diff Code vu en cours ↷ * Quand je clique sur un élément un autre devient visible ou invisible Html / JavaScript * Faire une mise en page en flex Html / Css * Changement de couleur de texte au passage de la souris Html * Mot qui ouvre une box Html / Css * Alert JavaScript. Html / JavaScript * Déplacer des éléments. Html / Css / JavaScript / Jquery * Evénement JavaScript. Html / Css / JavaScript * Question avec prompt et alert. JavaScript * Ouvrir une box d'i… text/html 2020-08-13T12:01:46+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=exercices-2019&rev=1597312906&do=diff Exercices 2019-2020 _◞◞Revue Spécimen: Les 2e parlent de typographies avec Flore Page de ressources Ce projet de Revue Specimen est avant tout un projet d’édition de contenus relatifs à la typographie (portraits, Interview et articles sur des typographes du siècle passé ou plus contemporain). Ce projet a plusieurs but pédagogiques : text/html 2020-08-13T11:19:05+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=exercices-b2p-2019&rev=1597310345&do=diff Exercices 2019-2020 VERSIONS ↪ ↑ ⤎ ⇝ ⇚ ↔⥂ ↗ ↚ ↳ ↶ ⇌ ⤓ ⇺ ↭ ⟿ ➶ ⤿ ⤴ ⤚ ⤣ ⤼ ⥈ ⥞ ⥳ Versions → Dans ce travail, nous avons essayé de proposer minimum 15 versions d'un projets en utilisant uniquement les objets technologiques et/ou numériques à notre disposition. text/html 2023-08-22T15:46:25+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=exercices-b2p-2020&rev=1692711985&do=diff text/html 2019-08-02T14:34:50+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=exercices-b2p&rev=1564749290&do=diff Exercices 2018-2019 ▦ Protocole_Peinture ✑ [1200] Résultat de l'atelier Protocole Chaque étudiant et étudiante aura deux peintures et un site à réaliser. Il ou elle devra travailler avec un ou une autre pour échanger les instructions. La peinture ne devra pas être montrée aux autres. text/html 2020-02-19T10:18:55+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=exercices-b3-2019&rev=1582103935&do=diff Exercices 2019-2020 Recherches_et_méthodologies Durant ces séances nous allons essayer de faire des petits exercices pour que chacun puisse se constituer une méthode de travail, trouve la direction de son sujet, mieux cerner les enjeux de ce dernier. text/html 2019-08-02T13:12:04+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=exercices-b3&rev=1564744324&do=diff Exercices 2018-2019 Recherches_et_méthodologies Durant ces séances nous allons essayer de faire des petits exercices pour que chacun puisse se constituer une méthode de travail, trouve la direction de son sujet, mieux cerner les enjeux de ce dernier. text/html 2019-05-06T14:55:42+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=exercices&rev=1557147342&do=diff Exercices 2018-2019 { _◞◞DOC Charleroi BPS22_◞◝__} Web to Print_◝◝✌_Documentations_⥋_Diffusions_◝ Nous avons 5 séances très intenses de 2h jusqu'à la date du rendu final le 7 mai. Nous allons réaliser un site qui informe sur vos projets présentés au bps 22 de Charleroi. Le site est composé d'une page index (répertoire de formes) et d'une page de documentation du travail par étudiant.e. Nous allons également réaliser une poster + flyers pour informer de votre exposition et un livre papier comp… text/html 2021-03-11T09:20:12+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=exercicesb2m-2020&rev=1615450812&do=diff Exercices __TAG__ * Faire une page HTML composé de 10 balises différentes. Rendu 11/02 __Shape-instructions__ * Réaliser un dessin au format A4 paysage. * La feuille doit être entièrement rempli de plusieurs rectangles. * Un rectangle doit être rempli de plusieurs rectangles. text/html 2019-08-02T17:31:11+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=exercicesb3m-2019&rev=1564759871&do=diff Exercices 2019-2020 text/html 2021-03-01T14:39:06+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=exercicesb3m-2020&rev=1614605946&do=diff __TAG__ * Faire une page HTML composé de 10 balises différentes. Rendu 11/02 Responsive Format Faire une page avec 15 états différents Rendu fin du 04/02 ⎙_V@ri@ble_Design_⎗ <http://documentation.romainmarula.fr/variable-design-21/> text/html 2018-12-13T15:37:32+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=exercicesb3m&rev=1544711852&do=diff Exercices 2018-2019 { _⌁⎘_Lexique-style_⌥_ } Lexique -> prendre un mot clef dans la liste et le mettre en page en html et css, après nous ferons un poster à partir de cette page. * Responsive * css print * navigateur * archives * text/html 2019-12-18T18:02:02+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=exercicesmm-2019&rev=1576688522&do=diff Exercices 2019-2020 ▛▙▚▞ Responsive Format ▚▞▚ * Créer un poster web composé uniquement de formes géométriques et sans textes. * La page doit avoir 20 états différents. * Les événements déclencheront ou feront évoluer ces états. text/html 2021-02-11T14:31:50+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=exercicesmm-2020&rev=1613050310&do=diff Day 1 - Faire une page HTML composé de 10 balises différentes. Responsive_Format * Créer un poster web composé uniquement de formes géométriques et sans textes. * La page doit avoir 20 états différents. * Les événements déclencheront ou feront évoluer ces états. text/html 2019-08-01T16:34:21+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=exercicesmm&rev=1564670061&do=diff Exercices 2018-2019 masterPage Mettre ce contenu en forme pour en faire une page Web: (Titre) Master 1 Communication Visuel ARTS² → Outils numériques et Cultures numériques Bienvenue sur la page de cours des master 1 : (Listes) listes de étudiants Dans cette espace vous pourrez voir les travaux réalisés durant le cours Outils numériques et Cultures numériques. Dans ce cous nous essayerons de nous questionner sur les usages numériques, d'avoir une culture du Web et du code. De s'ouvrir à de… text/html 2023-08-28T17:01:11+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=exoticpublication&rev=1693234871&do=diff text/html 2019-08-02T17:36:47+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=explo-num-2019&rev=1564760207&do=diff Bac 2 Peinture ESA 75 → Explorations numériques Objectifs Ce cours vise à explorer des pratiques numériques (théoriques ou techniques). Le cours doit permettre aux étudiants d'avoir une conscience de leurs usages numériques, de les ouvrir à des outils adéquats ou alternatifs à leurs pratiques et leur donner les méthodes pour mieux les maîtriser. text/html 2020-11-17T15:35:46+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=explo-num-2020&rev=1605623746&do=diff Bac 2 Peinture ESA 75 → Explorations numériques Objectifs Ce cours vise à explorer des pratiques numériques (théoriques ou techniques). Le cours doit permettre aux étudiants d'avoir une conscience de leurs usages numériques, de les ouvrir à des outils adéquats ou alternatifs à leurs pratiques et leur donner les méthodes pour mieux les maîtriser. text/html 2018-10-01T12:14:42+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=explo-num&rev=1538388882&do=diff Bac 2 Peinture ESA 75 → Explorations numériques Objectifs Ce cours vise à explorer des pratiques numériques (théoriques ou techniques). Le cours doit permettre aux étudiants d'avoir une conscience de leurs usages numériques, de les ouvrir à des outils adéquats ou alternatifs à leurs pratiques et leur donner les méthodes pour mieux les maîtriser. text/html 2023-08-28T16:35:15+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=fables&rev=1693233315&do=diff Fables informatiques et numériques Écrire une histoire lié au numérique et/ou à l'informatique. Un moment ou une anecdote dans votre vie où l'interaction ou la pratique de l'informatique et/ou du numérique a provoqué une surprise, une question, un moment gênant ou un sentiment d'absurdité chez vous. Si vous le souhaitez vous pouvez conclure cette histoire par une conclusion et/ou une moralité. text/html 2019-09-10T13:51:38+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=formes_editoriales_hybrides-2019&rev=1568116298&do=diff Bac 2 Graphisme ESA 75 → Outils numériques et éditions hybrides Objectifs Ce cours vise à explorer des pratiques numériques (théoriques ou techniques) et interroger des formes éditoriales hybrides. Le cours doit permettre aux étudiants d'obtenir une conscience de leurs usages numériques, de les ouvrir à des outils alternatifs ou adéquats à leurs pratiques et de leur donner des méthodes pour mieux les maîtriser. text/html 2019-05-06T16:08:45+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=formes_editoriales_hybrides&rev=1557151725&do=diff Bac 2 Graphisme ESA 75 → Outils numériques et éditions hybrides Objectifs Ce cours vise à explorer des pratiques numériques (théoriques ou techniques) et interroger des formes éditoriales hybrides. Le cours doit permettre aux étudiants d'avoir une conscience de leurs usages numériques, de les ouvrir à des outils adéquats ou alternatifs à leurs pratiques et leur donner les méthodes pour mieux les maîtriser. text/html 2019-08-02T13:27:01+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=informations&rev=1564745221&do=diff Informations À propos Ce site est un wiki qui accompagne les cours des étudiants d'Art² à Mons et Esa75 à Bruxelles. Les cours visent à explorer des pratiques numériques (théoriques ou techniques) et interroger des formes éditoriales hybrides. Le cours doit permettre aux étudiants d'avoir une conscience de leurs usages numériques, de les ouvrir à des outils adéquats ou alternatifs à leur pratiques et leur donner les méthodes pour mieux les maîtriser. Durant ce cours seront abordées trois grand… text/html 2018-10-14T22:47:56+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=internet&rev=1539550076&do=diff Mur internet ➳ Lors de nos pérégrinations internet ➬ nous croisons des choses qui nous intrigues ⏎ text/html 2020-11-17T15:03:27+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=ivan-murit&rev=1605621807&do=diff Laboratoire des Formes Visuelles avec Ivan Murit [1600 ] [1200] [1200] [1200] [1200] [1200] [1200] [1200] [1200] [1200] [1200] [1200] [1200] [1200] [1200] [1200] [1200] [1200] [1200] [1200] [1200] [1200] [1200] [1200] [1200] [1200] [1200] [1200] [1200] text/html 2019-10-08T21:07:27+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=link-b2p&rev=1570561647&do=diff 〽 Links ⋮⸪😱∴⋱ text/html 2023-10-05T16:55:53+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=links&rev=1696517753&do=diff text/html 2019-10-02T13:54:07+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=notes-cours-2019&rev=1570017247&do=diff Programmes codes ⤵ (Chaque semaine du quadrimestre) Progression ⇶ * static (1-4) * animé (4-6) * dynamique (7) 1→ Balisage Html/ css / * <https://developer.mozilla.org/fr/docs/Apprendre/HTML/Balises_HTML> / * <https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3/1608357-memento-des-balises-html> / * <https://developer.mozilla.org/fr/docs/Web/HTML/Element> 2→ Ajouter une font * (@fontface-cdn/ img ( ex… text/html 2019-08-02T16:58:21+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=notes-cours-b2p-2019&rev=1564757901&do=diff Prises de note Cette partie du Wiki est un espace investi par les étudiants et les étudiantes. text/html 2019-03-15T14:21:46+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=notes-cours-b2p&rev=1552656106&do=diff Prises de note Cette partie du Wiki est un espace investi par les étudiants et les étudiantes. Il est demandé aux étudiants et étudiantes de prendre des notes d'éléments importants vu pendant le cours. 18/11/18 -> Peinture links 25/09/18 * Découverte de la prise de note dans un Wiki. text/html 2020-05-05T10:11:45+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=notes-cours-b3-2019&rev=1588666305&do=diff Rendez-vous TFE 16/09/18 Présentation des projets + TFE ↴ Mathieu & Sofianne * projet ecotones * Revue From-to Ewa * Internet Atlas * Nogo voyages * Influence Interfaces * My Google Search History * Le code a changé Anthony Audrey Jérôme Harris Bérénice * Surfaces-utiles – Olivier Bertrand * Design Ecosocial – Collectif, Ludovic Duhem, Kenneth Rabin * Le design pour lutter contre le changement climatique * Un graphisme écoresponsable, Gaborit Pauline … text/html 2021-01-13T12:05:12+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=notes-cours-b3-2020&rev=1610535912&do=diff Projets de TFE Robin Fljorient Nassim Dries Élisa Éloise Katarzyna Leila Nicole Olivia Antoine Romane Sarah Sofia Zephyr ⇶ Les liens de 2019-2020 ⇶ Les liens de 2018-2019 text/html 2019-03-15T11:57:22+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=notes-cours-b3&rev=1552647442&do=diff Rendez-vous TFE Kelly * L’origine médiévale de l’hyperlien * As We May Think * Comment l’internet change-t-il notre regard sur la créativité ? * Projet Xanadu * Stéphane Bortzmeyer, L’Internet, un espace politique * Des entretiens avec Benjamin Bayart * New Kids on the Blockchain * Quand internet change la donne * Nommage et gouvernance de l'internet * Internet, aliénation ou émancipation ? * Shape-of-the-internet * Aide pour css print Corine * Journa… text/html 2019-04-29T16:07:11+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=notes-cours&rev=1556546831&do=diff 30/05/18 Ordre du jour: * Demo css print (double page) * contenu + choix (txt+img) * PointTeam site / affiche + livre * Nombre de page en tout -> 12 feuilles r/v = 24 pages rv (48 pages) * Papier -> papier bouffant 90gr/110gr Largeur : 12,5cm x 17,2 cm text/html 2021-02-07T14:32:40+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=notes-coursb2m-2020&rev=1612704760&do=diff text/html 2019-08-02T17:30:23+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=notes-coursb3m-2019&rev=1564759823&do=diff Prises de note Archive quelques références Sites web abandonnés : Des sites archéologiques ? Internet Archive est un site qui depuis 1996 archive l'internet (site, livres, Télécharger toutes vos recherches Google est projet qui permet de récupérer ces données personnelles sur Google. Database an installation on the subject of »surveillance« est une installation qui veux rendre visible, palpable la surveillance in truisive que nous pourrions subir au cours de nos navigations en ligne… text/html 2021-02-07T14:46:10+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=notes-coursb3m-2020&rev=1612705570&do=diff text/html 2018-12-12T22:10:05+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=notes-coursb3m&rev=1544649005&do=diff Prises de note Archive quelques références Sites web abandonnés : Des sites archéologiques ? Internet Archive est un site qui depuis 1996 archive l'internet (site, livres, Télécharger toutes vos recherches Google est projet qui permet de récupérer ces données personnelles sur Google. Database an installation on the subject of »surveillance« est une installation qui veux rendre visible, palpable la surveillance in truisive que nous pourrions subir au cours de nos navigations en ligne… text/html 2019-10-02T17:02:28+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=notes-coursmm-2019&rev=1570028548&do=diff Prises de note 03/10/19 Séance d'introduction Présentation des enjeux de la culture numérique en école d'Art. Explication du système de cours et des outils à utiliser quotidiennement: Éditeur de code Que pouvons-nous utiliser pour éditer un site ? text/html 2018-11-15T11:56:20+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=notes-coursmm&rev=1542279380&do=diff Prises de note 15/11/18 A. ---------- Mise en place de Shaarli : <https://www.shaarli.fr/my/link/>? " Système qui va permettre de regrouper des liens utiles sur le wiki." <https://jqueryui.com/draggable/> B. ---------- Présentation d'un traceur de route : <https://ping.eu/traceroute/> " Il nous montre le trajet effectué pour atteindre le lien demandé. text/html 2019-08-02T17:37:49+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=outils_numeriques-mons-b3-2019&rev=1564760269&do=diff PE2 et PE3 Communication Visuel / Art Numérique ARTS² → Édition Numérique Cours mené avec Étienne Ozeray Objectifs Ce cours vise à explorer et interroger des pratiques numériques, des outils de mise en page et toutes formes éditoriales hybrides, théoriques et techniques. text/html 2021-02-03T18:41:08+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=outils_numeriques-mons-b3-2020&rev=1612374068&do=diff Master 1 → Outils numériques et Cultures numériques Objectifs Ce cours vise à explorer des pratiques numériques (théoriques ou techniques). Le cours doit permettre aux étudiants d'avoir une conscience de leurs usages numériques, d'avoir une culture du Web et du code, de les ouvrir à des outils adéquats ou alternatif à leur pratiques Web et leur donner les méthodes pour mieux les maîtriser. Apprendre des fondamentaux css & Html / javascript / php / cms. text/html 2018-10-01T12:14:53+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=outils_numeriques-mons-b3&rev=1538388893&do=diff PE2 et PE3 Communication Visuel / Art Numérique ARTS² → Édition Numérique Cours mené avec Étienne Ozeray Objectifs Ce cours vise à explorer et interroger des pratiques numériques, des outils de mise en page et toutes formes éditoriales hybrides, théoriques et techniques. text/html 2020-08-26T14:18:23+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=outils_numeriques-mons-master-2019&rev=1598444303&do=diff Master 1 → Outils numériques et Cultures numériques Objectifs Ce cours vise à explorer des pratiques numériques (théoriques ou techniques). Le cours doit permettre aux étudiants d'avoir une conscience de leurs usages numériques, d'avoir une culture du Web et du code, de les ouvrir à des outils adéquats ou alternatif à leur pratiques Web et leur donner les méthodes pour mieux les maîtriser. Apprendre des fondamentaux css & Html / javascript / php / cms. text/html 2020-08-26T14:18:38+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=outils_numeriques-mons-master-2020&rev=1598444318&do=diff Master 1 → Outils numériques et Cultures numériques Objectifs Ce cours vise à explorer des pratiques numériques (théoriques ou techniques). Le cours doit permettre aux étudiants d'avoir une conscience de leurs usages numériques, d'avoir une culture du Web et du code, de les ouvrir à des outils adéquats ou alternatif à leur pratiques Web et leur donner les méthodes pour mieux les maîtriser. Apprendre des fondamentaux css & Html / javascript / php / cms. text/html 2018-10-01T20:25:29+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=outils_numeriques-mons-master&rev=1538418329&do=diff Master 1 Communication Visuel ARTS² → Outils numériques et Cultures numériques Objectifs Ce cours vise à explorer des pratiques numériques (théoriques ou techniques). Le cours doit permettre aux étudiants d'avoir une conscience de leurs usages numériques, d'avoir une culture du Web et du code, de les ouvrir à des outils adéquats ou alternatif à leur pratiques Web et leur donner les méthodes pour mieux les maîtriser. Apprendre des fondamentaux css & Html / javascript / php / cms.… text/html 2023-08-22T15:10:53+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=programme-semaine-intensive&rev=1692709853&do=diff text/html 2023-08-28T17:09:32+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=protocole-div&rev=1693235372&do=diff text/html 2023-08-28T16:45:29+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=protocole-peinture&rev=1693233929&do=diff text/html 2019-08-02T16:08:43+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=recherches-tfe-2019&rev=1564754923&do=diff Bac 3 Graphisme ESA 75 → Recherches et méthodologies numériques / TFE Objectifs L'objectif de ces rendez-vous ensemble est de permettre aux étudiants de B3 de développer une autonomie et de se construire une méthode de travail. Nous essayerons d'aborder les questions de recherche et de méthodologie autour du projet de TFE: text/html 2020-08-25T18:36:49+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=recherches-tfe&rev=1598373409&do=diff Bac 3 → Recherches et méthodologies numériques / TFE Objectifs L'objectif de ces rendez-vous est de permettre aux étudiants de B3 de développer une autonomie et de se construire une méthode de travail. Nous essayerons d'aborder les questions de recherche et de méthodologie autour du projet de TFE: text/html 2020-11-17T14:47:51+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=responsive-format&rev=1605620871&do=diff text/html 2023-08-28T16:09:38+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=revue-specimen&rev=1693231778&do=diff text/html 2020-08-19T16:38:30+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=revue_specimen-2020&rev=1597847910&do=diff Revue Spécimen: Les 2e parlent de typographies avec Flore Van Ryn Ce projet de Revue Specimen est avant tout un projet d’édition de contenus relatifs à la typographie (portraits, Interview et articles sur des typographes du siècle passé ou plus contemporain). Ce projet a plusieurs but pédagogiques : text/html 2023-08-22T15:52:57+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=revue_specimen-2021&rev=1692712377&do=diff text/html 2023-08-22T15:58:46+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=revue_specimen-2022&rev=1692712726&do=diff text/html 2023-10-16T16:26:04+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=sidebar&rev=1697466364&do=diff En cours ⟲ B1 Web-To-Print_ ⟝ ws-wtb B2 Graphisme_Typographies, outils numériques et éditions hybrides_ ⟝ Soon B3 Graphisme_Recherches et Méthodologies TFE_ ⟝ Publiez tôt, publiez souvent avec Lara Dautun ⟝ Liens pour TFE B3 Peinture_Explorations numériques_ ⟝ Workshop avec Mathieu Lecouturier 2022-2023 B3 Théorie Des médias text/html 2023-12-14T14:02:57+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=specimen-b2&rev=1702558977&do=diff text/html 2023-09-08T11:58:56+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=start&rev=1694167136&do=diff text/html 2020-08-26T13:31:25+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=support-de-cours-b2p-2019&rev=1598441485&do=diff Support de cours Des moments théoriques ou culturel vu en cours. Où naviguons-nous ? Où naviguons-nous ? ⇝ Art looks much better on instagram Art looks much better on instagram ⇝ text/html 2021-02-09T08:12:43+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=support-de-cours-b2p-2020&rev=1612854763&do=diff Support de cours Des moments théoriques ou culturel vu en cours. * Où-naviguons-nous ? ⇝ * Art looks much better on instagram ⇝ text/html 2023-08-28T16:36:29+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=sylabus&rev=1693233389&do=diff Cours Théorie des médias Ce cours propose de développer un regard et des connaissances dans la critique et la pensée des médias, l’analyse des usages émergents ou l’histoire des médias. Les questions des fondements, des modalités, des usages ou des impacts des médias sont prépondérantes dans notre monde actuel. text/html 2023-08-18T17:04:49+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=techniques-html&rev=1692371089&do=diff HTML & CSS * SITE STATIQUE = HTML ET CSS * SITE DYNAMIQUE = PHP QU'EST CE QUE HTML ET CSS ? Langages descriptif - Langages de base pour le web - Langages standards QUEL DIFFÉRENCES ENTRE HTML ET CSS ? * html → contenu * css → style text/html 2019-08-21T14:58:02+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=techniques-javascript&rev=1566392282&do=diff JAVASCRIPT Langage de programmation de scripts orienté objet. JavaScript est avant tout un langage de programmation du Web. Il a été inventé en 1995 par Brendan Eich, qui travaillait à l'époque pour la société Netscape, créatrice du premier navigateur Web populaire (l'ancêtre de Firefox). text/html 2019-08-07T19:01:20+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=techniques-php&rev=1565197280&do=diff PHP Le but de ce langage est de permettre d'écrire des pages dynamiques rapidement. C'est un langage de script HTML, exécuté côté serveur. Syntaxe de base ↘ <?php echo '<p> Bonjour</p>'; ?> Comme en javascript nous utiliserons des variables, boucles, conditions. Nous pouvons aussi faire des tableaux notamment si nous avons beaucoup de données. text/html 2019-08-21T15:04:50+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=techniques-wiki&rev=1566392690&do=diff ÉCRITURE SUR LE WIKI Basic Text Formatting DokuWiki supports bold, italic, underlined and monospaced texts. Of course you can combine all these. DokuWiki supports **bold**, //italic//, __underlined__ and ''monospaced'' texts. Of course you can **__//''combine''//__** all these. text/html 2019-08-06T15:08:08+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=techniques&rev=1565096888&do=diff Documentations techniques ⤳ Markdown, css, html, javascript, php, etc. ↷ Ftp dossier FTP Html & Css * SITE STATIQUE = HTML ET CSS * SITE DYNAMIQUE = PHP QU'EST CE QUE HTML ET CSS ? Langages descriptif - Langages de base pour le web - Langages standards text/html 2021-02-11T19:08:20+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=tfe-b3p-21&rev=1613066900&do=diff Mise en page TFE Séance du vendredi 12/02 * États des lieux des TFE. * Presentation des TFE de chacun. * Présentation des principes de mise en page, d'éditions et du livre. * Point méthodologies et calendrier de travail. * Recherche d'idée pour la mise en page. text/html 2019-07-15T12:00:44+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=theorie&rev=1563184844&do=diff Lexiques Informatique - Web - Internet - Programmation Cette partie du Wiki est un espace investi par les étudiants et les étudiantes. Il est demandé aux étudiants d'écrire une définition sur ces mots. Informatique Ordinateurs Qu'est ce qu'un ordinateur ? Depuis quand ça existe ? text/html 2023-08-28T17:05:00+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=up-next&rev=1693235100&do=diff text/html 2023-08-28T16:46:52+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=variable-design2018&rev=1693234012&do=diff text/html 2023-08-28T16:46:25+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=variable-design2019&rev=1693233985&do=diff text/html 2018-12-14T17:28:13+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=variabledesign&rev=1544804893&do=diff { _⎙_V@ri@ble_Design_⎗_ } Dans ce travail nous ferons l'expérience de l'application d'un contenu unique à de multiples médias. Nous allons créer chacun une page web permettant de documenter une règle, un style, une technique CSS ou un aspect historique du Web. text/html 2023-09-26T12:09:45+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=ws-peint-gra&rev=1695722985&do=diff text/html 2023-08-22T16:04:59+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=ws-tfe-21&rev=1692713099&do=diff text/html 2023-08-28T16:43:54+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=ws-tfe-22&rev=1693233834&do=diff text/html 2023-09-22T17:13:46+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=ws-tfe&rev=1695395626&do=diff text/html 2020-08-28T14:50:53+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=wspublication&rev=1598619053&do=diff Publication des diplômés 2020 text/html 2020-11-17T15:24:17+0200 Anonymous (anonymous@undisclosed.example.com) https://documentation.romainmarula.fr/hello-world/doku.php?id=wsrechercheweb&rev=1605623057&do=diff