https://wiki.erg.be/mw/api.php?action=feedcontributions&user=127.0.0.1&feedformat=atomerg - Contributions de l’utilisateur [fr]2024-03-29T08:54:30ZContributions de l’utilisateurMediaWiki 1.31.12https://wiki.erg.be/mw/index.php?title=Discussion:Erg.be&diff=7209Discussion:Erg.be2018-06-18T09:34:43Z<p>127.0.0.1 : /* May 2018 */</p>
<hr />
<div>== 12 septembre == <br />
<br />
Michaël, Sammy, Ludivine, Alexia, Martin<br />
<br />
Compte-rendu:<br />
<br />
'''Serveur local'''<br />
<br />
mise en place d'un serveur local (Rasperypi) qui sera le repository du site<br />
Il générera les pages html publiques sur erg.be et constituera donc le "miroir" du site.<br />
<br />
'''Outils installés'''<br />
<br />
* [https://about.gitlab.com/2015/04/21/gitlab-on-raspberry-pi-2/ gitlab]<br />
* etherpad<br />
* tiny tiny RSS<br />
<br />
Possibilité de l'utiliser pour héberger d'autres contenus (comme dépot.local, des modes d'emploi, de la documentation, des pads, des livres, des travaux...) par tous les membres de l'école, en local et en distinguant la partie publique et privé.<br />
<br />
Possibilité d'installer d'autres Pi, et d'autres outils (nexclcloud, agendas,...) connectés. (voir [[Stéphane Noël]])<br />
<br />
Mise en place d'un service mail et de mailing lists associées: Domaine public?<br />
Hébergement web: Domaine public?<br />
<br />
<br />
'''Site'''<br />
<br />
Actuellement le site possède plusieurs interfaces développant des axes de lecture différents, développées pendant le workshop<br />
[[Workshop Juillet 2017 | CARTOGRAPHIE DE FLUX: STITCHING THE ERG WEB]] et une développée par Michaël.<br />
<br />
Sont à distinguer les noeuds<br />
<br />
* contenus des cours<br />
* news<br />
* posts issus des blogs et sites satellites. (voir comment en ajouter) pour le moment, voir liste [https://framacalc.org/sites-satellites-erg ici].<br />
<br />
Edition des contenus (outils): <br />
* contenus des cours et informations émanants de l'erg: sur ce wiki<br />
* news: sur ce wiki ou sur un wordpress (à déterminer)<br />
* gestion des flux rss (filtrage): Tiny Tiny rss + utilisation des tags pour caractériser les news et éventuellement une redirection automatique vers facebook.<br />
<br />
== 18 septembre ==<br />
<br />
Michaël, Sammy, Alexia<br />
<br />
Compte-rendu:<br />
<br />
'''Site'''<br />
<br />
Michaël a migré le contenu de la base de donnée Spip de l'ancien site vers le Wiki.<br />
Maintenant, le Wiki s'affiche sur la partie droite de l'écran tandis que les différents modes des visualisation s'affichent sur la gauche.<br />
<br />
En mode 'flux', des liens entre les flux RSS et le wiki se font quand par exemple, le nom d'un professeur apparait dans un post, il fait un lien vers sa fiche-bio qui se trouve sur le Wiki.<br />
<br />
Discussion sur l'organisation des contenus des cours, au niveau de la structure du wiki. Passer en mode purement "flat", soit sans aucune hiérarchisation (ce qui s'apparenterait à un dictionnaire et donc sans mise en évidence), soit penser une série de catégories comme points d'entrée pour "typer" certains contenus et générer automatiquement des modes "liste" de visualisation. Exemple: les différents types de cours <br />
<br />
A voir si les news, et leur archivage pourraient également fonctionner comme ça. <br />
<br />
Alexia et Sammy vont créer quelques catégories pour tester le comportement de la carte en intégrant ces "filtres" de contenu.<br />
Toutes ou une partie de ces catégories pourraient fonctionner comme une navigation à l'instar des îlots du site Archipel de la Médiathèque réalisé par Michael.<br />
<br />
Notes:<br />
— les redirections sont représentées dans le graph-> pas nécessaire<br />
<br />
- les catégories représentent les concepts et les pages, les objets<br />
<br />
Catégories :<br />
* '''orientations'''<br />
* '''AP'''<br />
* '''cours théoriques'''<br />
* '''cours techniques'''<br />
* cours de soutien à l'orientation<br />
* B1<br />
* B2<br />
* B3<br />
* M1<br />
* M2<br />
* (cours spécifiques) <br />
* stages internes<br />
* outils collectifs<br />
* évènements<br />
* archives<br />
* '''Équipe administrative''' → %C3%89quipe_administrative<br />
* '''enseignants'''<br />
* workshops<br />
* séminaire<br />
* agenda<br />
<br />
'''TO DO LIST'''<br />
* organisation du contenu sur le wiki (mardi 10)<br />
* communication générale -> en lien avec le groupe communication?<br />
* workshop semaine du 16 octobre<br />
<br />
== 9 Oct 2017 ==<br />
<br />
'''SPRINT''': Will work next week intensely Monday (afternoon) + Tuesday + Wednesday<br />
<br />
We talked about working on 3(4) different interfaces:<br />
<br />
* Javascript : Dynamic site map (SVG, d3js) ... initimately linked to the WIKI structure + Categories<br />
* Agenda / Flux Activite: HTML (+ CSS), based on a [http://jinja.pocoo.org/docs/2.9/templates/ "jinja" template]<br />
* SVG (pan + zoomable, links to wiki pages)<br />
<br />
Another places for intervention / site work:<br />
* Agenda wordpress (based on Wordpress + Tribe Event Plugin) <br />
* Templates of the wiki pages + RSS feeds that are dumped<br />
<br />
TODO:<br />
* Add message in wiki page (jinja) template about pages coming from wiki (include last modified timestamp + link to wiki page)<br />
* Category > Programming categories to make ilots: Draw as a wheel, connecting the elements in a closed loop, category name either inside or perhaps around the edge.<br />
* Show history !! in addition<br />
* Categories, History, and Links are maybe each a different style of linking (use link classes, css style differently)<br />
* Show the activity as a time based animation ... imagine watching wiki additions (filter out the ins tag texts) in "real time" (or sped up) SVG animation. (Maybe this means practically: for now: ensure the data structure would support such an animation, for future: build the animation)<br />
* Document the "Join" data structure -- annotate an example of an item or items from join.json on the wiki<br />
* Add a type field to the items to make it easy to select things like blog posts, wikiedits, events, vimeo.<br />
* Take the "Map of the school" poster example (Harrison) and make it a "real" interface?<br />
[[Fichier:2017 ERG annonce medor ok.jpg|vignette|exemple d'un interface svg possible basée sur le dessin de Harrisson]]<br />
* Use the "wheel" as a model SVG<br />
<br />
=== Future interfaces ===<br />
* Map of the school<br />
* Timeline / animation of activity<br />
* Facebook scraper<br />
* Media players<br />
* 3d space of images (inspired by ... ) threejs?<br />
* Develop a non-d3 specific javascript example?<br />
<br />
== 16 October 2017: Sprint Day 1 ==<br />
<br />
* Added modedemploi changes to the aggregator<br />
* todo (mm): Modify the mediawiki changes to link to page (not diff view) and think about reformatting the change contents (or simply not showing it)<br />
<br />
What we work on now:<br />
<br />
* Alexia: Changing "list pages" to Categories (moving text, moving "in-page" content to individual course pages + Category, deleting the old page). e.g. [[Les cours techniques]]<br />
* <s>Michael: Categories display in the map (click to connect in ring)</s><br />
* MM: Implement the Hide category ? (is this still needed? probably useful)<br />
* MM: Show all items (pages + post/edits + events) in the map<br />
* <s>Michael: Migrate to pi</s><br />
<br />
Other items:<br />
<br />
* Accueil as Category?<br />
<br />
Links<br />
<br />
* [https://www.mediawiki.org/wiki/Help:Categories#Sort_key Category sort keys]<br />
<br />
[[File:Categoryloops.png|thumb]]<br />
<br />
'''End of day'''<br />
<br />
* Category LOOPS!<br />
<br />
New todo's<br />
* <s>Category members in the cat page dumps</s><br />
* Order of category members (kind of random now)<br />
* Category classes (use the category id in the link class to allow color / style)<br />
* Make the toc/Sommaire collapsable in the wiki pages<br />
<br />
== 17 October 2017: Sprint Day 2 ==<br />
* <s>Automatically update the site (cron job)</s><br />
* <s>added padding in wiki template</s><br />
* <s>remove modedemploi from ttrss (redundant)</s><br />
* mediawikidump: include update timestamp ... use dump data ipv sitemap (hopefully this fixes dead categories)<br />
* Highlight the LINKS (on node rollover!!)<br />
* Update category dumps when members change (!) ... maybe force them for now?<br />
* Zooming and "camera" centering in the archipel interface<br />
* Files/attachments in wiki pages<br />
<br />
TO DO:<br />
* Documenter les interfaces comme un 3e niveau, (celui de l'interface même de navigation)<br />
* Create + test a "simple static SVG" interface -- to serve as template for future interfaces (Wednesday?!)<br />
* Create a link for a "file system" interface (useful for explaining the structure of the dumped site + inviting new interfaces based on these "raw" materials). Such an interface would need an explanation text to give it context.<br />
<br />
== 18 October 2017: Sprint Day 3 ==<br />
* Show the feeds in the map!<br />
* Show images in the feed (for video, etc)<br />
* <s>Make overlay 33% width</s><br />
* Category: integrate into Wiki panel: Show active category there.<br />
* <s>Subcategories?? Start category as well...</s><br />
* <s>Create a super category to manage which categories are shown in the map interface (Menu)</s><br />
* Draw category when page is opened?<br />
* Category Member order (in category dump pages) ... Alphabetical + same as map (circle linking order)<br />
* Activate one category at a time (idea to simplify categories in combination with drawing when open)<br />
* Deleted pages: "Les orientations en Bachelor" ... This should be fixed when using joined data ipv wikimap.<br />
* Apply wiki categories to feed items (Video, Radio, Event)<br />
* Videos + radio (mixcloud) links<br />
* Three interfaces: Map, Agenda, SVG (which?)<br />
* Let each feed be a "category"... shows up in the category panel and is selectable <br />
* Add category in the CSS ... to enable link styling<br />
* Add category name along the edge of the line.<br />
* Reverse linking (mouse over in map highlights the link in wiki)<br />
* Consider hiding the parenthesized part of a page title (such as (B1))<br />
---<br />
* Show history trail in the map (another link style?!)<br />
* Auto Link text to wiki titles in the agenda display<br />
* Show Contextual information about a feed when navigating<br />
* Cache "map" view when opening a link, click on map icon to return to previous view<br />
* Map: Initial view (placement of objects)<br />
* Map: Ensure elements stay inside the "fishtank"<br />
* Map: Zoom in when element is clicked? (cf behaviour in archipels.be)<br />
* Additional interfaces: OpenStreetMap, Files (pedagogic), Archive / Wayback<br />
* Deprecated: Show symbols related to item categories (Alexia: symbols need a legend, maybe creates as many problems as it "solves")<br />
<br />
Catégories:<br />
MENU<br />
* Bachelors<br />
** B1<br />
** B2<br />
** B3<br />
* Masters<br />
** M1<br />
** M2<br />
* Cours théoriques<br />
* Cours techniques<br />
* Cours de soutien spécifiques<br />
* Orientations<br />
* Ateliers pluridisciplinaires<br />
* Equipes<br />
** Conseil de gestion pédagogique<br />
** Conseil étudiant<br />
** Enseignants<br />
** Équipe administrative<br />
<br />
Questions:<br />
* rester sur la page sur laquelle on est quand on décoche une catégorie (ne pas retourner à la page de la catégorie décochée)<br />
* [[:catégorie: Wiki only]] ne fonctionne pas sur l'acceuil<br />
== 24 octobre ==<br />
* <s>Création de la page [[to do|TO DO]]</s><br />
* Onglet Feeds ON/OFF<br />
* Alexia:<br />
** template html + CSS du wiki<br />
** css menu<br />
** <s>rédiger texte d'accueil du site <br />
** <s>documenter le wiki mode d'emploi (acceuil du wiki)</s><br />
** documenter la page site web: comment fonctionnent les catégories, les pages, les liens et la structure (page site web)<br />
<br />
== 30 novembre == <br />
fonctionnalités prioritaires<br />
<br />
* wiki only: ne pas afficher sur le site<br />
* afficher l'acceuil sur le site<br />
* activer/désactiver le flux sur la carte<br />
* possibilité de retrouver visible la partie droite du site quand on l'a rendue invisible<br />
<br />
template html (Alexia)<br />
<br />
* flux rss full page<br />
* design du menu<br />
* design wiki content<br />
<br />
communication (Alexia)<br />
<br />
* schéma de la plateforme<br />
* documenter la page site web: comment fonctionnent les catégories, les pages, les liens et la structure (page site web) -> lié au schéma<br />
<br />
== 15 january 2018 ==<br />
<br />
The new developments since last meeting has been the decision to integrate the RSS aggregation and archiving directly into the mediawiki. This has involved moving (clonging) the wiki to the Raspberry Pi server and adding a number of extensions ([http://workingwithmediawiki.com/book/chapter16.html Cargo] + [https://www.mediawiki.org/wiki/Extension:TimedMediaHandler TimedMediaHandler]). This also means that TinyTinyRSS is no longer directly used (but may still be of use to reconstruct the longer past history of feed activity). The main advantage of this change is that more of the "backend" processing -- of the RSS feeds and the "scraping" of media content that occurs -- becomes visible and also *editable* by virtue of being directly in the wiki. By uploading linked media files (images, audio, video) into the wiki, the wiki also becomes more of an archive and all the many tools of the wiki become available to manage / curate it. The Cargo extension (an outgrowth of the SemanticMedia project) allows for "database-like" functionality within the wiki. These changes also shift the wiki to being a central hub for the website, rather than what was becoming a somewhat convoluted pipeline of hidden scripts.<br />
<br />
* <s>close wiki mode d'emploi + new address</s><br />
* dumping & interfaces<br />
* public interface uploaded and served from erg.be<br />
* files in the dump > fix<br />
* mode d'emploi to add websites + formular texts + list of platforms using RSS<br />
* test create account + sending mail<br />
* querys + formular names in category Site web + ... + date templates<br />
* scraping - from websites directly vs RSS feeds contents + facebook pages?<br />
* Create a means of automatically scraping individual "Page web" pages (for manually added resources)<br />
<br />
== May 2018 ==<br />
<br />
http://192.168.1.251:9001/p/Workshop_erg.be_May_2018<br />
<br />
<br />
<br />
=== wiki.css ===<br />
[https://semestriel.framapad.org/p/wikicss edit wiki.css]<br />
<br />
https://semestriel.framapad.org/p/wikicss/export/txt</div>127.0.0.1https://wiki.erg.be/mw/index.php?title=Erg.be&diff=7208Erg.be2018-06-18T09:34:04Z<p>127.0.0.1 : /* A propos du site de l'erg */</p>
<hr />
<div>== À propos du site de l'erg ==<br />
<br />
Le site de l’erg fait l’état des lieux d’un processus, il constitue une forme en constante évolution.<br />
<br />
Articulé comme une plateforme, il propose un mode d'emploi de l'erg (inventaire détaillé des cours, des outils techniques, théoriques, collectifs et restitue leurs interactions) et agrège l'actualité des blogs de cours, sites satellites et autres traces des activités de l’erg. <br />
<br />
Plusieurs interfaces graphiques sont invitées à cohabiter mettant en exergue des aspects spécifiques des contenus : cartographie, index, galerie d'images, vidéos; comme autant d’espaces de lecture possibles.<br />
<br />
Des sessions de travail sous la forme de workshops ouverts à tou-te-s ont été organisées de juillet 2017 à juillet 2018 afin de penser l’édition du site de manière collective et de réaliser des modes de navigation alternatifs. Les sources du site sont accessibles sur Gitlab, et elles sont physiquement inscrites dans l’école sur un serveur local (Raspberry Pi).<br />
<br />
== erg-wiki ==<br />
La structure de création de contenu du site est un mediawiki qui s'apparente à un grand répertoire qui rassemble et organise [[Spécial:AllPages|tous les éléments]] qui composent l'erg et [[Spécial:PagesLesPlusLiées|les liens]] qui les relient.<br />
<br />
Ainsi, le site de l'erg s'organise en une structure rhizomique de contenus, dont le tissu hypertextuel propose une vision horizontale de l'école. Des [[Spécial:Categories|catégories]] regroupent en archipels des informations qui partagent des aspects communs.<br />
<br />
En parallèle, ce wiki agrège les contenus et traces des activités provenant de différentes sources que constituent [[:Catégorie:Sites satellites|Les sites satellites de l'erg]]. Ainsi, il se profile comme une super-archive de l'erg, autant qu'un espace curatorial ou un mode d'emploi. L'ensemble des documents, images, vidéos et postes publiés par la communauté sont ainsi rassemblés à un même endroit et redistribués sur le site erg.be.<br />
<br />
== Navigation ==<br />
A partir de ce matériau, deux modes de navigation sont actuellement proposés: une cartographie visuelle qui fait apparaître les différents éléments du site et les relations qui se trament entre eux, et une interface de lecture. Cette dernière peut également être consultée par le [[Modèle:Menu|menu]].</div>127.0.0.1https://wiki.erg.be/mw/index.php?title=%C3%89cole_de_recherche_graphique&diff=7058École de recherche graphique2018-06-11T09:30:07Z<p>127.0.0.1 : </p>
<hr />
<div>Depuis sa création en 1972, l’erg se définit comme une école de recherche où l’activation des modes et espaces de production conduit l’étudiant-e à apprendre en faisant.<br />
L’articulation des cours est une zone de convergence suscitant l’inattendu, l’échange, le collectif, la forme hybride, contribuant ainsi à former des artistes- citoyen-nes en relation au monde, bien au-delà de la période de formation. Il ne s’agit pas, ici, d’apporter des certitudes, mais de créer les conditions d’une expérimentation maximale favorisant le positionnement de l’étudiant-e face à son médium, tout en le déconstruisant pour mieux s’en emparer. Et pour le déconstruire il faut le prendre en main[[Bienvenue à l’erg...|...]]<br />
<br />
→ Plus d'info sur [[Erg.be|ce siteweb]]<br />
<br />
== [[:Category:Actualités (2018)|Actualités]] ==<br />
<br />
{{NewsActivity}}<br />
<br />
== [[:Category:Sites satellites|Sites satellites]] ==<br />
<br />
{{SatelliteActivity}}<br />
<br />
* [[:Category:Page web|Voir toutes les activités satellites]]<br />
<br />
== Les Index ==<br />
* [[Images|Table des images]]<br />
* [[Documents|Table des documents]]<br />
<br />
__NOTOC__</div>127.0.0.1https://wiki.erg.be/mw/index.php?title=Discussion:Erg.be&diff=6821Discussion:Erg.be2018-06-07T14:40:15Z<p>127.0.0.1 : /* 18 septembre */</p>
<hr />
<div>== 12 septembre == <br />
<br />
Michaël, Sammy, Ludivine, Alexia, Martin<br />
<br />
Compte-rendu:<br />
<br />
'''Serveur local'''<br />
<br />
mise en place d'un serveur local (Rasperypi) qui sera le repository du site<br />
Il générera les pages html publiques sur erg.be et constituera donc le "miroir" du site.<br />
<br />
'''Outils installés'''<br />
<br />
* [https://about.gitlab.com/2015/04/21/gitlab-on-raspberry-pi-2/ gitlab]<br />
* etherpad<br />
* tiny tiny RSS<br />
<br />
Possibilité de l'utiliser pour héberger d'autres contenus (comme dépot.local, des modes d'emploi, de la documentation, des pads, des livres, des travaux...) par tous les membres de l'école, en local et en distinguant la partie publique et privé.<br />
<br />
Possibilité d'installer d'autres Pi, et d'autres outils (nexclcloud, agendas,...) connectés. (voir [[Stéphane Noël]])<br />
<br />
Mise en place d'un service mail et de mailing lists associées: Domaine public?<br />
Hébergement web: Domaine public?<br />
<br />
<br />
'''Site'''<br />
<br />
Actuellement le site possède plusieurs interfaces développant des axes de lecture différents, développées pendant le workshop<br />
[[Workshop Juillet 2017 | CARTOGRAPHIE DE FLUX: STITCHING THE ERG WEB]] et une développée par Michaël.<br />
<br />
Sont à distinguer les noeuds<br />
<br />
* contenus des cours<br />
* news<br />
* posts issus des blogs et sites satellites. (voir comment en ajouter) pour le moment, voir liste [https://framacalc.org/sites-satellites-erg ici].<br />
<br />
Edition des contenus (outils): <br />
* contenus des cours et informations émanants de l'erg: sur ce wiki<br />
* news: sur ce wiki ou sur un wordpress (à déterminer)<br />
* gestion des flux rss (filtrage): Tiny Tiny rss + utilisation des tags pour caractériser les news et éventuellement une redirection automatique vers facebook.<br />
<br />
== 18 septembre ==<br />
<br />
Michaël, Sammy, Alexia<br />
<br />
Compte-rendu:<br />
<br />
'''Site'''<br />
<br />
Michaël a migré le contenu de la base de donnée Spip de l'ancien site vers le Wiki.<br />
Maintenant, le Wiki s'affiche sur la partie droite de l'écran tandis que les différents modes des visualisation s'affichent sur la gauche.<br />
<br />
En mode 'flux', des liens entre les flux RSS et le wiki se font quand par exemple, le nom d'un professeur apparait dans un post, il fait un lien vers sa fiche-bio qui se trouve sur le Wiki.<br />
<br />
Discussion sur l'organisation des contenus des cours, au niveau de la structure du wiki. Passer en mode purement "flat", soit sans aucune hiérarchisation (ce qui s'apparenterait à un dictionnaire et donc sans mise en évidence), soit penser une série de catégories comme points d'entrée pour "typer" certains contenus et générer automatiquement des modes "liste" de visualisation. Exemple: les différents types de cours <br />
<br />
A voir si les news, et leur archivage pourraient également fonctionner comme ça. <br />
<br />
Alexia et Sammy vont créer quelques catégories pour tester le comportement de la carte en intégrant ces "filtres" de contenu.<br />
Toutes ou une partie de ces catégories pourraient fonctionner comme une navigation à l'instar des îlots du site Archipel de la Médiathèque réalisé par Michael.<br />
<br />
Notes:<br />
— les redirections sont représentées dans le graph-> pas nécessaire<br />
<br />
- les catégories représentent les concepts et les pages, les objets<br />
<br />
Catégories :<br />
* '''orientations'''<br />
* '''AP'''<br />
* '''cours théoriques'''<br />
* '''cours techniques'''<br />
* cours de soutien à l'orientation<br />
* B1<br />
* B2<br />
* B3<br />
* M1<br />
* M2<br />
* (cours spécifiques) <br />
* stages internes<br />
* outils collectifs<br />
* évènements<br />
* archives<br />
* '''Équipe administrative''' → %C3%89quipe_administrative<br />
* '''enseignants'''<br />
* workshops<br />
* séminaire<br />
* agenda<br />
<br />
'''TO DO LIST'''<br />
* organisation du contenu sur le wiki (mardi 10)<br />
* communication générale -> en lien avec le groupe communication?<br />
* workshop semaine du 16 octobre<br />
<br />
== 9 Oct 2017 ==<br />
<br />
'''SPRINT''': Will work next week intensely Monday (afternoon) + Tuesday + Wednesday<br />
<br />
We talked about working on 3(4) different interfaces:<br />
<br />
* Javascript : Dynamic site map (SVG, d3js) ... initimately linked to the WIKI structure + Categories<br />
* Agenda / Flux Activite: HTML (+ CSS), based on a [http://jinja.pocoo.org/docs/2.9/templates/ "jinja" template]<br />
* SVG (pan + zoomable, links to wiki pages)<br />
<br />
Another places for intervention / site work:<br />
* Agenda wordpress (based on Wordpress + Tribe Event Plugin) <br />
* Templates of the wiki pages + RSS feeds that are dumped<br />
<br />
TODO:<br />
* Add message in wiki page (jinja) template about pages coming from wiki (include last modified timestamp + link to wiki page)<br />
* Category > Programming categories to make ilots: Draw as a wheel, connecting the elements in a closed loop, category name either inside or perhaps around the edge.<br />
* Show history !! in addition<br />
* Categories, History, and Links are maybe each a different style of linking (use link classes, css style differently)<br />
* Show the activity as a time based animation ... imagine watching wiki additions (filter out the ins tag texts) in "real time" (or sped up) SVG animation. (Maybe this means practically: for now: ensure the data structure would support such an animation, for future: build the animation)<br />
* Document the "Join" data structure -- annotate an example of an item or items from join.json on the wiki<br />
* Add a type field to the items to make it easy to select things like blog posts, wikiedits, events, vimeo.<br />
* Take the "Map of the school" poster example (Harrison) and make it a "real" interface?<br />
[[Fichier:2017 ERG annonce medor ok.jpg|vignette|exemple d'un interface svg possible basée sur le dessin de Harrisson]]<br />
* Use the "wheel" as a model SVG<br />
<br />
=== Future interfaces ===<br />
* Map of the school<br />
* Timeline / animation of activity<br />
* Facebook scraper<br />
* Media players<br />
* 3d space of images (inspired by ... ) threejs?<br />
* Develop a non-d3 specific javascript example?<br />
<br />
== 16 October 2017: Sprint Day 1 ==<br />
<br />
* Added modedemploi changes to the aggregator<br />
* todo (mm): Modify the mediawiki changes to link to page (not diff view) and think about reformatting the change contents (or simply not showing it)<br />
<br />
What we work on now:<br />
<br />
* Alexia: Changing "list pages" to Categories (moving text, moving "in-page" content to individual course pages + Category, deleting the old page). e.g. [[Les cours techniques]]<br />
* <s>Michael: Categories display in the map (click to connect in ring)</s><br />
* MM: Implement the Hide category ? (is this still needed? probably useful)<br />
* MM: Show all items (pages + post/edits + events) in the map<br />
* <s>Michael: Migrate to pi</s><br />
<br />
Other items:<br />
<br />
* Accueil as Category?<br />
<br />
Links<br />
<br />
* [https://www.mediawiki.org/wiki/Help:Categories#Sort_key Category sort keys]<br />
<br />
[[File:Categoryloops.png|thumb]]<br />
<br />
'''End of day'''<br />
<br />
* Category LOOPS!<br />
<br />
New todo's<br />
* <s>Category members in the cat page dumps</s><br />
* Order of category members (kind of random now)<br />
* Category classes (use the category id in the link class to allow color / style)<br />
* Make the toc/Sommaire collapsable in the wiki pages<br />
<br />
== 17 October 2017: Sprint Day 2 ==<br />
* <s>Automatically update the site (cron job)</s><br />
* <s>added padding in wiki template</s><br />
* <s>remove modedemploi from ttrss (redundant)</s><br />
* mediawikidump: include update timestamp ... use dump data ipv sitemap (hopefully this fixes dead categories)<br />
* Highlight the LINKS (on node rollover!!)<br />
* Update category dumps when members change (!) ... maybe force them for now?<br />
* Zooming and "camera" centering in the archipel interface<br />
* Files/attachments in wiki pages<br />
<br />
TO DO:<br />
* Documenter les interfaces comme un 3e niveau, (celui de l'interface même de navigation)<br />
* Create + test a "simple static SVG" interface -- to serve as template for future interfaces (Wednesday?!)<br />
* Create a link for a "file system" interface (useful for explaining the structure of the dumped site + inviting new interfaces based on these "raw" materials). Such an interface would need an explanation text to give it context.<br />
<br />
== 18 October 2017: Sprint Day 3 ==<br />
* Show the feeds in the map!<br />
* Show images in the feed (for video, etc)<br />
* <s>Make overlay 33% width</s><br />
* Category: integrate into Wiki panel: Show active category there.<br />
* <s>Subcategories?? Start category as well...</s><br />
* <s>Create a super category to manage which categories are shown in the map interface (Menu)</s><br />
* Draw category when page is opened?<br />
* Category Member order (in category dump pages) ... Alphabetical + same as map (circle linking order)<br />
* Activate one category at a time (idea to simplify categories in combination with drawing when open)<br />
* Deleted pages: "Les orientations en Bachelor" ... This should be fixed when using joined data ipv wikimap.<br />
* Apply wiki categories to feed items (Video, Radio, Event)<br />
* Videos + radio (mixcloud) links<br />
* Three interfaces: Map, Agenda, SVG (which?)<br />
* Let each feed be a "category"... shows up in the category panel and is selectable <br />
* Add category in the CSS ... to enable link styling<br />
* Add category name along the edge of the line.<br />
* Reverse linking (mouse over in map highlights the link in wiki)<br />
* Consider hiding the parenthesized part of a page title (such as (B1))<br />
---<br />
* Show history trail in the map (another link style?!)<br />
* Auto Link text to wiki titles in the agenda display<br />
* Show Contextual information about a feed when navigating<br />
* Cache "map" view when opening a link, click on map icon to return to previous view<br />
* Map: Initial view (placement of objects)<br />
* Map: Ensure elements stay inside the "fishtank"<br />
* Map: Zoom in when element is clicked? (cf behaviour in archipels.be)<br />
* Additional interfaces: OpenStreetMap, Files (pedagogic), Archive / Wayback<br />
* Deprecated: Show symbols related to item categories (Alexia: symbols need a legend, maybe creates as many problems as it "solves")<br />
<br />
Catégories:<br />
MENU<br />
* Bachelors<br />
** B1<br />
** B2<br />
** B3<br />
* Masters<br />
** M1<br />
** M2<br />
* Cours théoriques<br />
* Cours techniques<br />
* Cours de soutien spécifiques<br />
* Orientations<br />
* Ateliers pluridisciplinaires<br />
* Equipes<br />
** Conseil de gestion pédagogique<br />
** Conseil étudiant<br />
** Enseignants<br />
** Équipe administrative<br />
<br />
Questions:<br />
* rester sur la page sur laquelle on est quand on décoche une catégorie (ne pas retourner à la page de la catégorie décochée)<br />
* [[:catégorie: Wiki only]] ne fonctionne pas sur l'acceuil<br />
== 24 octobre ==<br />
* <s>Création de la page [[to do|TO DO]]</s><br />
* Onglet Feeds ON/OFF<br />
* Alexia:<br />
** template html + CSS du wiki<br />
** css menu<br />
** <s>rédiger texte d'accueil du site <br />
** <s>documenter le wiki mode d'emploi (acceuil du wiki)</s><br />
** documenter la page site web: comment fonctionnent les catégories, les pages, les liens et la structure (page site web)<br />
<br />
== 30 novembre == <br />
fonctionnalités prioritaires<br />
<br />
* wiki only: ne pas afficher sur le site<br />
* afficher l'acceuil sur le site<br />
* activer/désactiver le flux sur la carte<br />
* possibilité de retrouver visible la partie droite du site quand on l'a rendue invisible<br />
<br />
template html (Alexia)<br />
<br />
* flux rss full page<br />
* design du menu<br />
* design wiki content<br />
<br />
communication (Alexia)<br />
<br />
* schéma de la plateforme<br />
* documenter la page site web: comment fonctionnent les catégories, les pages, les liens et la structure (page site web) -> lié au schéma<br />
<br />
== 15 january 2018 ==<br />
<br />
The new developments since last meeting has been the decision to integrate the RSS aggregation and archiving directly into the mediawiki. This has involved moving (clonging) the wiki to the Raspberry Pi server and adding a number of extensions ([http://workingwithmediawiki.com/book/chapter16.html Cargo] + [https://www.mediawiki.org/wiki/Extension:TimedMediaHandler TimedMediaHandler]). This also means that TinyTinyRSS is no longer directly used (but may still be of use to reconstruct the longer past history of feed activity). The main advantage of this change is that more of the "backend" processing -- of the RSS feeds and the "scraping" of media content that occurs -- becomes visible and also *editable* by virtue of being directly in the wiki. By uploading linked media files (images, audio, video) into the wiki, the wiki also becomes more of an archive and all the many tools of the wiki become available to manage / curate it. The Cargo extension (an outgrowth of the SemanticMedia project) allows for "database-like" functionality within the wiki. These changes also shift the wiki to being a central hub for the website, rather than what was becoming a somewhat convoluted pipeline of hidden scripts.<br />
<br />
* <s>close wiki mode d'emploi + new address</s><br />
* dumping & interfaces<br />
* public interface uploaded and served from erg.be<br />
* files in the dump > fix<br />
* mode d'emploi to add websites + formular texts + list of platforms using RSS<br />
* test create account + sending mail<br />
* querys + formular names in category Site web + ... + date templates<br />
* scraping - from websites directly vs RSS feeds contents + facebook pages?<br />
* Create a means of automatically scraping individual "Page web" pages (for manually added resources)<br />
<br />
== May 2018 ==<br />
<br />
http://192.168.1.251:9001/p/Workshop_erg.be_May_2018<br />
<br />
=== map.css ===<br />
<br />
[http://192.168.1.251:9001/p/erg.be_map.css edit map.css]<br />
<br />
Update your style link to point to the LIVE version from the pad:<br />
<br />
http://192.168.1.251:9001/p/erg.be_map.css/export/txt<br />
<br />
=== wiki.css ===<br />
[http://192.168.1.251:9001/p/erg.be_wiki.css edit wiki.css]<br />
<br />
http://192.168.1.251:9001/p/erg.be_wiki.css/export/txt</div>127.0.0.1https://wiki.erg.be/mw/index.php?title=Discussion:To_do&diff=6816Discussion:To do2018-06-07T12:56:06Z<p>127.0.0.1 : /* pour le 11 juin */</p>
<hr />
<div>==checker les pages de l'ancien accueil==<br />
Linking to a category is done like this: [[:Category: Masters|Les Masters c'est ici!]]<br />
<br />
* check contenu site spip - wiki<br />
<br />
* [[Projet pédagogique]]<br />
* [[Bachelors]]<br />
* [[Masters]]<br />
* <s>[[Les équipes]]</s> -> voir [[:catégorie:équipes]]: DONE<br />
* <s>[[Les lieux de production et d'expérimentation]]: DONE</s><br />
* [[Réseaux]] <br />
* [[Documents]]: Nettoyer et renommer<br />
* [[News]]: Faire la distinction entre un event et une news. Une news n'est pas toujours dans l'agenda. Faire une catégorie News qui comprend l'agenda? -> le devrait apparaitre plutôt qu'avoir une liste. Comme une requête Cargo en mode galerie. Donc ajouter une date automatique de publication dans l'agenda. Ai tenté de faire un query sur _pageData=_creationDate + insérer un champs 'Updated' dans la table Event... mais sans succès, même en vidant la cache... demander aide à Michael.<br />
* [[News]]:ne s'affiche que la première date de l'event dans le calendrier<br />
* [[News]]: mettre format date européen<br />
* [[News]]: rajouter l'onglet 'modifier avec le formulaire'<br />
* [[Portes ouvertes]]<br />
* [[Le séminaire de l'erg ]]<br />
* [[Archives de l'erg]]<br />
* <s>[[International]]DONE</s><br />
* [[Site web]]<br />
* [[outils techniques]]<br />
* <br />
* [[outils théoriques et critiques]]<br />
* <s>[[outils collectifs]]: DONE</s><br />
* [[index]]<br />
* [[devenir étudiant-e à l'erg]]<br />
* [[recherche, expérimentation et projet personnel]]<br />
* [[Les cours théoriques communs à tous les Masters]] -> wiki only pour le moment<br />
* [[Captation vidéo]] à créer + page de Frédéric<br />
* [[Contact]] à créer + mettre dans menu<br />
* Voir le format des heures pour l'agenda <br />
<br />
<br />
<s>== RSS Mode d'emploi pour insérer un nouveau flux rss dans le site ==<br />
* inscrire le flux dans le tiny tiny RSS de l'erg (pour le moment: http://erg.activearchives.org/tt-rss) login:admin password:password<br />
** Tumblr: ex: http://afterhowl.tumblr.com/rss<br />
* créer la catégorie au nom du nouveau flux (... y ajouter une description si nécessaire et lier vers l'adresse du flux et le lien html du site. <br />
** ex: http://afterhowl.tumblr.com<br />
** ex: <nowiki>[http://afterhowl.tumblr.com/rss flux RSS]</nowiki><br />
* taguer cette catégorie comme ss-catégorie de la catégorie "flux" (<nowiki>[[catégorie:Flux]]</nowiki>)<br />
</s><br />
[[catégorie:wiki only]]<br />
* autorisations + protection d'invasion de bots<br />
<br />
==pour le 11 juin==<br />
<br />
* editing (Sammy + Alexia)<br />
** Nettoyage des contenus<br />
** page "About" du site (processus, colophon...) → http://erg.activearchives.org/m/wiki/Erg.be.html<br />
** fr/en → comment faire pour passer de l'un à l'autre? → ask Michael<br />
** Changer le nom de la page d'accueil (qui s'appelle pour le moment "Bienvenu à l'erg")<br />
<br />
* css (Stéphanie + Alexia + étudiants)<br />
** info box des sites satellites<br />
** tables, listes et galleries<br />
** rollover/pages actives, liens et ergonomie entre la carte et le wiki<br />
<br />
=== Michael ===<br />
** <s>Interfaces bicéphales</s><br />
* Separate internal/external in backlinks (wikipage)<br />
* message d'erreurs, search et autre réponse serveur<br />
* améliorer le search (mettre le nom des catégories dans un attribut data-category) pour pouvoir chercher sans afficher le nom de la catégorie<br />
* reloading the page goes back to homepage on Chromium<br />
* Date in "last modified" mention is currently formatted in English<br />
* Icons for Agenda + Page_web only<br />
* <s>Category icon</s><br />
* Category<br />
* gestion des droits: Inscription au wiki<br />
* add back active links (+2) with class<br />
* timeline as polyline with marker ?!<br />
* category as polyline (closed)<br />
* zoom while touching elements ?!<br />
* Image index?<br />
* History in text form<br />
* issues with redirections (see Seminaire 2018)<br />
* (category) text on boundary<br />
* Hide category nodes ?! (but still present as pages)<br />
* category order in wikipage (make alphabetic at least)<br />
<br />
=== Other ===<br />
* communication<br />
** visuel/annonce<br />
** affiche "don't unplug" à côté du Raspberry<br />
<br />
* Plus tard:<br />
- valves → install media wiki spécifique<br />
- indexhibit</div>127.0.0.1https://wiki.erg.be/mw/index.php?title=Discussion:To_do&diff=6773Discussion:To do2018-06-01T10:33:38Z<p>127.0.0.1 : /* Michael */</p>
<hr />
<div>==checker les pages de l'ancien accueil==<br />
Linking to a category is done like this: [[:Category: Masters|Les Masters c'est ici!]]<br />
<br />
* check contenu site spip - wiki<br />
<br />
* [[Projet pédagogique]]<br />
* [[Bachelors]]<br />
* [[Masters]]<br />
* <s>[[Les équipes]]</s> -> voir [[:catégorie:équipes]]: DONE<br />
* <s>[[Les lieux de production et d'expérimentation]]: DONE</s><br />
* [[Réseaux]] <br />
* [[Documents]]: Nettoyer et renommer<br />
* [[News]]: Faire la distinction entre un event et une news. Une news n'est pas toujours dans l'agenda. Faire une catégorie News qui comprend l'agenda? -> le devrait apparaitre plutôt qu'avoir une liste. Comme une requête Cargo en mode galerie. Donc ajouter une date automatique de publication dans l'agenda. Ai tenté de faire un query sur _pageData=_creationDate + insérer un champs 'Updated' dans la table Event... mais sans succès, même en vidant la cache... demander aide à Michael.<br />
* [[News]]:ne s'affiche que la première date de l'event dans le calendrier<br />
* [[News]]: mettre format date européen<br />
* [[News]]: rajouter l'onglet 'modifier avec le formulaire'<br />
* [[Portes ouvertes]]<br />
* [[Le séminaire de l'erg ]]<br />
* [[Archives de l'erg]]<br />
* <s>[[International]]DONE</s><br />
* [[Site web]]<br />
* [[outils techniques]]<br />
* <br />
* [[outils théoriques et critiques]]<br />
* <s>[[outils collectifs]]: DONE</s><br />
* [[index]]<br />
* [[devenir étudiant-e à l'erg]]<br />
* [[recherche, expérimentation et projet personnel]]<br />
* [[Les cours théoriques communs à tous les Masters]] -> wiki only pour le moment<br />
* [[Captation vidéo]] à créer + page de Frédéric<br />
* [[Contact]] à créer + mettre dans menu<br />
* Voir le format des heures pour l'agenda <br />
<br />
<br />
<s>== RSS Mode d'emploi pour insérer un nouveau flux rss dans le site ==<br />
* inscrire le flux dans le tiny tiny RSS de l'erg (pour le moment: http://erg.activearchives.org/tt-rss) login:admin password:password<br />
** Tumblr: ex: http://afterhowl.tumblr.com/rss<br />
* créer la catégorie au nom du nouveau flux (... y ajouter une description si nécessaire et lier vers l'adresse du flux et le lien html du site. <br />
** ex: http://afterhowl.tumblr.com<br />
** ex: <nowiki>[http://afterhowl.tumblr.com/rss flux RSS]</nowiki><br />
* taguer cette catégorie comme ss-catégorie de la catégorie "flux" (<nowiki>[[catégorie:Flux]]</nowiki>)<br />
</s><br />
[[catégorie:wiki only]]<br />
* autorisations + protection d'invasion de bots<br />
<br />
==pour le 11 juin==<br />
<br />
* editing (Sammy + Alexia)<br />
** Nettoyage des contenus<br />
** page "About" du site (processus, colophon...) → http://erg.activearchives.org/m/wiki/Erg.be.html<br />
** fr/en → comment faire pour passer de l'un à l'autre? → ask Michael<br />
** Changer le nom de la page d'accueil (qui s'appelle pour le moment "Bienvenu à l'erg")<br />
<br />
* css (Stéphanie + Alexia + étudiants)<br />
** info box des sites satellites<br />
** tables, listes et galleries<br />
** rollover/pages actives, liens et ergonomie entre la carte et le wiki<br />
** map 1P01: mettre un fond transparent pour aider à cliquer sur les objets<br />
<br />
=== Michael ===<br />
** <s>Interfaces bicéphales</s><br />
* Separate internal/external in backlinks (wikipage)<br />
* message d'erreurs, search et autre réponse serveur<br />
* améliorer le search (mettre le nom des catégories dans un attribut data-category) pour pouvoir chercher sans afficher le nom de la catégorie<br />
* reloading the page goes back to homepage on Chromium<br />
* Date in "last modified" mention is currently formatted in English<br />
* Icons for Agenda + Page_web only<br />
* Category icon not working<br />
* gestion des droits: Inscription au wiki<br />
* add back active links (+2) with class<br />
* timeline as polyline with marker ?!<br />
* category as polyline (closed)<br />
* zoom while touching elements ?!<br />
<br />
=== Other ===<br />
* communication<br />
** visuel/annonce<br />
** affiche "don't unplug" à côté du Raspberry<br />
<br />
* Plus tard:<br />
- valves → install media wiki spécifique<br />
- indexhibit</div>127.0.0.1https://wiki.erg.be/mw/index.php?title=Discussion:To_do&diff=6766Discussion:To do2018-06-01T08:51:03Z<p>127.0.0.1 : /* pour le 11 juin */</p>
<hr />
<div>==checker les pages de l'ancien accueil==<br />
Linking to a category is done like this: [[:Category: Masters|Les Masters c'est ici!]]<br />
<br />
* check contenu site spip - wiki<br />
<br />
* [[Projet pédagogique]]<br />
* [[Bachelors]]<br />
* [[Masters]]<br />
* <s>[[Les équipes]]</s> -> voir [[:catégorie:équipes]]: DONE<br />
* <s>[[Les lieux de production et d'expérimentation]]: DONE</s><br />
* [[Réseaux]] <br />
* [[Documents]]: Nettoyer et renommer<br />
* [[News]]: Faire la distinction entre un event et une news. Une news n'est pas toujours dans l'agenda. Faire une catégorie News qui comprend l'agenda? -> le devrait apparaitre plutôt qu'avoir une liste. Comme une requête Cargo en mode galerie. Donc ajouter une date automatique de publication dans l'agenda. Ai tenté de faire un query sur _pageData=_creationDate + insérer un champs 'Updated' dans la table Event... mais sans succès, même en vidant la cache... demander aide à Michael.<br />
* [[News]]:ne s'affiche que la première date de l'event dans le calendrier<br />
* [[News]]: mettre format date européen<br />
* [[News]]: rajouter l'onglet 'modifier avec le formulaire'<br />
* [[Portes ouvertes]]<br />
* [[Le séminaire de l'erg ]]<br />
* [[Archives de l'erg]]<br />
* <s>[[International]]DONE</s><br />
* [[Site web]]<br />
* [[outils techniques]]<br />
* <br />
* [[outils théoriques et critiques]]<br />
* <s>[[outils collectifs]]: DONE</s><br />
* [[index]]<br />
* [[devenir étudiant-e à l'erg]]<br />
* [[recherche, expérimentation et projet personnel]]<br />
* [[Les cours théoriques communs à tous les Masters]] -> wiki only pour le moment<br />
* [[Captation vidéo]] à créer + page de Frédéric<br />
* [[Contact]] à créer + mettre dans menu<br />
* Voir le format des heures pour l'agenda <br />
<br />
<br />
<s>== RSS Mode d'emploi pour insérer un nouveau flux rss dans le site ==<br />
* inscrire le flux dans le tiny tiny RSS de l'erg (pour le moment: http://erg.activearchives.org/tt-rss) login:admin password:password<br />
** Tumblr: ex: http://afterhowl.tumblr.com/rss<br />
* créer la catégorie au nom du nouveau flux (... y ajouter une description si nécessaire et lier vers l'adresse du flux et le lien html du site. <br />
** ex: http://afterhowl.tumblr.com<br />
** ex: <nowiki>[http://afterhowl.tumblr.com/rss flux RSS]</nowiki><br />
* taguer cette catégorie comme ss-catégorie de la catégorie "flux" (<nowiki>[[catégorie:Flux]]</nowiki>)<br />
</s><br />
[[catégorie:wiki only]]<br />
* autorisations + protection d'invasion de bots<br />
<br />
==pour le 11 juin==<br />
<br />
* editing (Sammy + Alexia)<br />
** Nettoyage des contenus<br />
** page "About" du site (processus, colophon...) → http://erg.activearchives.org/m/wiki/Erg.be.html<br />
** fr/en → comment faire pour passer de l'un à l'autre? → ask Michael<br />
** Changer le nom de la page d'accueil (qui s'appelle pour le moment "Bienvenu à l'erg")<br />
<br />
* css (Stéphanie + Alexia + étudiants)<br />
** info box des sites satellites<br />
** tables, listes et galleries<br />
** rollover/pages actives, liens et ergonomie entre la carte et le wiki<br />
** map 1P01: mettre un fond transparent pour aider à cliquer sur les objets<br />
<br />
* code (Michael)<br />
** Interfaces bicéphales<br />
** message d'erreurs, search et autre réponse serveur<br />
** bouton "modifier" visible seulement si on est logué<br />
** améliorer le search (mettre le nom des catégories dans un attribut data-category) pour pouvoir chercher sans afficher le nom de la catégorie<br />
** reloading the page goes back to homepage on Chromium<br />
** Date in "last modified" mention is currently formatted in English<br />
<br />
* gestion des droits (Michael)<br />
** Inscription au wiki<br />
<br />
* communication<br />
** visuel/annonce<br />
** affiche "don't unplug" à côté du Raspberry<br />
<br />
* Plus tard:<br />
- valves → install media wiki spécifique<br />
- indexhibit</div>127.0.0.1https://wiki.erg.be/mw/index.php?title=Discussion:To_do&diff=6735Discussion:To do2018-05-25T20:48:33Z<p>127.0.0.1 : /* pour le 11 juin */</p>
<hr />
<div>==checker les pages de l'ancien accueil==<br />
Linking to a category is done like this: [[:Category: Masters|Les Masters c'est ici!]]<br />
<br />
* check contenu site spip - wiki<br />
<br />
* [[Projet pédagogique]]<br />
* [[Bachelors]]<br />
* [[Masters]]<br />
* <s>[[Les équipes]]</s> -> voir [[:catégorie:équipes]]: DONE<br />
* <s>[[Les lieux de production et d'expérimentation]]: DONE</s><br />
* [[Réseaux]] <br />
* [[Documents]]: Nettoyer et renommer<br />
* [[News]]: Faire la distinction entre un event et une news. Une news n'est pas toujours dans l'agenda. Faire une catégorie News qui comprend l'agenda? -> le devrait apparaitre plutôt qu'avoir une liste. Comme une requête Cargo en mode galerie. Donc ajouter une date automatique de publication dans l'agenda. Ai tenté de faire un query sur _pageData=_creationDate + insérer un champs 'Updated' dans la table Event... mais sans succès, même en vidant la cache... demander aide à Michael.<br />
* [[News]]:ne s'affiche que la première date de l'event dans le calendrier<br />
* [[News]]: mettre format date européen<br />
* [[News]]: rajouter l'onglet 'modifier avec le formulaire'<br />
* [[Portes ouvertes]]<br />
* [[Le séminaire de l'erg ]]<br />
* [[Archives de l'erg]]<br />
* <s>[[International]]DONE</s><br />
* [[Site web]]<br />
* [[outils techniques]]<br />
* <br />
* [[outils théoriques et critiques]]<br />
* <s>[[outils collectifs]]: DONE</s><br />
* [[index]]<br />
* [[devenir étudiant-e à l'erg]]<br />
* [[recherche, expérimentation et projet personnel]]<br />
* [[Les cours théoriques communs à tous les Masters]] -> wiki only pour le moment<br />
* [[Captation vidéo]] à créer + page de Frédéric<br />
* [[Contact]] à créer + mettre dans menu<br />
* Voir le format des heures pour l'agenda <br />
<br />
<br />
<s>== RSS Mode d'emploi pour insérer un nouveau flux rss dans le site ==<br />
* inscrire le flux dans le tiny tiny RSS de l'erg (pour le moment: http://erg.activearchives.org/tt-rss) login:admin password:password<br />
** Tumblr: ex: http://afterhowl.tumblr.com/rss<br />
* créer la catégorie au nom du nouveau flux (... y ajouter une description si nécessaire et lier vers l'adresse du flux et le lien html du site. <br />
** ex: http://afterhowl.tumblr.com<br />
** ex: <nowiki>[http://afterhowl.tumblr.com/rss flux RSS]</nowiki><br />
* taguer cette catégorie comme ss-catégorie de la catégorie "flux" (<nowiki>[[catégorie:Flux]]</nowiki>)<br />
</s><br />
[[catégorie:wiki only]]<br />
* autorisations + protection d'invasion de bots<br />
<br />
==pour le 11 juin==<br />
<br />
* editing (Sammy + Alexia)<br />
** Nettoyage des contenus<br />
** texte page d'accueil<br />
** page "About" du site (processus, colophon...)<br />
** fr/en → comment faire pour passer de l'un à l'autre? → ask Michael<br />
<br />
* css (Stéphanie + Alexia + étudiants)<br />
** info box des sites satellites<br />
** tables, listes et galleries<br />
** rollover/pages actives, liens et ergonomie entre la carte et le wiki<br />
** enlever le bouton "wiki" en bas du dump?<br />
** map 1P01: mettre un fond transparent pour aider à cliquer sur les objets<br />
<br />
* code (Michael)<br />
** Interfaces bicéphales<br />
** message d'erreurs, search et autre réponse serveur<br />
** bouton "modifier" visible seulement si on est logué<br />
** améliorer le search (mettre le nom des catégories dans un attribut data-category) pour pouvoir chercher sans afficher le nom de la catégorie<br />
** map: text wrap → plugin d3 <https://github.com/vijithassar/d3-textwrap> (this one seems to not work on all browsers) ou alors d3plus <https://bl.ocks.org/davelandry/a39f0c3fc52804ee859a> (this seems to work on all browsers)<br />
** reloading the page goes back to homepage on Chromium<br />
<br />
* gestion des droits (Michael)<br />
** Inscription au wiki<br />
** Valves: comment les éditer, comment y accéder (gestion des droits, qui a le droit de modifier, qui a le droit de lire) → on utilise des Namespaces (i.e. Valves:Horaires, Valves:Absences, etc.)<br />
<br />
* communication<br />
** visuel/annonce<br />
** affiche "don't unplug" à côté du Raspberry<br />
<br />
* Plus tard:<br />
- valves<br />
- indexhibit</div>127.0.0.1https://wiki.erg.be/mw/index.php?title=Discussion:To_do&diff=6734Discussion:To do2018-05-22T11:59:46Z<p>127.0.0.1 : /* pour le 11 juin */</p>
<hr />
<div>==checker les pages de l'ancien accueil==<br />
Linking to a category is done like this: [[:Category: Masters|Les Masters c'est ici!]]<br />
<br />
* check contenu site spip - wiki<br />
<br />
* [[Projet pédagogique]]<br />
* [[Bachelors]]<br />
* [[Masters]]<br />
* <s>[[Les équipes]]</s> -> voir [[:catégorie:équipes]]: DONE<br />
* <s>[[Les lieux de production et d'expérimentation]]: DONE</s><br />
* [[Réseaux]] <br />
* [[Documents]]: Nettoyer et renommer<br />
* [[News]]: Faire la distinction entre un event et une news. Une news n'est pas toujours dans l'agenda. Faire une catégorie News qui comprend l'agenda? -> le devrait apparaitre plutôt qu'avoir une liste. Comme une requête Cargo en mode galerie. Donc ajouter une date automatique de publication dans l'agenda. Ai tenté de faire un query sur _pageData=_creationDate + insérer un champs 'Updated' dans la table Event... mais sans succès, même en vidant la cache... demander aide à Michael.<br />
* [[News]]:ne s'affiche que la première date de l'event dans le calendrier<br />
* [[News]]: mettre format date européen<br />
* [[News]]: rajouter l'onglet 'modifier avec le formulaire'<br />
* [[Portes ouvertes]]<br />
* [[Le séminaire de l'erg ]]<br />
* [[Archives de l'erg]]<br />
* <s>[[International]]DONE</s><br />
* [[Site web]]<br />
* [[outils techniques]]<br />
* <br />
* [[outils théoriques et critiques]]<br />
* <s>[[outils collectifs]]: DONE</s><br />
* [[index]]<br />
* [[devenir étudiant-e à l'erg]]<br />
* [[recherche, expérimentation et projet personnel]]<br />
* [[Les cours théoriques communs à tous les Masters]] -> wiki only pour le moment<br />
* [[Captation vidéo]] à créer + page de Frédéric<br />
* [[Contact]] à créer + mettre dans menu<br />
* Voir le format des heures pour l'agenda <br />
<br />
<br />
<s>== RSS Mode d'emploi pour insérer un nouveau flux rss dans le site ==<br />
* inscrire le flux dans le tiny tiny RSS de l'erg (pour le moment: http://erg.activearchives.org/tt-rss) login:admin password:password<br />
** Tumblr: ex: http://afterhowl.tumblr.com/rss<br />
* créer la catégorie au nom du nouveau flux (... y ajouter une description si nécessaire et lier vers l'adresse du flux et le lien html du site. <br />
** ex: http://afterhowl.tumblr.com<br />
** ex: <nowiki>[http://afterhowl.tumblr.com/rss flux RSS]</nowiki><br />
* taguer cette catégorie comme ss-catégorie de la catégorie "flux" (<nowiki>[[catégorie:Flux]]</nowiki>)<br />
</s><br />
[[catégorie:wiki only]]<br />
* autorisations + protection d'invasion de bots<br />
<br />
==pour le 11 juin==<br />
<br />
* editing (Sammy + Alexia)<br />
** Nettoyage des contenus<br />
** texte page d'accueil<br />
** page "About" du site (processus, colophon...)<br />
** fr/en → comment faire pour passer de l'un à l'autre? → ask Michael<br />
<br />
* css (Stéphanie + Alexia + étudiants)<br />
** info box des sites satellites<br />
** tables, listes et galleries<br />
** rollover/pages actives, liens et ergonomie entre la carte et le wiki<br />
** enlever le bouton "wiki" en bas du dump?<br />
** map 1P01: mettre un fond transparent pour aider à cliquer sur les objets<br />
<br />
* code (Michael)<br />
** Interfaces bicéphales<br />
** message d'erreurs, search et autre réponse serveur<br />
** bouton "modifier" visible seulement si on est logué<br />
** améliorer le search (mettre le nom des catégories dans un attribut data-category) pour pouvoir chercher sans afficher le nom de la catégorie<br />
** map: text wrap → plugin d3 <https://github.com/vijithassar/d3-textwrap> (this one seems to not work on all browsers) ou alors d3plus <https://bl.ocks.org/davelandry/a39f0c3fc52804ee859a> (this seems to work on all browsers)<br />
** reloading the page goes back to homepage on Chromium<br />
<br />
* gestion des droits (Michael)<br />
** Inscription au wiki<br />
** Valves: comment les éditer, comment y accéder (gestion des droits, qui a le droit de modifier, qui a le droit de lire) → on utilise des Namespaces (i.e. Valves:Horaires, Valves:Absences, etc.)<br />
<br />
* communication<br />
** visuel/annonce<br />
** affiche "don't unplug" à côté du Raspberry</div>127.0.0.1https://wiki.erg.be/mw/index.php?title=Cat%C3%A9gorie:Masters_sp%C3%A9cialis%C3%A9s&diff=6721Catégorie:Masters spécialisés2018-05-15T13:36:43Z<p>127.0.0.1 : </p>
<hr />
<div>Le Master a finalité spécialisée comprend:<br />
<br />
*Un [[:Catégorie:ateliers pluridisciplinaires (MA)|atelier pluridisciplinaire]]<br />
*Un cours d'[[:Catégorie:Orientations|orientation]]<br />
*Un [[:Catégorie:Stages|stage interne]] et externe<br />
*Un mémoire<br />
*Des [[:Catégorie:Cours théoriques|cours théoriques]] communs et spécifiques</div>127.0.0.1https://wiki.erg.be/mw/index.php?title=Cat%C3%A9gorie:Ateliers_pluridisciplinaires&diff=6720Catégorie:Ateliers pluridisciplinaires2018-05-15T13:35:39Z<p>127.0.0.1 : </p>
<hr />
<div>L’enseignement de l’erg se différencie par l’approche interdisciplinaire ou transdisciplinaire, garantie par le croisement d’étudiant-es et de professeur-es provenant de différentes disciplines : vidéo, peinture, photographie, sculpture, dessin, installation-performance, arts numériques, typographie, graphisme, communication visuelle et graphique, illustration, bande dessinée, cinéma d’animation, dans des ateliers pluridisciplinaires qui les rassemblent par pôles en Bachelors : art, narration et média. Et au travers des 4 programmes proposés en Master : Pratique de l’art, outils critiques (Art et contextes simultanés), Récits et expérimentation (Narration spéculative), Politique et expérimentation graphique (Design éditorial, erg-edit, politique du multiple / Pratiques graphiques et complexité scientifique). Les étudiant-es ont aussi l’occasion de se confronter à d’autres pratiques dans les stages réalisés en interne, lors d’ateliers proposés par les enseignant-es avec des invité-es extérieurs et ouverts à plusieurs orientations ou lors de l’usage de différents lieux d’apprentissage (salle de montage vidéo, labo super 8, salle son, print-lab, etc.)<br />
<br />
L’ Atelier Pluridisciplinaire (AP) est obligatoire, la pédagogie y est axée sur la recherche et l’expérimentation dans le cadre du projet personnel de l’étudiant-e, à raison de 6h par semaine.</div>127.0.0.1https://wiki.erg.be/mw/index.php?title=Ateliers_pluridisciplinaires_(MA)&diff=6719Ateliers pluridisciplinaires (MA)2018-05-15T13:35:21Z<p>127.0.0.1 : </p>
<hr />
<div>[[Catégorie:Ateliers pluridisciplinaires]]</div>127.0.0.1https://wiki.erg.be/mw/index.php?title=Ateliers_pluridisciplinaires_(BA)&diff=6718Ateliers pluridisciplinaires (BA)2018-05-15T13:34:38Z<p>127.0.0.1 : </p>
<hr />
<div>[[Catégorie:Ateliers pluridisciplinaires]]</div>127.0.0.1https://wiki.erg.be/mw/index.php?title=Ateliers_pluridisciplinaires_:_Narration&diff=6717Ateliers pluridisciplinaires : Narration2018-05-15T13:33:32Z<p>127.0.0.1 : </p>
<hr />
<div>http://www.erg.be/erg/local/cache-vignettes/L400xH300/arton506-851f1.jpg?1462051827<br />
<br />
Ici, on suit une idée à la trace, on emprunte des pistes multiples, on façonne d’autres usages de temps pour construire un mouvement de la pensée, des histoires et de l’Histoire. On expérimente le temps et l’espace en terme de rupture, d’éclatement, d’extension qui permettront au récit de s’ouvrir et de grandir selon une logique qui lui appartient. La structure de récit et du développement d’une forme narrative ne seront pas forcément linéaires.<br />
<br />
<br />
<br />
== [[Narration - Atelier pluridisciplinaire (B1)]] ==<br />
<br />
== [[Narration - Atelier pluridisciplinaire (B2)]] ==<br />
<br />
== [[Narration - Atelier pluridisciplinaire (B3)]] ==<br />
<br />
[[catégorie:ateliers pluridisciplinaires (BA)]]</div>127.0.0.1https://wiki.erg.be/mw/index.php?title=Ateliers_pluridisciplinaires_(BA)&diff=6715Ateliers pluridisciplinaires (BA)2018-05-15T13:32:43Z<p>127.0.0.1 : Page vide créée</p>
<hr />
<div></div>127.0.0.1https://wiki.erg.be/mw/index.php?title=Ateliers_pluridisciplinaires_:_Art&diff=6713Ateliers pluridisciplinaires : Art2018-05-15T13:32:25Z<p>127.0.0.1 : </p>
<hr />
<div><br />
<br />
En art, l’Atelier pluridisciplinaire (AP) est le lieu de convergence de toutes les pratiques artistiques, individuelles ou collectives. Il constitue le centre nerveux du pôle art, autour duquel s’articulent les finalités. Organisé en laboratoire d’expérimentation et de production contemporaine, l’AP permet à chaque étudiant-e d’élargir le cadre de sa pratique, en intégrant son projet personnel dans une réflexion ouverte sur les enjeux de l’art d’aujourd’hui.<br />
<br />
[[Art - Atelier pluridisciplinaire (B1)]]<br />
<br />
[[Art - Atelier pluridisciplinaire (B2)]]<br />
<br />
[[Art - Atelier pluridisciplinaire (B3)]]<br />
<br />
<br />
[[catégorie:Ateliers pluridisciplinaires (BA)]]</div>127.0.0.1https://wiki.erg.be/mw/index.php?title=Ateliers_pluridisciplinaires_(MA)&diff=6710Ateliers pluridisciplinaires (MA)2018-05-15T13:30:28Z<p>127.0.0.1 : Page vide créée</p>
<hr />
<div></div>127.0.0.1https://wiki.erg.be/mw/index.php?title=Politique_et_exp%C3%A9rimentation_graphiques_-_Design_et_Politique_du_multiple_(MA)&diff=6709Politique et expérimentation graphiques - Design et Politique du multiple (MA)2018-05-15T13:29:51Z<p>127.0.0.1 : </p>
<hr />
<div>Enseignants : [[Renaud Huberlant]]<br />
<br />
Le programme de ce Master en médiation graphique a pour mission d’engager les étudiants-es dans un projet de recherche autour des questions de médiations éditoriales, à entendre dans un sens pluriel quant aux pratiques et transversal quant aux champs référentiels. L’intentionnalité éditoriale y prime sur<br />
celle de sa mise en forme.<br />
<br />
[[Catégorie:M1]]<br />
[[Catégorie:M2]]<br />
[[Catégorie:Ateliers pluridisciplinaires (MA)]]</div>127.0.0.1https://wiki.erg.be/mw/index.php?title=Cat%C3%A9gorie:Ateliers_pluridisciplinaires&diff=6706Catégorie:Ateliers pluridisciplinaires2018-05-15T13:28:15Z<p>127.0.0.1 : </p>
<hr />
<div>L’enseignement de l’erg se différencie par l’approche interdisciplinaire ou transdisciplinaire, garantie par le croisement d’étudiant-es et de professeur-es provenant de différentes disciplines : vidéo, peinture, photographie, sculpture, dessin, installation-performance, arts numériques, typographie, graphisme, communication visuelle et graphique, illustration, bande dessinée, cinéma d’animation, dans des ateliers pluridisciplinaires qui les rassemblent par pôles en Bachelors : art, narration et média. Et au travers des 4 programmes proposés en Master : Pratique de l’art, outils critiques (Art et contextes simultanés), Récits et expérimentation (Narration spéculative), Politique et expérimentation graphique (Design éditorial, erg-edit, politique du multiple / Pratiques graphiques et complexité scientifique). Les étudiant-es ont aussi l’occasion de se confronter à d’autres pratiques dans les stages réalisés en interne, lors d’ateliers proposés par les enseignant-es avec des invité-es extérieurs et ouverts à plusieurs orientations ou lors de l’usage de différents lieux d’apprentissage (salle de montage vidéo, labo super 8, salle son, print-lab, etc.)<br />
<br />
L’ Atelier Pluridisciplinaire (AP) est obligatoire, la pédagogie y est axée sur la recherche et l’expérimentation dans le cadre du projet personnel de l’étudiant-e, à raison de 6h par semaine.<br />
<br />
<br />
[[Catégorie:Ateliers pluridisciplinaires (BA)|Les ateliers pluridisciplinaires des bachelors]]<br />
<br />
<br />
[[Catégorie:Ateliers pluridisciplinaires (MA)|Les ateliers pluridisciplinaires des masters]]</div>127.0.0.1https://wiki.erg.be/mw/index.php?title=Cat%C3%A9gorie:Masters_sp%C3%A9cialis%C3%A9s&diff=6705Catégorie:Masters spécialisés2018-05-15T13:22:40Z<p>127.0.0.1 : </p>
<hr />
<div>Le Master a finalité spécialisée comprend:<br />
<br />
*Un [[:Catégorie:ateliers pluridisciplinaires|atelier pluridisciplinaire]]<br />
*Un cours d'[[:Catégorie:Orientations|orientation]]<br />
*Un [[:Catégorie:Stages|stage interne]] et externe<br />
*Un mémoire<br />
*Des [[:Catégorie:Cours théoriques|cours théoriques]] communs et spécifiques</div>127.0.0.1https://wiki.erg.be/mw/index.php?title=Cat%C3%A9gorie:Masters_sp%C3%A9cialis%C3%A9s&diff=6704Catégorie:Masters spécialisés2018-05-15T13:21:24Z<p>127.0.0.1 : </p>
<hr />
<div>Le Master a finalité Spécialisée comprend:<br />
<br />
*Un [[:Catégorie:ateliers pluridisciplinaires|atelier pluridisciplinaire]]<br />
*Un cours d'[[:Catégorie:Orientations|orientation]]<br />
*Un [[:Catégorie:Stages|stage interne]] et externe<br />
*Un mémoire<br />
*Des [[:Catégorie:Cours théoriques|cours théoriques]] communs et spécifiques</div>127.0.0.1https://wiki.erg.be/mw/index.php?title=Cat%C3%A9gorie:Masters_sp%C3%A9cialis%C3%A9s&diff=6703Catégorie:Masters spécialisés2018-05-15T13:16:08Z<p>127.0.0.1 : </p>
<hr />
<div>Le Master a finalité Spécialisée comprend:<br />
<br />
Un [[Catégorie:ateliers pluridisciplinaires|atelier pluridisciplinaire]]<br />
Un cours d'orientation<br />
Un stage interne et externe<br />
Un mémoire<br />
Des cours théoriques communs et spécifiques</div>127.0.0.1https://wiki.erg.be/mw/index.php?title=Cat%C3%A9gorie:Masters_sp%C3%A9cialis%C3%A9s&diff=6702Catégorie:Masters spécialisés2018-05-15T13:15:15Z<p>127.0.0.1 : Page créée avec « Le Master a finalité Spécialisée comprend: Un atelier pluridisciplinaire Un cours d'orientation Un stage interne et externe Un mémoire Des cours théoriques commu... »</p>
<hr />
<div>Le Master a finalité Spécialisée comprend:<br />
<br />
Un [[atelier pluridisciplinaire]]<br />
Un cours d'orientation<br />
Un stage interne et externe<br />
Un mémoire<br />
Des cours théoriques communs et spécifiques</div>127.0.0.1https://wiki.erg.be/mw/index.php?title=Discussion:Valves:Horaires&diff=6694Discussion:Valves:Horaires2018-05-15T12:07:58Z<p>127.0.0.1 : Page créée avec « ici les horaires »</p>
<hr />
<div>ici les horaires</div>127.0.0.1https://wiki.erg.be/mw/index.php?title=FDDDL_/_Typoth%C3%A8que&diff=4506FDDDL / Typothèque2018-03-08T09:15:10Z<p>127.0.0.1 : </p>
<hr />
<div>{{Site web<br />
|Site_url=http://copyright.rip/erg/typo/<br />
|Feed_url=http://copyright.rip/erg/typo/rss/<br />
|Last_updated=2017-11-30 22:14:37<br />
}}<br />
La typothèque du fond de documentation et de lecture de l'erg est basée sur ofont, réalisé par [[Raphaël Bastide]]<br />
En dehors des typographies qu'il présente, le site à été composé avec le caractère "Whois Mono", déssiné aussi par Raphaël Bastide, décidement.<br />
<br />
[[Category: Site web]]<br />
<br />
{{Site web/Modifications récentes}}</div>127.0.0.1https://wiki.erg.be/mw/index.php?title=Page_web:Le_nerf_de_la_lettre_(gitlab)&diff=4380Page web:Le nerf de la lettre (gitlab)2018-02-28T10:05:36Z<p>127.0.0.1 : Page créée avec « {{Site web |Site_url=https://erg-type.gitlab.io/le-nerf-de-la-lettre/ }} Page et répertoire de recherche de l'option typographie de l'erg. »</p>
<hr />
<div>{{Site web<br />
|Site_url=https://erg-type.gitlab.io/le-nerf-de-la-lettre/<br />
}}<br />
Page et répertoire de recherche de l'option typographie de l'erg.</div>127.0.0.1https://wiki.erg.be/mw/index.php?title=Le_nerf_de_la_lettre&diff=4379Le nerf de la lettre2018-02-28T10:04:02Z<p>127.0.0.1 : Page créée avec « {{Site web |Site_url=https://erg-type.gitlab.io/le-nerf-de-la-lettre }} Page et répertoire de travail de l'option typographie de l'erg. »</p>
<hr />
<div>{{Site web<br />
|Site_url=https://erg-type.gitlab.io/le-nerf-de-la-lettre<br />
}}<br />
Page et répertoire de travail de l'option typographie de l'erg.</div>127.0.0.1https://wiki.erg.be/mw/index.php?title=Etherbox&diff=4268Etherbox2018-01-30T13:42:12Z<p>127.0.0.1 : /* Assign Static Ip Adress to the pi */</p>
<hr />
<div>(Based on a setup used for working sessions at [http://constantvzw.org constant]. MM)<br />
<br />
= Initial image + setup =<br />
<br />
Downloaded from https://www.raspberrypi.org/downloads/raspbian/<br />
<br />
Based on the "lite" image (zip or torrent). As of 20 Jan 2018, this is Raspian "Stretch" lite.<br />
<br />
The **lite** image has no desktop / windows session.<br />
<br />
Based on [https://downloads.raspberrypi.org/raspbian_lite_latest.torrent 2017-04-10-raspian-jessie-lite.zip]<br />
<br />
<pre>unzip -p 2017-04-10-raspbian-jessie-lite.zip | pv | sudo dd of=/dev/sdc bs=4M</pre><br />
<br />
You could use [https://etcher.io/ Etcher.io] as well<br />
<br />
SSH is no longer on by default! So need to connect with a screen first time and turn this on.<br />
<br />
<pre>sudo raspi-config</pre><br />
Enable ssh under connectivity.<br />
<br />
<br />
You can also enabled SSH by default after creating the boot SD Card, you just need to create a empty file named SSH and save it the root of your SD Card.<br />
<br />
Bring the rest of the software up to date.<br />
<br />
<pre>sudo apt-get update<br />
sudo apt-get upgrade</pre><br />
<br />
== How to find the IP address of the pi ==<br />
<br />
Simplest way is to connect on a wired network (plug the pi and your laptop into a router with ethernet cables), then type:<br />
<br />
ping raspberrypi.local<br />
<br />
And you should be able to see the IP address.<br />
<br />
Then you can conenct with ssh with:<br />
<br />
ssh pi@raspberrypi.local<br />
<br />
or with the IP address in place of "raspberrypi.local" if you are on the wifi.<br />
<br />
with the default password "raspberry"<br />
<br />
<br />
== Assign Static Ip Adress to the Pi ==<br />
<br />
For that, you need to modify a file named 'dhcpcd.conf'. But first, you need to backup this file :<br />
<br />
<pre>cd /etc/<br />
sudo cp dhcpcd.conf ddhcpcd.conf.original</pre><br />
<br />
Then modify the 'dhcpcd.conf' :<br />
<br />
<pre> sudo nano dhcpcd.conf</pre><br />
<br />
Then find this and replace (with your value) :<br />
<br />
<pre># Example static IP configuration:<br />
interface eth0<br />
static ip_address=192.168.1.5/24<br />
#static ip6_address=fd51:42f8:caae:d92e::ff/64<br />
static routers=192.168.1.1<br />
static domain_name_servers=192.168.1.1</pre><br />
<br />
Where 192.168.1.5/24 is the new Ip address of your Pi.<br />
<br />
At last, reboot your Pi :<br />
<br />
<pre>sudo reboot</pre><br />
<br />
== Make it easier to login, with an ssh key ==<br />
<br />
Starting from your laptop (open a new Terminal session if you are connected to the pi):<br />
<br />
ssh-keygen<br />
<br />
Choose the defaults. This generates an "ssh key" pair.<br />
<br />
Use the ssh-copy-id utility to send it to the pi.<br />
<br />
ssh-copy-id pi@raspberrypi.local<br />
<br />
= Setup apache to serve the root with custom header + readme's =<br />
<br />
<pre>sudo apt-get install apache2<br />
cd /etc/apache2/sites-available<br />
sudo nano 000-default.conf</pre><br />
<pre> ServerAdmin webmaster@localhost<br />
# DocumentRoot /var/www/html<br />
DocumentRoot /home/pi<br />
<Directory /home/pi><br />
Options Indexes FollowSymLinks<br />
AllowOverride none<br />
Require all granted<br />
</Directory><br />
<br />
HeaderName /include/HEADER.shtml<br />
ReadmeName README.html</pre><br />
<br />
NB: Sets the [https://httpd.apache.org/docs/current/mod/mod_autoindex.html#headername HeaderName] and [https://httpd.apache.org/docs/current/mod/mod_autoindex.html#readmename ReadmeName] directives (part of mod_autoindex).<br />
<br />
<pre>sudo service apache2 reload</pre><br />
=== droptoupload.cgi ===<br />
<br />
<pre>sudo a2enmod cgi<br />
sudo service apache2 restart</pre><br />
Placed 'droptoupload.cgi' in /usr/lib/cgi-bin and tried running it with:<br />
<br />
<pre>./droptoupload.cgi</pre><br />
Like this is just outputs an HTML form. Looking at http://etherbox.local/cgi-bin/droptoupload.cgi should also display an upload form.<br />
<br />
The HEADER.shtml includes a link to this cgi.<br />
<br />
sudo chmod +x droptoupload.cgi<br />
<br />
= HEADER.shtml =<br />
Sample Header that adds javascript to:<br />
* Move the README.html to the TOP of the page<br />
* Includes the "droptoupload.cgi" https://gitlab.constantvzw.org/aa/etherbox/raw/master/usr/lib/cgi-bin/droptoupload.cgi<br />
<br />
<pre class="html">&lt;script src=&quot;/cgi-bin/droptoupload.cgi&quot;&gt;&lt;/script&gt;<br />
&lt;style&gt;<br />
body {<br />
background: #38b8e9;<br />
color: black;<br />
}<br />
a {<br />
color: white;<br />
}<br />
#logo {<br />
white-space: pre;<br />
font-family: monospace;<br />
}<br />
&lt;/style&gt;<br />
&lt;div class=&quot;links&quot; style=&quot;margin-bottom: 1em&quot;&gt;LOCAL:<br />
&lt;a href=&quot;/&quot;&gt;&amp;nbsp;/&amp;nbsp;&lt;/a&gt;<br />
&lt;a href=&quot;/home/pi/&quot;&gt;home&lt;/a&gt;<br />
&lt;a href=&quot;/home/pi/etherdump/&quot;&gt;etherdump&lt;/a&gt;<br />
PUBLIC:<br />
&lt;a href=&quot;http://constantvzw.org/site/-The-Technogalactic-Software-Observatory-.html&quot;&gt;constant&lt;/a&gt;<br />
&lt;a href=&quot;https://gitlab.constantvzw.org/observatory&quot;&gt;gitlab&lt;/a&gt;<br />
&lt;/div&gt;<br />
&lt;style&gt;<br />
.links {<br />
font-family: monospace;<br />
text-transform: uppercase;<br />
&lt;/style&gt;<br />
&lt;script&gt;<br />
document.addEventListener(&quot;DOMContentLoaded&quot;, function () {<br />
var p = document.querySelectorAll(&quot;.top&quot;),<br />
t = document.getElementsByTagName(&quot;table&quot;)[0];<br />
for (var i=0, l=p.length; i&lt;l; i++) {<br />
document.body.insertBefore(p[i], t);<br />
}<br />
});<br />
&lt;/script&gt;</pre><br />
<br />
= Better permissions with facl =<br />
<br />
[http://www.linuxcommand.org/man_pages/setfacl1.html setfacl]<br />
<br />
<pre>sudo addgroup pi www-data<br />
<br />
sudo setfacl -Rm g:www-data:rwX /home/pi<br />
sudo setfacl -d -Rm g:www-data:rwX /home/pi</pre><br />
Unfortunately, I had problems then with permissions on the .ssh folder (preventing keys to be used). To remove the fact on just this folder:<br />
<br />
<pre>sudo chmod g-w /home/pi</pre><br />
= Install etherpad =<br />
<br />
And the version of &quot;nodejs&quot; is now 0.10.29~dfsg-2. So let's try it with etherpad...<br />
<br />
<pre>sudo apt-get install npm git<br />
<br />
sudo ln -s /usr/bin/nodejs /usr/bin/node<br />
<br />
cd /opt<br />
sudo git clone https://github.com/ether/etherpad-lite.git<br />
sudo mv etherpad-lite etherpad<br />
<br />
# TODO: don't create home folder! ... find option<br />
sudo adduser --system --home=/opt/etherpad --group etherpad<br />
sudo chown -R etherpad:etherpad etherpad</pre><br />
<br />
Les fichiers se trouvent dans opt/etherpad/var sous forme d'un seul fichier "dirtyDB" - > You should use a dedicated database such as "mysql", if you are planning on using etherpad-in a production environment.<br />
<pre>sudo apt-get install mysql-server</pre><br />
<br />
Create your setting file.<br />
<pre>sudo cp settings.json.template settings.json</pre><br />
then, desactivate the dirty.db file and configure the mysql database<br />
<pre>sudo nano settings.json</pre><br />
<br />
Find and change this part :<br />
<br />
<pre> //The Type of the database. You can choose between dirty, postgres, sqlite and mysql<br />
//You shouldn't use "dirty" for for anything else than testing or development<br />
/* "dbType" : "dirty",<br />
//the database specific settings<br />
"dbSettings" : {<br />
"filename" : "var/dirty.db"<br />
},<br />
*/<br />
//An Example of MySQL Configuration<br />
"dbType" : "mysql",<br />
"dbSettings" : {<br />
"user" : "etherpaduser",<br />
"host" : "localhost",<br />
"password": "etherpadpass",<br />
"database": "etherpad",<br />
"charset" : "utf8mb4"<br />
},<br />
<br />
</pre><br />
<br />
== Set up Mysql ==<br />
<br />
First thing to do is to install MySQL :<br />
<br />
<pre>sudo apt-get install mysql-server</pre><br />
<br />
Then create the database, for this we need to login with the Root user (super-user) :<br />
<br />
<pre>sudo su</pre><br />
<br />
Run mysql :<br />
<br />
<pre>mysql</pre><br />
<br />
Then create the database and the user 'etherpaduser' with the password 'etherpadpass' :<br />
<br />
<pre>create database etherpad;<br />
grant all on etherpad.* to 'etherpaduser'@'localhost' identified by 'etherpadpass';</pre><br />
<br />
Just to test if it works :<br />
<br />
<pre>mysql -u etherpaduser -p etherpad</pre><br />
<br />
<br />
<br />
==Run etherpad for the first time as the etherpad user...==<br />
<br />
<pre>cd /opt/etherpad<br />
sudo --user etherpad bin/run.sh</pre><br />
Following the first recipe on this page about [https://github.com/ether/etherpad-lite/wiki/How-to-deploy-Etherpad-Lite-as-a-service deploying etherpad as a systemd service]<br />
<br />
== Setup etherpad to start as a service ==<br />
<br />
<pre>sudo nano /etc/systemd/system/etherpad.service</pre><br />
<pre>[Unit]<br />
Description=Etherpad-lite, the collaborative editor.<br />
After=syslog.target network.target<br />
<br />
[Service]<br />
Type=simple<br />
User=etherpad<br />
Group=etherpad<br />
WorkingDirectory=/opt/etherpad<br />
ExecStart=/usr/bin/nodejs /opt/etherpad/node_modules/ep_etherpad-lite/node/server.js<br />
Restart=always<br />
<br />
[Install]<br />
WantedBy=multi-user.target</pre><br />
<br />
After this, to start once...<br />
<br />
<pre>sudo systemctl start etherpad</pre><br />
<br />
And to automatically start on boot:<br />
<br />
<pre>sudo systemctl enable etherpad</pre><br />
<br />
= etherdump =<br />
Etherdump is a script that dumps all pads to different format text files. It's run periodically by a cron job to create a running archive of the etherpads.<br />
<br />
Install deps:<br />
<br />
<pre>sudo apt install python3-pip<br />
sudo pip3 install python-dateutil jinja2 html5lib</pre><br />
<br />
Install from repo:<br />
<br />
<pre>git clone http://murtaugh@gitlab.constantvzw.org/aa/etherdump.git<br />
cd etherdump<br />
sudo python3 setup.py install</pre><br />
<br />
== Setup the folder ==<br />
<br />
<pre>cd /home/pi<br />
mkdir etherdump<br />
cd etherdump<br />
etherdump init</pre><br />
Type in:<br />
<br />
<pre>http://etherbox.local:9001/</pre><br />
And paste the API key. (Look at: /opt/etherpad/APIKEY.txt)<br />
<br />
=== styles.css + versions.js ===<br />
<br />
scp styles.css versions.js pi@etherbox.local:etherdump/lib<br />
<br />
The URLs of these files are options to the etherdump pull command and should match.<br />
<br />
=== etherdump.sh + cron ===<br />
<br />
Make the script that runs automatically.<br />
<br />
<pre>nano etherdump.sh</pre><br />
<pre>#!/bin/bash<br />
# PATH=/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/local/games:/usr/games<br />
cd /home/pi/etherdump<br />
etherdump pull --all --pub /home/pi/etherdump --css lib/styles.css --script lib/versions.js<br />
etherdump index *.meta.json &gt; index.html</pre><br />
And set it to run every 5 minutes<br />
<br />
<pre>crontab -e</pre><br />
<pre>PATH=/home/pi/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin<br />
# m h dom mon dow command<br />
*/5 * * * * /home/pi/etherdump.sh &gt; /home/pi/cron.log.txt 2&gt;&amp;1</pre><br />
The PATH is important. It can also be in the etherdump.sh but basically should match what you see when you &quot;echo $PATH&quot; (for the script to run in the same way as for the pi user).<br />
<br />
= Other software =<br />
<br />
<pre>sudo apt-get install emacs-nox screen pdftk pandoc texlive-latex-recommended texlive-fonts-recommended<br />
sudo pip install csvkit</pre><br />
To install<br />
<br />
* screen<br />
* pandoc + latex<br />
* pdftk<br />
* csvkit<br />
<br />
What about<br />
<br />
* texlive-xetex texlive-luatex pandoc-citeproc etoolbox<br />
<br />
The current version of pandoc in this raspbian is 1.12.4.2~dfsg-1+b3 We will use latex for PDF generation (via pandoc)<br />
<br />
(which is way better than 1.9 of the previous raspian, and even beats the instructions for compiling 1.11.1)<br />
<br />
MORE<br />
<br />
<pre>sudo apt-get install pandoc texlive-latex-recommended texlive-fonts-recommended </pre><br />
Was able to:<br />
<br />
<pre>pandoc --from markdown hello.markdown -o hello.pdf</pre><br />
= Access point =<br />
<br />
Taken from [https://pzwiki.wdka.nl/mediadesign/The_Ultimate_RPi_Installation_Guide#Access_Point_with_Captive_Portal this &quot;ultimate&quot; guide]<br />
<br />
<pre>apt-get install dnsmasq wireless-tools hostapd<br />
<br />
# the next wasn't necessary for jessie, but for completeness..<br />
RPI3 broadcom chip <br />
apt-get install firmware-brcm80211<br />
rmmod brcmfmac<br />
modprobe brcmfmac</pre><br />
Give fixed IP to wlan0 interface, edit /etc/network/interfaces switch off the built in stuff and add (section 2):<br />
<br />
<pre>auto eth0<br />
allow-hotplug eth0<br />
iface etho inet dhcp<br />
<br />
#################################<br />
# 1. ORIGINAL settings... use wpa_supplicant for client mode<br />
#allow-hotplug wlan0<br />
#iface wlan0 inet manual<br />
# wpa-conf /etc/wpa_supplicant/wpa_supplicant.conf<br />
#<br />
#################################<br />
# 2. Fixed IP address (for hotspot / hostapd)<br />
auto wlan0<br />
iface wlan0 inet static<br />
address 10.9.8.7<br />
netmask 255.255.255.0<br />
#################################</pre><br />
Replace /etc/dnsmasq.conf with:<br />
<br />
<pre>interface=wlan0<br />
dhcp-range=10.9.8.10,50.9.8.254,12h<br />
address=/#/10.9.8.7<br />
no-resolv</pre><br />
Edit /etc/hostapd/hostapd.conf file (adjust depending on driver/hardware)<br />
<br />
<pre>interface=wlan0<br />
driver=nl80211<br />
ssid=WiFeels<br />
hw_mode=g<br />
channel=6</pre><br />
Edit /etc/default/hostapd and add<br />
<br />
<pre>DAEMON_CONF=&quot;/etc/hostapd/hostapd.conf&quot;</pre><br />
Make hostapd start at boot<br />
<br />
<pre>update-rc.d hostapd defaults</pre><br />
Reboot.<br />
<br />
= Extra =<br />
<br />
Changed dnsmasq.conf<br />
<br />
<pre>interface=wlan0<br />
dhcp-range=10.9.10.50,10.9.10.254,12h<br />
#address=/#/10.9.10.7 # no-resolv</pre><br />
AND added to /etc/hosts<br />
<br />
<pre>10.9.10.7 etherbox.local</pre><br />
and this seems to then work over the direct hotspot connection.</div>127.0.0.1https://wiki.erg.be/mw/index.php?title=Etherbox&diff=4265Etherbox2018-01-30T13:41:12Z<p>127.0.0.1 : /* Assign Static Ip Adress to the pi */</p>
<hr />
<div>(Based on a setup used for working sessions at [http://constantvzw.org constant]. MM)<br />
<br />
= Initial image + setup =<br />
<br />
Downloaded from https://www.raspberrypi.org/downloads/raspbian/<br />
<br />
Based on the "lite" image (zip or torrent). As of 20 Jan 2018, this is Raspian "Stretch" lite.<br />
<br />
The **lite** image has no desktop / windows session.<br />
<br />
Based on [https://downloads.raspberrypi.org/raspbian_lite_latest.torrent 2017-04-10-raspian-jessie-lite.zip]<br />
<br />
<pre>unzip -p 2017-04-10-raspbian-jessie-lite.zip | pv | sudo dd of=/dev/sdc bs=4M</pre><br />
<br />
You could use [https://etcher.io/ Etcher.io] as well<br />
<br />
SSH is no longer on by default! So need to connect with a screen first time and turn this on.<br />
<br />
<pre>sudo raspi-config</pre><br />
Enable ssh under connectivity.<br />
<br />
<br />
You can also enabled SSH by default after creating the boot SD Card, you just need to create a empty file named SSH and save it the root of your SD Card.<br />
<br />
Bring the rest of the software up to date.<br />
<br />
<pre>sudo apt-get update<br />
sudo apt-get upgrade</pre><br />
<br />
== How to find the IP address of the pi ==<br />
<br />
Simplest way is to connect on a wired network (plug the pi and your laptop into a router with ethernet cables), then type:<br />
<br />
ping raspberrypi.local<br />
<br />
And you should be able to see the IP address.<br />
<br />
Then you can conenct with ssh with:<br />
<br />
ssh pi@raspberrypi.local<br />
<br />
or with the IP address in place of "raspberrypi.local" if you are on the wifi.<br />
<br />
with the default password "raspberry"<br />
<br />
<br />
== Assign Static Ip Adress to the pi ==<br />
<br />
For that, you need to modify a file named 'dhcpcd.conf'. But first, you need to backup this file :<br />
<br />
<pre>cd /etc/<br />
sudo cp dhcpcd.conf ddhcpcd.conf.original</pre><br />
<br />
Then modify the 'dhcpcd.conf' :<br />
<br />
<pre> sudo nano dhcpcd.conf</pre><br />
<br />
Then find this and replace (with your value) :<br />
<br />
<pre># Example static IP configuration:<br />
interface eth0<br />
static ip_address=192.168.1.5/24<br />
#static ip6_address=fd51:42f8:caae:d92e::ff/64<br />
static routers=192.168.1.1<br />
static domain_name_servers=192.168.1.1</pre><br />
<br />
Where 192.168.1.5/24 is the new Ip address of your Pi.<br />
<br />
At last, reboot your Pi :<br />
<br />
<pre>sudo reboot</pre><br />
<br />
== Make it easier to login, with an ssh key ==<br />
<br />
Starting from your laptop (open a new Terminal session if you are connected to the pi):<br />
<br />
ssh-keygen<br />
<br />
Choose the defaults. This generates an "ssh key" pair.<br />
<br />
Use the ssh-copy-id utility to send it to the pi.<br />
<br />
ssh-copy-id pi@raspberrypi.local<br />
<br />
= Setup apache to serve the root with custom header + readme's =<br />
<br />
<pre>sudo apt-get install apache2<br />
cd /etc/apache2/sites-available<br />
sudo nano 000-default.conf</pre><br />
<pre> ServerAdmin webmaster@localhost<br />
# DocumentRoot /var/www/html<br />
DocumentRoot /home/pi<br />
<Directory /home/pi><br />
Options Indexes FollowSymLinks<br />
AllowOverride none<br />
Require all granted<br />
</Directory><br />
<br />
HeaderName /include/HEADER.shtml<br />
ReadmeName README.html</pre><br />
<br />
NB: Sets the [https://httpd.apache.org/docs/current/mod/mod_autoindex.html#headername HeaderName] and [https://httpd.apache.org/docs/current/mod/mod_autoindex.html#readmename ReadmeName] directives (part of mod_autoindex).<br />
<br />
<pre>sudo service apache2 reload</pre><br />
=== droptoupload.cgi ===<br />
<br />
<pre>sudo a2enmod cgi<br />
sudo service apache2 restart</pre><br />
Placed 'droptoupload.cgi' in /usr/lib/cgi-bin and tried running it with:<br />
<br />
<pre>./droptoupload.cgi</pre><br />
Like this is just outputs an HTML form. Looking at http://etherbox.local/cgi-bin/droptoupload.cgi should also display an upload form.<br />
<br />
The HEADER.shtml includes a link to this cgi.<br />
<br />
sudo chmod +x droptoupload.cgi<br />
<br />
= HEADER.shtml =<br />
Sample Header that adds javascript to:<br />
* Move the README.html to the TOP of the page<br />
* Includes the "droptoupload.cgi" https://gitlab.constantvzw.org/aa/etherbox/raw/master/usr/lib/cgi-bin/droptoupload.cgi<br />
<br />
<pre class="html">&lt;script src=&quot;/cgi-bin/droptoupload.cgi&quot;&gt;&lt;/script&gt;<br />
&lt;style&gt;<br />
body {<br />
background: #38b8e9;<br />
color: black;<br />
}<br />
a {<br />
color: white;<br />
}<br />
#logo {<br />
white-space: pre;<br />
font-family: monospace;<br />
}<br />
&lt;/style&gt;<br />
&lt;div class=&quot;links&quot; style=&quot;margin-bottom: 1em&quot;&gt;LOCAL:<br />
&lt;a href=&quot;/&quot;&gt;&amp;nbsp;/&amp;nbsp;&lt;/a&gt;<br />
&lt;a href=&quot;/home/pi/&quot;&gt;home&lt;/a&gt;<br />
&lt;a href=&quot;/home/pi/etherdump/&quot;&gt;etherdump&lt;/a&gt;<br />
PUBLIC:<br />
&lt;a href=&quot;http://constantvzw.org/site/-The-Technogalactic-Software-Observatory-.html&quot;&gt;constant&lt;/a&gt;<br />
&lt;a href=&quot;https://gitlab.constantvzw.org/observatory&quot;&gt;gitlab&lt;/a&gt;<br />
&lt;/div&gt;<br />
&lt;style&gt;<br />
.links {<br />
font-family: monospace;<br />
text-transform: uppercase;<br />
&lt;/style&gt;<br />
&lt;script&gt;<br />
document.addEventListener(&quot;DOMContentLoaded&quot;, function () {<br />
var p = document.querySelectorAll(&quot;.top&quot;),<br />
t = document.getElementsByTagName(&quot;table&quot;)[0];<br />
for (var i=0, l=p.length; i&lt;l; i++) {<br />
document.body.insertBefore(p[i], t);<br />
}<br />
});<br />
&lt;/script&gt;</pre><br />
<br />
= Better permissions with facl =<br />
<br />
[http://www.linuxcommand.org/man_pages/setfacl1.html setfacl]<br />
<br />
<pre>sudo addgroup pi www-data<br />
<br />
sudo setfacl -Rm g:www-data:rwX /home/pi<br />
sudo setfacl -d -Rm g:www-data:rwX /home/pi</pre><br />
Unfortunately, I had problems then with permissions on the .ssh folder (preventing keys to be used). To remove the fact on just this folder:<br />
<br />
<pre>sudo chmod g-w /home/pi</pre><br />
= Install etherpad =<br />
<br />
And the version of &quot;nodejs&quot; is now 0.10.29~dfsg-2. So let's try it with etherpad...<br />
<br />
<pre>sudo apt-get install npm git<br />
<br />
sudo ln -s /usr/bin/nodejs /usr/bin/node<br />
<br />
cd /opt<br />
sudo git clone https://github.com/ether/etherpad-lite.git<br />
sudo mv etherpad-lite etherpad<br />
<br />
# TODO: don't create home folder! ... find option<br />
sudo adduser --system --home=/opt/etherpad --group etherpad<br />
sudo chown -R etherpad:etherpad etherpad</pre><br />
<br />
Les fichiers se trouvent dans opt/etherpad/var sous forme d'un seul fichier "dirtyDB" - > You should use a dedicated database such as "mysql", if you are planning on using etherpad-in a production environment.<br />
<pre>sudo apt-get install mysql-server</pre><br />
<br />
Create your setting file.<br />
<pre>sudo cp settings.json.template settings.json</pre><br />
then, desactivate the dirty.db file and configure the mysql database<br />
<pre>sudo nano settings.json</pre><br />
<br />
Find and change this part :<br />
<br />
<pre> //The Type of the database. You can choose between dirty, postgres, sqlite and mysql<br />
//You shouldn't use "dirty" for for anything else than testing or development<br />
/* "dbType" : "dirty",<br />
//the database specific settings<br />
"dbSettings" : {<br />
"filename" : "var/dirty.db"<br />
},<br />
*/<br />
//An Example of MySQL Configuration<br />
"dbType" : "mysql",<br />
"dbSettings" : {<br />
"user" : "etherpaduser",<br />
"host" : "localhost",<br />
"password": "etherpadpass",<br />
"database": "etherpad",<br />
"charset" : "utf8mb4"<br />
},<br />
<br />
</pre><br />
<br />
== Set up Mysql ==<br />
<br />
First thing to do is to install MySQL :<br />
<br />
<pre>sudo apt-get install mysql-server</pre><br />
<br />
Then create the database, for this we need to login with the Root user (super-user) :<br />
<br />
<pre>sudo su</pre><br />
<br />
Run mysql :<br />
<br />
<pre>mysql</pre><br />
<br />
Then create the database and the user 'etherpaduser' with the password 'etherpadpass' :<br />
<br />
<pre>create database etherpad;<br />
grant all on etherpad.* to 'etherpaduser'@'localhost' identified by 'etherpadpass';</pre><br />
<br />
Just to test if it works :<br />
<br />
<pre>mysql -u etherpaduser -p etherpad</pre><br />
<br />
<br />
<br />
==Run etherpad for the first time as the etherpad user...==<br />
<br />
<pre>cd /opt/etherpad<br />
sudo --user etherpad bin/run.sh</pre><br />
Following the first recipe on this page about [https://github.com/ether/etherpad-lite/wiki/How-to-deploy-Etherpad-Lite-as-a-service deploying etherpad as a systemd service]<br />
<br />
== Setup etherpad to start as a service ==<br />
<br />
<pre>sudo nano /etc/systemd/system/etherpad.service</pre><br />
<pre>[Unit]<br />
Description=Etherpad-lite, the collaborative editor.<br />
After=syslog.target network.target<br />
<br />
[Service]<br />
Type=simple<br />
User=etherpad<br />
Group=etherpad<br />
WorkingDirectory=/opt/etherpad<br />
ExecStart=/usr/bin/nodejs /opt/etherpad/node_modules/ep_etherpad-lite/node/server.js<br />
Restart=always<br />
<br />
[Install]<br />
WantedBy=multi-user.target</pre><br />
<br />
After this, to start once...<br />
<br />
<pre>sudo systemctl start etherpad</pre><br />
<br />
And to automatically start on boot:<br />
<br />
<pre>sudo systemctl enable etherpad</pre><br />
<br />
= etherdump =<br />
<br />
System wide installation of etherdump<br />
<br />
Install deps:<br />
<br />
<pre>sudo apt install python3-pip<br />
sudo pip3 install python-dateutil jinja2 html5lib</pre><br />
<br />
Install from repo:<br />
<br />
<pre>git clone http://murtaugh@gitlab.constantvzw.org/aa/etherdump.git<br />
cd etherdump<br />
sudo python3 setup.py install</pre><br />
<br />
== Setup the folder ==<br />
<br />
<pre>cd /home/pi<br />
mkdir etherdump<br />
cd etherdump<br />
etherdump init</pre><br />
Type in:<br />
<br />
<pre>http://etherbox.local:9001/</pre><br />
And paste the API key. (Look at: http://etherbox.local/opt/etherpad/APIKEY.txt)<br />
<br />
=== styles.css + versions.js ===<br />
<br />
scp styles.css versions.js pi@etherbox.local:etherdump/lib<br />
<br />
The URLs of these files are options to the etherdump pull command and should match.<br />
<br />
=== etherdump.sh + cron ===<br />
<br />
Make the script that runs automatically.<br />
<br />
<pre>nano etherdump.sh</pre><br />
<pre>#!/bin/bash<br />
# PATH=/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/local/games:/usr/games<br />
cd /home/pi/etherdump<br />
etherdump pull --all --pub /home/pi/etherdump --css lib/styles.css --script lib/versions.js<br />
etherdump index *.meta.json &gt; index.html</pre><br />
And set it to run every 5 minutes<br />
<br />
<pre>crontab -e</pre><br />
<pre>PATH=/home/pi/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin<br />
# m h dom mon dow command<br />
*/5 * * * * /home/pi/etherdump.sh &gt; /home/pi/cron.log.txt 2&gt;&amp;1</pre><br />
The PATH is important. It can also be in the etherdump.sh but basically should match what you see when you &quot;echo $PATH&quot; (for the script to run in the same way as for the pi user).<br />
<br />
= Other software =<br />
<br />
<pre>sudo apt-get install emacs-nox screen pdftk pandoc texlive-latex-recommended texlive-fonts-recommended<br />
sudo pip install csvkit</pre><br />
To install<br />
<br />
* screen<br />
* pandoc + latex<br />
* pdftk<br />
* csvkit<br />
<br />
What about<br />
<br />
* texlive-xetex texlive-luatex pandoc-citeproc etoolbox<br />
<br />
The current version of pandoc in this raspbian is 1.12.4.2~dfsg-1+b3 We will use latex for PDF generation (via pandoc)<br />
<br />
(which is way better than 1.9 of the previous raspian, and even beats the instructions for compiling 1.11.1)<br />
<br />
MORE<br />
<br />
<pre>sudo apt-get install pandoc texlive-latex-recommended texlive-fonts-recommended </pre><br />
Was able to:<br />
<br />
<pre>pandoc --from markdown hello.markdown -o hello.pdf</pre><br />
= Access point =<br />
<br />
Taken from [https://pzwiki.wdka.nl/mediadesign/The_Ultimate_RPi_Installation_Guide#Access_Point_with_Captive_Portal this &quot;ultimate&quot; guide]<br />
<br />
<pre>apt-get install dnsmasq wireless-tools hostapd<br />
<br />
# the next wasn't necessary for jessie, but for completeness..<br />
RPI3 broadcom chip <br />
apt-get install firmware-brcm80211<br />
rmmod brcmfmac<br />
modprobe brcmfmac</pre><br />
Give fixed IP to wlan0 interface, edit /etc/network/interfaces switch off the built in stuff and add (section 2):<br />
<br />
<pre>auto eth0<br />
allow-hotplug eth0<br />
iface etho inet dhcp<br />
<br />
#################################<br />
# 1. ORIGINAL settings... use wpa_supplicant for client mode<br />
#allow-hotplug wlan0<br />
#iface wlan0 inet manual<br />
# wpa-conf /etc/wpa_supplicant/wpa_supplicant.conf<br />
#<br />
#################################<br />
# 2. Fixed IP address (for hotspot / hostapd)<br />
auto wlan0<br />
iface wlan0 inet static<br />
address 10.9.8.7<br />
netmask 255.255.255.0<br />
#################################</pre><br />
Replace /etc/dnsmasq.conf with:<br />
<br />
<pre>interface=wlan0<br />
dhcp-range=10.9.8.10,50.9.8.254,12h<br />
address=/#/10.9.8.7<br />
no-resolv</pre><br />
Edit /etc/hostapd/hostapd.conf file (adjust depending on driver/hardware)<br />
<br />
<pre>interface=wlan0<br />
driver=nl80211<br />
ssid=WiFeels<br />
hw_mode=g<br />
channel=6</pre><br />
Edit /etc/default/hostapd and add<br />
<br />
<pre>DAEMON_CONF=&quot;/etc/hostapd/hostapd.conf&quot;</pre><br />
Make hostapd start at boot<br />
<br />
<pre>update-rc.d hostapd defaults</pre><br />
Reboot.<br />
<br />
= Extra =<br />
<br />
Changed dnsmasq.conf<br />
<br />
<pre>interface=wlan0<br />
dhcp-range=10.9.10.50,10.9.10.254,12h<br />
#address=/#/10.9.10.7 # no-resolv</pre><br />
AND added to /etc/hosts<br />
<br />
<pre>10.9.10.7 etherbox.local</pre><br />
and this seems to then work over the direct hotspot connection.</div>127.0.0.1https://wiki.erg.be/mw/index.php?title=Etherbox&diff=4259Etherbox2018-01-30T13:35:46Z<p>127.0.0.1 : /* How to find the IP address of the pi */</p>
<hr />
<div>These notes are based on a setup used by the "SOftware observatory" workshop, Constant [[Utilisateur:Michael Murtaugh|Michael Murtaugh]] ([[Discussion utilisateur:Michael Murtaugh|discussion]]) 30 janvier 2018 à 10:48 (CET)<br />
<br />
= Initial image + setup =<br />
<br />
Downloaded from https://www.raspberrypi.org/downloads/raspbian/<br />
<br />
Based on the "lite" image (zip or torrent). As of 20 Jan 2018, this is Raspian "Stretch" lite.<br />
<br />
The **lite** image has no desktop / windows session.<br />
<br />
Based on [https://downloads.raspberrypi.org/raspbian_lite_latest.torrent 2017-04-10-raspian-jessie-lite.zip]<br />
<br />
<pre>unzip -p 2017-04-10-raspbian-jessie-lite.zip | pv | sudo dd of=/dev/sdc bs=4M</pre><br />
<br />
You could use [https://etcher.io/ Etcher.io] as well<br />
<br />
SSH is no longer on by default! So need to connect with a screen first time and turn this on.<br />
<br />
<pre>sudo raspi-config</pre><br />
Enable ssh under connectivity.<br />
<br />
<br />
You can also enabled SSH by default after creating the boot SD Card, you just need to create a empty file named SSH and save it the root of your SD Card.<br />
<br />
Bring the rest of the software up to date.<br />
<br />
<pre>sudo apt-get update<br />
sudo apt-get upgrade</pre><br />
<br />
== How to find the IP address of the pi ==<br />
<br />
Simplest way is to connect on a wired network (plug the pi and your laptop into a router with ethernet cables), then type:<br />
<br />
ping raspberrypi.local<br />
<br />
And you should be able to see the IP address.<br />
<br />
Then you can conenct with ssh with:<br />
<br />
ssh pi@raspberrypi.local<br />
<br />
or with the IP address in place of "raspberrypi.local" if you are on the wifi.<br />
<br />
with the default password "raspberry"<br />
<br />
<br />
== Assign Static Ip Adress to the pi ==<br />
<br />
== Make it easier to login, with an ssh key ==<br />
<br />
Starting from your laptop (open a new Terminal session if you are connected to the pi):<br />
<br />
ssh-keygen<br />
<br />
Choose the defaults. This generates an "ssh key" pair.<br />
<br />
Use the ssh-copy-id utility to send it to the pi.<br />
<br />
ssh-copy-id pi@raspberrypi.local<br />
<br />
= Setup apache to serve the root with custom header + readme's =<br />
<br />
<pre>sudo apt-get install apache2<br />
cd /etc/apache2/sites-available<br />
sudo nano 000-default.conf</pre><br />
<pre> ServerAdmin webmaster@localhost<br />
# DocumentRoot /var/www/html<br />
DocumentRoot /home/pi<br />
<Directory /home/pi><br />
Options Indexes FollowSymLinks<br />
AllowOverride none<br />
Require all granted<br />
</Directory><br />
<br />
HeaderName /include/HEADER.shtml<br />
ReadmeName README.html</pre><br />
<br />
NB: Sets the [https://httpd.apache.org/docs/current/mod/mod_autoindex.html#headername HeaderName] and [https://httpd.apache.org/docs/current/mod/mod_autoindex.html#readmename ReadmeName] directives (part of mod_autoindex).<br />
<br />
<pre>sudo service apache2 reload</pre><br />
=== droptoupload.cgi ===<br />
<br />
<pre>sudo a2enmod cgi<br />
sudo service apache2 restart</pre><br />
Placed 'droptoupload.cgi' in /usr/lib/cgi-bin and tried running it with:<br />
<br />
<pre>./droptoupload.cgi</pre><br />
Like this is just outputs an HTML form. Looking at http://etherbox.local/cgi-bin/droptoupload.cgi should also display an upload form.<br />
<br />
The HEADER.shtml includes a link to this cgi.<br />
<br />
sudo chmod +x droptoupload.cgi<br />
<br />
= HEADER.shtml =<br />
Sample Header that adds javascript to:<br />
* Move the README.html to the TOP of the page<br />
* Includes the "droptoupload.cgi" https://gitlab.constantvzw.org/aa/etherbox/raw/master/usr/lib/cgi-bin/droptoupload.cgi<br />
<br />
<pre class="html">&lt;script src=&quot;/cgi-bin/droptoupload.cgi&quot;&gt;&lt;/script&gt;<br />
&lt;style&gt;<br />
body {<br />
background: #38b8e9;<br />
color: black;<br />
}<br />
a {<br />
color: white;<br />
}<br />
#logo {<br />
white-space: pre;<br />
font-family: monospace;<br />
}<br />
&lt;/style&gt;<br />
&lt;div class=&quot;links&quot; style=&quot;margin-bottom: 1em&quot;&gt;LOCAL:<br />
&lt;a href=&quot;/&quot;&gt;&amp;nbsp;/&amp;nbsp;&lt;/a&gt;<br />
&lt;a href=&quot;/home/pi/&quot;&gt;home&lt;/a&gt;<br />
&lt;a href=&quot;/home/pi/etherdump/&quot;&gt;etherdump&lt;/a&gt;<br />
PUBLIC:<br />
&lt;a href=&quot;http://constantvzw.org/site/-The-Technogalactic-Software-Observatory-.html&quot;&gt;constant&lt;/a&gt;<br />
&lt;a href=&quot;https://gitlab.constantvzw.org/observatory&quot;&gt;gitlab&lt;/a&gt;<br />
&lt;/div&gt;<br />
&lt;style&gt;<br />
.links {<br />
font-family: monospace;<br />
text-transform: uppercase;<br />
&lt;/style&gt;<br />
&lt;script&gt;<br />
document.addEventListener(&quot;DOMContentLoaded&quot;, function () {<br />
var p = document.querySelectorAll(&quot;.top&quot;),<br />
t = document.getElementsByTagName(&quot;table&quot;)[0];<br />
for (var i=0, l=p.length; i&lt;l; i++) {<br />
document.body.insertBefore(p[i], t);<br />
}<br />
});<br />
&lt;/script&gt;</pre><br />
<br />
= Better permissions with facl =<br />
<br />
[http://www.linuxcommand.org/man_pages/setfacl1.html setfacl]<br />
<br />
<pre>sudo addgroup pi www-data<br />
<br />
sudo setfacl -Rm g:www-data:rwX /home/pi<br />
sudo setfacl -d -Rm g:www-data:rwX /home/pi</pre><br />
Unfortunately, I had problems then with permissions on the .ssh folder (preventing keys to be used). To remove the fact on just this folder:<br />
<br />
<pre>sudo chmod g-w /home/pi</pre><br />
= Install etherpad =<br />
<br />
And the version of &quot;nodejs&quot; is now 0.10.29~dfsg-2. So let's try it with etherpad...<br />
<br />
<pre>sudo apt-get install npm git<br />
<br />
sudo ln -s /usr/bin/nodejs /usr/bin/node<br />
<br />
cd /opt<br />
sudo git clone https://github.com/ether/etherpad-lite.git<br />
sudo mv etherpad-lite etherpad<br />
<br />
# TODO: don't create home folder! ... find option<br />
sudo adduser --system --home=/opt/etherpad --group etherpad<br />
sudo chown -R etherpad:etherpad etherpad</pre><br />
<br />
Les fichiers se trouvent dans opt/etherpad/var sous forme d'un seul fichier "dirtyDB" - > You should use a dedicated database such as "mysql", if you are planning on using etherpad-in a production environment.<br />
<pre>sudo apt-get install mysql-server</pre><br />
<br />
Create your setting file.<br />
<pre>sudo cp settings.json.template settings.json</pre><br />
then, desactivate the dirty.db file and configure the mysql database<br />
<pre>sudo nano settings.json</pre><br />
<br />
Find and change this part :<br />
<br />
<pre> //The Type of the database. You can choose between dirty, postgres, sqlite and mysql<br />
//You shouldn't use "dirty" for for anything else than testing or development<br />
/* "dbType" : "dirty",<br />
//the database specific settings<br />
"dbSettings" : {<br />
"filename" : "var/dirty.db"<br />
},<br />
*/<br />
//An Example of MySQL Configuration<br />
"dbType" : "mysql",<br />
"dbSettings" : {<br />
"user" : "etherpaduser",<br />
"host" : "localhost",<br />
"password": "etherpadpass",<br />
"database": "etherpad",<br />
"charset" : "utf8mb4"<br />
},<br />
<br />
</pre><br />
<br />
== Set up Mysql ==<br />
<br />
First thing to do is to install MySQL :<br />
<br />
<pre>sudo apt-get install mysql-server</pre><br />
<br />
Then create the database, for this we need to login with the Root user (super-user) :<br />
<br />
<pre>sudo su</pre><br />
<br />
Run mysql :<br />
<br />
<pre>mysql</pre><br />
<br />
Then create the database and the user 'etherpaduser' with the password 'etherpadpass' :<br />
<br />
<pre>create database etherpad;<br />
grant all on etherpad.* to 'etherpaduser'@'localhost' identified by 'etherpadpass';</pre><br />
<br />
Just to test if it works :<br />
<br />
<pre>mysql -u etherpaduser -p etherpad</pre><br />
<br />
<br />
<br />
==Run etherpad for the first time as the etherpad user...==<br />
<br />
<pre>cd /opt/etherpad<br />
sudo --user etherpad bin/run.sh</pre><br />
Following the first recipe on this page about [https://github.com/ether/etherpad-lite/wiki/How-to-deploy-Etherpad-Lite-as-a-service deploying etherpad as a systemd service]<br />
<br />
== Setup etherpad to start as a service ==<br />
<br />
<pre>sudo nano /etc/systemd/system/etherpad.service</pre><br />
<pre>[Unit]<br />
Description=Etherpad-lite, the collaborative editor.<br />
After=syslog.target network.target<br />
<br />
[Service]<br />
Type=simple<br />
User=etherpad<br />
Group=etherpad<br />
WorkingDirectory=/opt/etherpad<br />
ExecStart=/usr/bin/nodejs /opt/etherpad/node_modules/ep_etherpad-lite/node/server.js<br />
Restart=always<br />
<br />
[Install]<br />
WantedBy=multi-user.target</pre><br />
<br />
After this, to start once...<br />
<br />
<pre>sudo systemctl start etherpad</pre><br />
<br />
And to automatically start on boot:<br />
<br />
<pre>sudo systemctl enable etherpad</pre><br />
<br />
= etherdump =<br />
<br />
System wide installation of etherdump<br />
<br />
Install deps:<br />
<br />
<pre>sudo apt install python3-pip<br />
sudo pip3 install python-dateutil jinja2 html5lib</pre><br />
<br />
Install from repo:<br />
<br />
<pre>git clone http://murtaugh@gitlab.constantvzw.org/aa/etherdump.git<br />
cd etherdump<br />
sudo python setup.py install</pre><br />
<br />
== Setup the folder ==<br />
<br />
<pre>cd /home/pi<br />
mkdir etherdump<br />
cd etherdump<br />
etherdump init</pre><br />
Type in:<br />
<br />
<pre>http://etherbox.local:9001/</pre><br />
And paste the API key. (Look at: http://etherbox.local/opt/etherpad/APIKEY.txt)<br />
<br />
=== styles.css + versions.js ===<br />
<br />
scp styles.css versions.js pi@etherbox.local:etherdump/lib<br />
<br />
The URLs of these files are options to the etherdump pull command and should match.<br />
<br />
=== etherdump.sh + cron ===<br />
<br />
Make the script that runs automatically.<br />
<br />
<pre>nano etherdump.sh</pre><br />
<pre>#!/bin/bash<br />
# PATH=/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/local/games:/usr/games<br />
cd /home/pi/etherdump<br />
etherdump pull --all --pub /home/pi/etherdump --css lib/styles.css --script lib/versions.js<br />
etherdump index *.meta.json &gt; index.html</pre><br />
And set it to run every 5 minutes<br />
<br />
<pre>crontab -e</pre><br />
<pre>PATH=/home/pi/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin<br />
# m h dom mon dow command<br />
*/5 * * * * /home/pi/etherdump.sh &gt; /home/pi/cron.log.txt 2&gt;&amp;1</pre><br />
The PATH is important. It can also be in the etherdump.sh but basically should match what you see when you &quot;echo $PATH&quot; (for the script to run in the same way as for the pi user).<br />
<br />
= Other software =<br />
<br />
<pre>sudo apt-get install emacs-nox screen pdftk pandoc texlive-latex-recommended texlive-fonts-recommended<br />
sudo pip install csvkit</pre><br />
To install<br />
<br />
* screen<br />
* pandoc + latex<br />
* pdftk<br />
* csvkit<br />
<br />
What about<br />
<br />
* texlive-xetex texlive-luatex pandoc-citeproc etoolbox<br />
<br />
The current version of pandoc in this raspbian is 1.12.4.2~dfsg-1+b3 We will use latex for PDF generation (via pandoc)<br />
<br />
(which is way better than 1.9 of the previous raspian, and even beats the instructions for compiling 1.11.1)<br />
<br />
MORE<br />
<br />
<pre>sudo apt-get install pandoc texlive-latex-recommended texlive-fonts-recommended </pre><br />
Was able to:<br />
<br />
<pre>pandoc --from markdown hello.markdown -o hello.pdf</pre><br />
= Access point =<br />
<br />
Taken from [https://pzwiki.wdka.nl/mediadesign/The_Ultimate_RPi_Installation_Guide#Access_Point_with_Captive_Portal this &quot;ultimate&quot; guide]<br />
<br />
<pre>apt-get install dnsmasq wireless-tools hostapd<br />
<br />
# the next wasn't necessary for jessie, but for completeness..<br />
RPI3 broadcom chip <br />
apt-get install firmware-brcm80211<br />
rmmod brcmfmac<br />
modprobe brcmfmac</pre><br />
Give fixed IP to wlan0 interface, edit /etc/network/interfaces switch off the built in stuff and add (section 2):<br />
<br />
<pre>auto eth0<br />
allow-hotplug eth0<br />
iface etho inet dhcp<br />
<br />
#################################<br />
# 1. ORIGINAL settings... use wpa_supplicant for client mode<br />
#allow-hotplug wlan0<br />
#iface wlan0 inet manual<br />
# wpa-conf /etc/wpa_supplicant/wpa_supplicant.conf<br />
#<br />
#################################<br />
# 2. Fixed IP address (for hotspot / hostapd)<br />
auto wlan0<br />
iface wlan0 inet static<br />
address 10.9.8.7<br />
netmask 255.255.255.0<br />
#################################</pre><br />
Replace /etc/dnsmasq.conf with:<br />
<br />
<pre>interface=wlan0<br />
dhcp-range=10.9.8.10,50.9.8.254,12h<br />
address=/#/10.9.8.7<br />
no-resolv</pre><br />
Edit /etc/hostapd/hostapd.conf file (adjust depending on driver/hardware)<br />
<br />
<pre>interface=wlan0<br />
driver=nl80211<br />
ssid=WiFeels<br />
hw_mode=g<br />
channel=6</pre><br />
Edit /etc/default/hostapd and add<br />
<br />
<pre>DAEMON_CONF=&quot;/etc/hostapd/hostapd.conf&quot;</pre><br />
Make hostapd start at boot<br />
<br />
<pre>update-rc.d hostapd defaults</pre><br />
Reboot.<br />
<br />
= Makeserver + etherpad (experimental!) =<br />
<br />
Ingredients<br />
<br />
* Etherdump's pad.html with <rel> links including LIVE EDIT URLs<br />
* THIS should replace/complement makeserver's EDIT button<br />
<br />
Key question: Makeserver as a separate view ?! (probably)<br />
<br />
TRY as 2 separate things ... basically AS IS...<br />
<br />
Install:<br />
<br />
<pre>cd /home/pi/software<br />
git clone http://murtaugh@gitlab.constantvzw.org/aa/makeserver.git<br />
cd makeserver<br />
git submodule init<br />
git submodule update<br />
sudo pip install twisted jinja2</pre><br />
BUGFIX with twisted / SSL issues:<br />
<br />
<pre>sudo pip install twisted[tls]</pre><br />
DIDN&quot;T FIX sudo pip install twisted==16.0.0<br />
<br />
Seems to work!<br />
<br />
= TODO =<br />
<br />
* Why are the links hardcoded long form in etherdump index (fails then via makeserver based in home)?<br />
<br />
= Extra =<br />
<br />
Changed dnsmasq.conf<br />
<br />
<pre>interface=wlan0<br />
dhcp-range=10.9.10.50,10.9.10.254,12h<br />
#address=/#/10.9.10.7 # no-resolv</pre><br />
AND added to /etc/hosts<br />
<br />
<pre>10.9.10.7 etherbox.local</pre><br />
and this seems to then work over the direct hotspot connection.</div>127.0.0.1https://wiki.erg.be/mw/index.php?title=Discussion:Erg.be&diff=3766Discussion:Erg.be2018-01-15T11:41:29Z<p>127.0.0.1 : /* 15 january */</p>
<hr />
<div>== 12 septembre == <br />
<br />
Michaël, Sammy, Ludivine, Alexia, Martin<br />
<br />
Compte-rendu:<br />
<br />
'''Serveur local'''<br />
<br />
mise en place d'un serveur local (Rasperypi) qui sera le repository du site<br />
Il générera les pages html publiques sur erg.be et constituera donc le "miroir" du site.<br />
<br />
'''Outils installés'''<br />
<br />
* [https://about.gitlab.com/2015/04/21/gitlab-on-raspberry-pi-2/ gitlab]<br />
* etherpad<br />
* tiny tiny RSS<br />
<br />
Possibilité de l'utiliser pour héberger d'autres contenus (comme dépot.local, des modes d'emploi, de la documentation, des pads, des livres, des travaux...) par tous les membres de l'école, en local et en distinguant la partie publique et privé.<br />
<br />
Possibilité d'installer d'autres Pi, et d'autres outils (nexclcloud, agendas,...) connectés. (voir [[Stéphane Noël]])<br />
<br />
Mise en place d'un service mail et de mailing lists associées: Domaine public?<br />
Hébergement web: Domaine public?<br />
<br />
<br />
'''Site'''<br />
<br />
Actuellement le site possède plusieurs interfaces développant des axes de lecture différents, développées pendant le workshop<br />
[[Workshop Juillet 2017 | CARTOGRAPHIE DE FLUX: STITCHING THE ERG WEB]] et une développée par Michaël.<br />
<br />
Sont à distinguer les noeuds<br />
<br />
* contenus des cours<br />
* news<br />
* posts issus des blogs et sites satellites. (voir comment en ajouter) pour le moment, voir liste [https://framacalc.org/sites-satellites-erg ici].<br />
<br />
Edition des contenus (outils): <br />
* contenus des cours et informations émanants de l'erg: sur ce wiki<br />
* news: sur ce wiki ou sur un wordpress (à déterminer)<br />
* gestion des flux rss (filtrage): Tiny Tiny rss + utilisation des tags pour caractériser les news et éventuellement une redirection automatique vers facebook.<br />
<br />
== 18 septembre ==<br />
<br />
Michaël, Sammy, Alexia<br />
<br />
Compte-rendu:<br />
<br />
'''Site'''<br />
<br />
Michaël a migré le contenu de la base de donnée Spip de l'ancien site vers le Wiki.<br />
Maintenant, le Wiki s'affiche sur la partie droite de l'écran tandis que les différents modes des visualisation s'affichent sur la gauche.<br />
<br />
En mode 'flux', des liens entre les flux RSS et le wiki se font quand par exemple, le nom d'un professeur apparait dans un post, il fait un lien vers sa fiche-bio qui se trouve sur le Wiki.<br />
<br />
Discussion sur l'organisation des contenus des cours, au niveau de la structure du wiki. Passer en mode purement "flat", soit sans aucune hiérarchisation (ce qui s'apparenterait à un dictionnaire et donc sans mise en évidence), soit penser une série de catégories comme points d'entrée pour "typer" certains contenus et générer automatiquement des modes "liste" de visualisation. Exemple: les différents types de cours <br />
<br />
A voir si les news, et leur archivage pourraient également fonctionner comme ça. <br />
<br />
Alexia et Sammy vont créer quelques catégories pour tester le comportement de la carte en intégrant ces "filtres" de contenu.<br />
Toutes ou une partie de ces catégories pourraient fonctionner comme une navigation à l'instar des îlots du site Archipel de la Médiathèque réalisé par Michael.<br />
<br />
Notes:<br />
— les redirections sont représentées dans le graph-> pas nécessaire<br />
<br />
- les catégories représentent les concepts et les pages, les objets<br />
<br />
Catégories :<br />
* orientations<br />
* AP<br />
* cours théoriques<br />
* cours techniques<br />
* cours de soutien à l'orientation<br />
* B1<br />
* B2<br />
* B3<br />
* M1<br />
* M2<br />
* (cours spécifiques) <br />
* stages internes<br />
* outils collectifs<br />
* évènements<br />
* archives<br />
* enseignants<br />
* workshops<br />
* séminaire<br />
* agenda<br />
<br />
'''TO DO LIST'''<br />
* organisation du contenu sur le wiki (mardi 10)<br />
* communication générale -> en lien avec le groupe communication?<br />
* workshop semaine du 16 octobre<br />
<br />
== 9 Oct 2017 ==<br />
<br />
'''SPRINT''': Will work next week intensely Monday (afternoon) + Tuesday + Wednesday<br />
<br />
We talked about working on 3(4) different interfaces:<br />
<br />
* Javascript : Dynamic site map (SVG, d3js) ... initimately linked to the WIKI structure + Categories<br />
* Agenda / Flux Activite: HTML (+ CSS), based on a [http://jinja.pocoo.org/docs/2.9/templates/ "jinja" template]<br />
* SVG (pan + zoomable, links to wiki pages)<br />
<br />
Another places for intervention / site work:<br />
* Agenda wordpress (based on Wordpress + Tribe Event Plugin) <br />
* Templates of the wiki pages + RSS feeds that are dumped<br />
<br />
TODO:<br />
* Add message in wiki page (jinja) template about pages coming from wiki (include last modified timestamp + link to wiki page)<br />
* Category > Programming categories to make ilots: Draw as a wheel, connecting the elements in a closed loop, category name either inside or perhaps around the edge.<br />
* Show history !! in addition<br />
* Categories, History, and Links are maybe each a different style of linking (use link classes, css style differently)<br />
* Show the activity as a time based animation ... imagine watching wiki additions (filter out the ins tag texts) in "real time" (or sped up) SVG animation. (Maybe this means practically: for now: ensure the data structure would support such an animation, for future: build the animation)<br />
* Document the "Join" data structure -- annotate an example of an item or items from join.json on the wiki<br />
* Add a type field to the items to make it easy to select things like blog posts, wikiedits, events, vimeo.<br />
* Take the "Map of the school" poster example (Harrison) and make it a "real" interface?<br />
[[Fichier:2017 ERG annonce medor ok.jpg|vignette|exemple d'un interface svg possible basée sur le dessin de Harrisson]]<br />
* Use the "wheel" as a model SVG<br />
<br />
=== Future interfaces ===<br />
* Map of the school<br />
* Timeline / animation of activity<br />
* Facebook scraper<br />
* Media players<br />
* 3d space of images (inspired by ... ) threejs?<br />
* Develop a non-d3 specific javascript example?<br />
<br />
== 16 October 2017: Sprint Day 1 ==<br />
<br />
* Added modedemploi changes to the aggregator<br />
* todo (mm): Modify the mediawiki changes to link to page (not diff view) and think about reformatting the change contents (or simply not showing it)<br />
<br />
What we work on now:<br />
<br />
* Alexia: Changing "list pages" to Categories (moving text, moving "in-page" content to individual course pages + Category, deleting the old page). e.g. [[Les cours techniques]]<br />
* <s>Michael: Categories display in the map (click to connect in ring)</s><br />
* MM: Implement the Hide category ? (is this still needed? probably useful)<br />
* MM: Show all items (pages + post/edits + events) in the map<br />
* <s>Michael: Migrate to pi</s><br />
<br />
Other items:<br />
<br />
* Accueil as Category?<br />
<br />
Links<br />
<br />
* [https://www.mediawiki.org/wiki/Help:Categories#Sort_key Category sort keys]<br />
<br />
[[File:Categoryloops.png|thumb]]<br />
<br />
'''End of day'''<br />
<br />
* Category LOOPS!<br />
<br />
New todo's<br />
* <s>Category members in the cat page dumps</s><br />
* Order of category members (kind of random now)<br />
* Category classes (use the category id in the link class to allow color / style)<br />
* Make the toc/Sommaire collapsable in the wiki pages<br />
<br />
== 17 October 2017: Sprint Day 2 ==<br />
* <s>Automatically update the site (cron job)</s><br />
* <s>added padding in wiki template</s><br />
* <s>remove modedemploi from ttrss (redundant)</s><br />
* mediawikidump: include update timestamp ... use dump data ipv sitemap (hopefully this fixes dead categories)<br />
* Highlight the LINKS (on node rollover!!)<br />
* Update category dumps when members change (!) ... maybe force them for now?<br />
* Zooming and "camera" centering in the archipel interface<br />
* Files/attachments in wiki pages<br />
<br />
TO DO:<br />
* Documenter les interfaces comme un 3e niveau, (celui de l'interface même de navigation)<br />
* Create + test a "simple static SVG" interface -- to serve as template for future interfaces (Wednesday?!)<br />
* Create a link for a "file system" interface (useful for explaining the structure of the dumped site + inviting new interfaces based on these "raw" materials). Such an interface would need an explanation text to give it context.<br />
<br />
== 18 October 2017: Sprint Day 3 ==<br />
* Show the feeds in the map!<br />
* Show images in the feed (for video, etc)<br />
* <s>Make overlay 33% width</s><br />
* Category: integrate into Wiki panel: Show active category there.<br />
* <s>Subcategories?? Start category as well...</s><br />
* <s>Create a super category to manage which categories are shown in the map interface (Menu)</s><br />
* Draw category when page is opened?<br />
* Category Member order (in category dump pages) ... Alphabetical + same as map (circle linking order)<br />
* Activate one category at a time (idea to simplify categories in combination with drawing when open)<br />
* Deleted pages: "Les orientations en Bachelor" ... This should be fixed when using joined data ipv wikimap.<br />
* Apply wiki categories to feed items (Video, Radio, Event)<br />
* Videos + radio (mixcloud) links<br />
* Three interfaces: Map, Agenda, SVG (which?)<br />
* Let each feed be a "category"... shows up in the category panel and is selectable <br />
* Add category in the CSS ... to enable link styling<br />
* Add category name along the edge of the line.<br />
* Reverse linking (mouse over in map highlights the link in wiki)<br />
* Consider hiding the parenthesized part of a page title (such as (B1))<br />
---<br />
* Show history trail in the map (another link style?!)<br />
* Auto Link text to wiki titles in the agenda display<br />
* Show Contextual information about a feed when navigating<br />
* Cache "map" view when opening a link, click on map icon to return to previous view<br />
* Map: Initial view (placement of objects)<br />
* Map: Ensure elements stay inside the "fishtank"<br />
* Map: Zoom in when element is clicked? (cf behaviour in archipels.be)<br />
* Additional interfaces: OpenStreetMap, Files (pedagogic), Archive / Wayback<br />
* Deprecated: Show symbols related to item categories (Alexia: symbols need a legend, maybe creates as many problems as it "solves")<br />
<br />
Catégories:<br />
MENU<br />
* Bachelors<br />
** B1<br />
** B2<br />
** B3<br />
* Masters<br />
** M1<br />
** M2<br />
* Cours théoriques<br />
* Cours techniques<br />
* Cours de soutien spécifiques<br />
* Orientations<br />
* Ateliers pluridisciplinaires<br />
* Equipes<br />
** Conseil de gestion pédagogique<br />
** Conseil étudiant<br />
** Enseignants<br />
** Équipe administrative<br />
<br />
Questions:<br />
* rester sur la page sur laquelle on est quand on décoche une catégorie (ne pas retourner à la page de la catégorie décochée)<br />
* [[catégorie: Wiki only]] ne fonctionne pas sur l'acceuil<br />
== 24 octobre ==<br />
* <s>Création de la page [[to do|TO DO]]</s><br />
* Onglet Feeds ON/OFF<br />
* Alexia:<br />
** template html + CSS du wiki<br />
** css menu<br />
** <s>rédiger texte d'accueil du site <br />
** <s>documenter le wiki mode d'emploi (acceuil du wiki)</s><br />
** documenter la page site web: comment fonctionnent les catégories, les pages, les liens et la structure (page site web)<br />
<br />
== 30 novembre == <br />
fonctionnalités prioritaires<br />
<br />
* wiki only: ne pas afficher sur le site<br />
* afficher l'acceuil sur le site<br />
* activer/désactiver le flux sur la carte<br />
* possibilité de retrouver visible la partie droite du site quand on l'a rendue invisible<br />
<br />
template html (Alexia)<br />
<br />
* flux rss full page<br />
* design du menu<br />
* design wiki content<br />
<br />
communication (Alexia)<br />
<br />
* schéma de la plateforme<br />
* documenter la page site web: comment fonctionnent les catégories, les pages, les liens et la structure (page site web) -> lié au schéma<br />
<br />
== 15 january 2018 ==<br />
<br />
* close wiki mode d'emploi + new address<br />
* dumping & interfaces<br />
* public interface uploaded and served from erg.be<br />
* files in the dump > fix<br />
* mode d'emploi to add websites + formular texts + list of platforms using RSS<br />
* test create account + sending mail<br />
* querys + formular names in category Site web + ... + date templates<br />
* scraping - from websites directly vs RSS feeds contents + facebook pages?</div>127.0.0.1https://wiki.erg.be/mw/index.php?title=Discussion:Erg.be&diff=3765Discussion:Erg.be2018-01-15T11:41:17Z<p>127.0.0.1 : /* 15 january */</p>
<hr />
<div>== 12 septembre == <br />
<br />
Michaël, Sammy, Ludivine, Alexia, Martin<br />
<br />
Compte-rendu:<br />
<br />
'''Serveur local'''<br />
<br />
mise en place d'un serveur local (Rasperypi) qui sera le repository du site<br />
Il générera les pages html publiques sur erg.be et constituera donc le "miroir" du site.<br />
<br />
'''Outils installés'''<br />
<br />
* [https://about.gitlab.com/2015/04/21/gitlab-on-raspberry-pi-2/ gitlab]<br />
* etherpad<br />
* tiny tiny RSS<br />
<br />
Possibilité de l'utiliser pour héberger d'autres contenus (comme dépot.local, des modes d'emploi, de la documentation, des pads, des livres, des travaux...) par tous les membres de l'école, en local et en distinguant la partie publique et privé.<br />
<br />
Possibilité d'installer d'autres Pi, et d'autres outils (nexclcloud, agendas,...) connectés. (voir [[Stéphane Noël]])<br />
<br />
Mise en place d'un service mail et de mailing lists associées: Domaine public?<br />
Hébergement web: Domaine public?<br />
<br />
<br />
'''Site'''<br />
<br />
Actuellement le site possède plusieurs interfaces développant des axes de lecture différents, développées pendant le workshop<br />
[[Workshop Juillet 2017 | CARTOGRAPHIE DE FLUX: STITCHING THE ERG WEB]] et une développée par Michaël.<br />
<br />
Sont à distinguer les noeuds<br />
<br />
* contenus des cours<br />
* news<br />
* posts issus des blogs et sites satellites. (voir comment en ajouter) pour le moment, voir liste [https://framacalc.org/sites-satellites-erg ici].<br />
<br />
Edition des contenus (outils): <br />
* contenus des cours et informations émanants de l'erg: sur ce wiki<br />
* news: sur ce wiki ou sur un wordpress (à déterminer)<br />
* gestion des flux rss (filtrage): Tiny Tiny rss + utilisation des tags pour caractériser les news et éventuellement une redirection automatique vers facebook.<br />
<br />
== 18 septembre ==<br />
<br />
Michaël, Sammy, Alexia<br />
<br />
Compte-rendu:<br />
<br />
'''Site'''<br />
<br />
Michaël a migré le contenu de la base de donnée Spip de l'ancien site vers le Wiki.<br />
Maintenant, le Wiki s'affiche sur la partie droite de l'écran tandis que les différents modes des visualisation s'affichent sur la gauche.<br />
<br />
En mode 'flux', des liens entre les flux RSS et le wiki se font quand par exemple, le nom d'un professeur apparait dans un post, il fait un lien vers sa fiche-bio qui se trouve sur le Wiki.<br />
<br />
Discussion sur l'organisation des contenus des cours, au niveau de la structure du wiki. Passer en mode purement "flat", soit sans aucune hiérarchisation (ce qui s'apparenterait à un dictionnaire et donc sans mise en évidence), soit penser une série de catégories comme points d'entrée pour "typer" certains contenus et générer automatiquement des modes "liste" de visualisation. Exemple: les différents types de cours <br />
<br />
A voir si les news, et leur archivage pourraient également fonctionner comme ça. <br />
<br />
Alexia et Sammy vont créer quelques catégories pour tester le comportement de la carte en intégrant ces "filtres" de contenu.<br />
Toutes ou une partie de ces catégories pourraient fonctionner comme une navigation à l'instar des îlots du site Archipel de la Médiathèque réalisé par Michael.<br />
<br />
Notes:<br />
— les redirections sont représentées dans le graph-> pas nécessaire<br />
<br />
- les catégories représentent les concepts et les pages, les objets<br />
<br />
Catégories :<br />
* orientations<br />
* AP<br />
* cours théoriques<br />
* cours techniques<br />
* cours de soutien à l'orientation<br />
* B1<br />
* B2<br />
* B3<br />
* M1<br />
* M2<br />
* (cours spécifiques) <br />
* stages internes<br />
* outils collectifs<br />
* évènements<br />
* archives<br />
* enseignants<br />
* workshops<br />
* séminaire<br />
* agenda<br />
<br />
'''TO DO LIST'''<br />
* organisation du contenu sur le wiki (mardi 10)<br />
* communication générale -> en lien avec le groupe communication?<br />
* workshop semaine du 16 octobre<br />
<br />
== 9 Oct 2017 ==<br />
<br />
'''SPRINT''': Will work next week intensely Monday (afternoon) + Tuesday + Wednesday<br />
<br />
We talked about working on 3(4) different interfaces:<br />
<br />
* Javascript : Dynamic site map (SVG, d3js) ... initimately linked to the WIKI structure + Categories<br />
* Agenda / Flux Activite: HTML (+ CSS), based on a [http://jinja.pocoo.org/docs/2.9/templates/ "jinja" template]<br />
* SVG (pan + zoomable, links to wiki pages)<br />
<br />
Another places for intervention / site work:<br />
* Agenda wordpress (based on Wordpress + Tribe Event Plugin) <br />
* Templates of the wiki pages + RSS feeds that are dumped<br />
<br />
TODO:<br />
* Add message in wiki page (jinja) template about pages coming from wiki (include last modified timestamp + link to wiki page)<br />
* Category > Programming categories to make ilots: Draw as a wheel, connecting the elements in a closed loop, category name either inside or perhaps around the edge.<br />
* Show history !! in addition<br />
* Categories, History, and Links are maybe each a different style of linking (use link classes, css style differently)<br />
* Show the activity as a time based animation ... imagine watching wiki additions (filter out the ins tag texts) in "real time" (or sped up) SVG animation. (Maybe this means practically: for now: ensure the data structure would support such an animation, for future: build the animation)<br />
* Document the "Join" data structure -- annotate an example of an item or items from join.json on the wiki<br />
* Add a type field to the items to make it easy to select things like blog posts, wikiedits, events, vimeo.<br />
* Take the "Map of the school" poster example (Harrison) and make it a "real" interface?<br />
[[Fichier:2017 ERG annonce medor ok.jpg|vignette|exemple d'un interface svg possible basée sur le dessin de Harrisson]]<br />
* Use the "wheel" as a model SVG<br />
<br />
=== Future interfaces ===<br />
* Map of the school<br />
* Timeline / animation of activity<br />
* Facebook scraper<br />
* Media players<br />
* 3d space of images (inspired by ... ) threejs?<br />
* Develop a non-d3 specific javascript example?<br />
<br />
== 16 October 2017: Sprint Day 1 ==<br />
<br />
* Added modedemploi changes to the aggregator<br />
* todo (mm): Modify the mediawiki changes to link to page (not diff view) and think about reformatting the change contents (or simply not showing it)<br />
<br />
What we work on now:<br />
<br />
* Alexia: Changing "list pages" to Categories (moving text, moving "in-page" content to individual course pages + Category, deleting the old page). e.g. [[Les cours techniques]]<br />
* <s>Michael: Categories display in the map (click to connect in ring)</s><br />
* MM: Implement the Hide category ? (is this still needed? probably useful)<br />
* MM: Show all items (pages + post/edits + events) in the map<br />
* <s>Michael: Migrate to pi</s><br />
<br />
Other items:<br />
<br />
* Accueil as Category?<br />
<br />
Links<br />
<br />
* [https://www.mediawiki.org/wiki/Help:Categories#Sort_key Category sort keys]<br />
<br />
[[File:Categoryloops.png|thumb]]<br />
<br />
'''End of day'''<br />
<br />
* Category LOOPS!<br />
<br />
New todo's<br />
* <s>Category members in the cat page dumps</s><br />
* Order of category members (kind of random now)<br />
* Category classes (use the category id in the link class to allow color / style)<br />
* Make the toc/Sommaire collapsable in the wiki pages<br />
<br />
== 17 October 2017: Sprint Day 2 ==<br />
* <s>Automatically update the site (cron job)</s><br />
* <s>added padding in wiki template</s><br />
* <s>remove modedemploi from ttrss (redundant)</s><br />
* mediawikidump: include update timestamp ... use dump data ipv sitemap (hopefully this fixes dead categories)<br />
* Highlight the LINKS (on node rollover!!)<br />
* Update category dumps when members change (!) ... maybe force them for now?<br />
* Zooming and "camera" centering in the archipel interface<br />
* Files/attachments in wiki pages<br />
<br />
TO DO:<br />
* Documenter les interfaces comme un 3e niveau, (celui de l'interface même de navigation)<br />
* Create + test a "simple static SVG" interface -- to serve as template for future interfaces (Wednesday?!)<br />
* Create a link for a "file system" interface (useful for explaining the structure of the dumped site + inviting new interfaces based on these "raw" materials). Such an interface would need an explanation text to give it context.<br />
<br />
== 18 October 2017: Sprint Day 3 ==<br />
* Show the feeds in the map!<br />
* Show images in the feed (for video, etc)<br />
* <s>Make overlay 33% width</s><br />
* Category: integrate into Wiki panel: Show active category there.<br />
* <s>Subcategories?? Start category as well...</s><br />
* <s>Create a super category to manage which categories are shown in the map interface (Menu)</s><br />
* Draw category when page is opened?<br />
* Category Member order (in category dump pages) ... Alphabetical + same as map (circle linking order)<br />
* Activate one category at a time (idea to simplify categories in combination with drawing when open)<br />
* Deleted pages: "Les orientations en Bachelor" ... This should be fixed when using joined data ipv wikimap.<br />
* Apply wiki categories to feed items (Video, Radio, Event)<br />
* Videos + radio (mixcloud) links<br />
* Three interfaces: Map, Agenda, SVG (which?)<br />
* Let each feed be a "category"... shows up in the category panel and is selectable <br />
* Add category in the CSS ... to enable link styling<br />
* Add category name along the edge of the line.<br />
* Reverse linking (mouse over in map highlights the link in wiki)<br />
* Consider hiding the parenthesized part of a page title (such as (B1))<br />
---<br />
* Show history trail in the map (another link style?!)<br />
* Auto Link text to wiki titles in the agenda display<br />
* Show Contextual information about a feed when navigating<br />
* Cache "map" view when opening a link, click on map icon to return to previous view<br />
* Map: Initial view (placement of objects)<br />
* Map: Ensure elements stay inside the "fishtank"<br />
* Map: Zoom in when element is clicked? (cf behaviour in archipels.be)<br />
* Additional interfaces: OpenStreetMap, Files (pedagogic), Archive / Wayback<br />
* Deprecated: Show symbols related to item categories (Alexia: symbols need a legend, maybe creates as many problems as it "solves")<br />
<br />
Catégories:<br />
MENU<br />
* Bachelors<br />
** B1<br />
** B2<br />
** B3<br />
* Masters<br />
** M1<br />
** M2<br />
* Cours théoriques<br />
* Cours techniques<br />
* Cours de soutien spécifiques<br />
* Orientations<br />
* Ateliers pluridisciplinaires<br />
* Equipes<br />
** Conseil de gestion pédagogique<br />
** Conseil étudiant<br />
** Enseignants<br />
** Équipe administrative<br />
<br />
Questions:<br />
* rester sur la page sur laquelle on est quand on décoche une catégorie (ne pas retourner à la page de la catégorie décochée)<br />
* [[catégorie: Wiki only]] ne fonctionne pas sur l'acceuil<br />
== 24 octobre ==<br />
* <s>Création de la page [[to do|TO DO]]</s><br />
* Onglet Feeds ON/OFF<br />
* Alexia:<br />
** template html + CSS du wiki<br />
** css menu<br />
** <s>rédiger texte d'accueil du site <br />
** <s>documenter le wiki mode d'emploi (acceuil du wiki)</s><br />
** documenter la page site web: comment fonctionnent les catégories, les pages, les liens et la structure (page site web)<br />
<br />
== 30 novembre == <br />
fonctionnalités prioritaires<br />
<br />
* wiki only: ne pas afficher sur le site<br />
* afficher l'acceuil sur le site<br />
* activer/désactiver le flux sur la carte<br />
* possibilité de retrouver visible la partie droite du site quand on l'a rendue invisible<br />
<br />
template html (Alexia)<br />
<br />
* flux rss full page<br />
* design du menu<br />
* design wiki content<br />
<br />
communication (Alexia)<br />
<br />
* schéma de la plateforme<br />
* documenter la page site web: comment fonctionnent les catégories, les pages, les liens et la structure (page site web) -> lié au schéma<br />
<br />
== 15 january ==<br />
<br />
* close wiki mode d'emploi + new address<br />
* dumping & interfaces<br />
* public interface uploaded and served from erg.be<br />
* files in the dump > fix<br />
* mode d'emploi to add websites + formular texts + list of platforms using RSS<br />
* test create account + sending mail<br />
* querys + formular names in category Site web + ... + date templates<br />
* scraping - from websites directly vs RSS feeds contents + facebook pages?</div>127.0.0.1https://wiki.erg.be/mw/index.php?title=Discussion:Erg.be&diff=3764Discussion:Erg.be2018-01-15T11:40:35Z<p>127.0.0.1 : /* 15 january */</p>
<hr />
<div>== 12 septembre == <br />
<br />
Michaël, Sammy, Ludivine, Alexia, Martin<br />
<br />
Compte-rendu:<br />
<br />
'''Serveur local'''<br />
<br />
mise en place d'un serveur local (Rasperypi) qui sera le repository du site<br />
Il générera les pages html publiques sur erg.be et constituera donc le "miroir" du site.<br />
<br />
'''Outils installés'''<br />
<br />
* [https://about.gitlab.com/2015/04/21/gitlab-on-raspberry-pi-2/ gitlab]<br />
* etherpad<br />
* tiny tiny RSS<br />
<br />
Possibilité de l'utiliser pour héberger d'autres contenus (comme dépot.local, des modes d'emploi, de la documentation, des pads, des livres, des travaux...) par tous les membres de l'école, en local et en distinguant la partie publique et privé.<br />
<br />
Possibilité d'installer d'autres Pi, et d'autres outils (nexclcloud, agendas,...) connectés. (voir [[Stéphane Noël]])<br />
<br />
Mise en place d'un service mail et de mailing lists associées: Domaine public?<br />
Hébergement web: Domaine public?<br />
<br />
<br />
'''Site'''<br />
<br />
Actuellement le site possède plusieurs interfaces développant des axes de lecture différents, développées pendant le workshop<br />
[[Workshop Juillet 2017 | CARTOGRAPHIE DE FLUX: STITCHING THE ERG WEB]] et une développée par Michaël.<br />
<br />
Sont à distinguer les noeuds<br />
<br />
* contenus des cours<br />
* news<br />
* posts issus des blogs et sites satellites. (voir comment en ajouter) pour le moment, voir liste [https://framacalc.org/sites-satellites-erg ici].<br />
<br />
Edition des contenus (outils): <br />
* contenus des cours et informations émanants de l'erg: sur ce wiki<br />
* news: sur ce wiki ou sur un wordpress (à déterminer)<br />
* gestion des flux rss (filtrage): Tiny Tiny rss + utilisation des tags pour caractériser les news et éventuellement une redirection automatique vers facebook.<br />
<br />
== 18 septembre ==<br />
<br />
Michaël, Sammy, Alexia<br />
<br />
Compte-rendu:<br />
<br />
'''Site'''<br />
<br />
Michaël a migré le contenu de la base de donnée Spip de l'ancien site vers le Wiki.<br />
Maintenant, le Wiki s'affiche sur la partie droite de l'écran tandis que les différents modes des visualisation s'affichent sur la gauche.<br />
<br />
En mode 'flux', des liens entre les flux RSS et le wiki se font quand par exemple, le nom d'un professeur apparait dans un post, il fait un lien vers sa fiche-bio qui se trouve sur le Wiki.<br />
<br />
Discussion sur l'organisation des contenus des cours, au niveau de la structure du wiki. Passer en mode purement "flat", soit sans aucune hiérarchisation (ce qui s'apparenterait à un dictionnaire et donc sans mise en évidence), soit penser une série de catégories comme points d'entrée pour "typer" certains contenus et générer automatiquement des modes "liste" de visualisation. Exemple: les différents types de cours <br />
<br />
A voir si les news, et leur archivage pourraient également fonctionner comme ça. <br />
<br />
Alexia et Sammy vont créer quelques catégories pour tester le comportement de la carte en intégrant ces "filtres" de contenu.<br />
Toutes ou une partie de ces catégories pourraient fonctionner comme une navigation à l'instar des îlots du site Archipel de la Médiathèque réalisé par Michael.<br />
<br />
Notes:<br />
— les redirections sont représentées dans le graph-> pas nécessaire<br />
<br />
- les catégories représentent les concepts et les pages, les objets<br />
<br />
Catégories :<br />
* orientations<br />
* AP<br />
* cours théoriques<br />
* cours techniques<br />
* cours de soutien à l'orientation<br />
* B1<br />
* B2<br />
* B3<br />
* M1<br />
* M2<br />
* (cours spécifiques) <br />
* stages internes<br />
* outils collectifs<br />
* évènements<br />
* archives<br />
* enseignants<br />
* workshops<br />
* séminaire<br />
* agenda<br />
<br />
'''TO DO LIST'''<br />
* organisation du contenu sur le wiki (mardi 10)<br />
* communication générale -> en lien avec le groupe communication?<br />
* workshop semaine du 16 octobre<br />
<br />
== 9 Oct 2017 ==<br />
<br />
'''SPRINT''': Will work next week intensely Monday (afternoon) + Tuesday + Wednesday<br />
<br />
We talked about working on 3(4) different interfaces:<br />
<br />
* Javascript : Dynamic site map (SVG, d3js) ... initimately linked to the WIKI structure + Categories<br />
* Agenda / Flux Activite: HTML (+ CSS), based on a [http://jinja.pocoo.org/docs/2.9/templates/ "jinja" template]<br />
* SVG (pan + zoomable, links to wiki pages)<br />
<br />
Another places for intervention / site work:<br />
* Agenda wordpress (based on Wordpress + Tribe Event Plugin) <br />
* Templates of the wiki pages + RSS feeds that are dumped<br />
<br />
TODO:<br />
* Add message in wiki page (jinja) template about pages coming from wiki (include last modified timestamp + link to wiki page)<br />
* Category > Programming categories to make ilots: Draw as a wheel, connecting the elements in a closed loop, category name either inside or perhaps around the edge.<br />
* Show history !! in addition<br />
* Categories, History, and Links are maybe each a different style of linking (use link classes, css style differently)<br />
* Show the activity as a time based animation ... imagine watching wiki additions (filter out the ins tag texts) in "real time" (or sped up) SVG animation. (Maybe this means practically: for now: ensure the data structure would support such an animation, for future: build the animation)<br />
* Document the "Join" data structure -- annotate an example of an item or items from join.json on the wiki<br />
* Add a type field to the items to make it easy to select things like blog posts, wikiedits, events, vimeo.<br />
* Take the "Map of the school" poster example (Harrison) and make it a "real" interface?<br />
[[Fichier:2017 ERG annonce medor ok.jpg|vignette|exemple d'un interface svg possible basée sur le dessin de Harrisson]]<br />
* Use the "wheel" as a model SVG<br />
<br />
=== Future interfaces ===<br />
* Map of the school<br />
* Timeline / animation of activity<br />
* Facebook scraper<br />
* Media players<br />
* 3d space of images (inspired by ... ) threejs?<br />
* Develop a non-d3 specific javascript example?<br />
<br />
== 16 October 2017: Sprint Day 1 ==<br />
<br />
* Added modedemploi changes to the aggregator<br />
* todo (mm): Modify the mediawiki changes to link to page (not diff view) and think about reformatting the change contents (or simply not showing it)<br />
<br />
What we work on now:<br />
<br />
* Alexia: Changing "list pages" to Categories (moving text, moving "in-page" content to individual course pages + Category, deleting the old page). e.g. [[Les cours techniques]]<br />
* <s>Michael: Categories display in the map (click to connect in ring)</s><br />
* MM: Implement the Hide category ? (is this still needed? probably useful)<br />
* MM: Show all items (pages + post/edits + events) in the map<br />
* <s>Michael: Migrate to pi</s><br />
<br />
Other items:<br />
<br />
* Accueil as Category?<br />
<br />
Links<br />
<br />
* [https://www.mediawiki.org/wiki/Help:Categories#Sort_key Category sort keys]<br />
<br />
[[File:Categoryloops.png|thumb]]<br />
<br />
'''End of day'''<br />
<br />
* Category LOOPS!<br />
<br />
New todo's<br />
* <s>Category members in the cat page dumps</s><br />
* Order of category members (kind of random now)<br />
* Category classes (use the category id in the link class to allow color / style)<br />
* Make the toc/Sommaire collapsable in the wiki pages<br />
<br />
== 17 October 2017: Sprint Day 2 ==<br />
* <s>Automatically update the site (cron job)</s><br />
* <s>added padding in wiki template</s><br />
* <s>remove modedemploi from ttrss (redundant)</s><br />
* mediawikidump: include update timestamp ... use dump data ipv sitemap (hopefully this fixes dead categories)<br />
* Highlight the LINKS (on node rollover!!)<br />
* Update category dumps when members change (!) ... maybe force them for now?<br />
* Zooming and "camera" centering in the archipel interface<br />
* Files/attachments in wiki pages<br />
<br />
TO DO:<br />
* Documenter les interfaces comme un 3e niveau, (celui de l'interface même de navigation)<br />
* Create + test a "simple static SVG" interface -- to serve as template for future interfaces (Wednesday?!)<br />
* Create a link for a "file system" interface (useful for explaining the structure of the dumped site + inviting new interfaces based on these "raw" materials). Such an interface would need an explanation text to give it context.<br />
<br />
== 18 October 2017: Sprint Day 3 ==<br />
* Show the feeds in the map!<br />
* Show images in the feed (for video, etc)<br />
* <s>Make overlay 33% width</s><br />
* Category: integrate into Wiki panel: Show active category there.<br />
* <s>Subcategories?? Start category as well...</s><br />
* <s>Create a super category to manage which categories are shown in the map interface (Menu)</s><br />
* Draw category when page is opened?<br />
* Category Member order (in category dump pages) ... Alphabetical + same as map (circle linking order)<br />
* Activate one category at a time (idea to simplify categories in combination with drawing when open)<br />
* Deleted pages: "Les orientations en Bachelor" ... This should be fixed when using joined data ipv wikimap.<br />
* Apply wiki categories to feed items (Video, Radio, Event)<br />
* Videos + radio (mixcloud) links<br />
* Three interfaces: Map, Agenda, SVG (which?)<br />
* Let each feed be a "category"... shows up in the category panel and is selectable <br />
* Add category in the CSS ... to enable link styling<br />
* Add category name along the edge of the line.<br />
* Reverse linking (mouse over in map highlights the link in wiki)<br />
* Consider hiding the parenthesized part of a page title (such as (B1))<br />
---<br />
* Show history trail in the map (another link style?!)<br />
* Auto Link text to wiki titles in the agenda display<br />
* Show Contextual information about a feed when navigating<br />
* Cache "map" view when opening a link, click on map icon to return to previous view<br />
* Map: Initial view (placement of objects)<br />
* Map: Ensure elements stay inside the "fishtank"<br />
* Map: Zoom in when element is clicked? (cf behaviour in archipels.be)<br />
* Additional interfaces: OpenStreetMap, Files (pedagogic), Archive / Wayback<br />
* Deprecated: Show symbols related to item categories (Alexia: symbols need a legend, maybe creates as many problems as it "solves")<br />
<br />
Catégories:<br />
MENU<br />
* Bachelors<br />
** B1<br />
** B2<br />
** B3<br />
* Masters<br />
** M1<br />
** M2<br />
* Cours théoriques<br />
* Cours techniques<br />
* Cours de soutien spécifiques<br />
* Orientations<br />
* Ateliers pluridisciplinaires<br />
* Equipes<br />
** Conseil de gestion pédagogique<br />
** Conseil étudiant<br />
** Enseignants<br />
** Équipe administrative<br />
<br />
Questions:<br />
* rester sur la page sur laquelle on est quand on décoche une catégorie (ne pas retourner à la page de la catégorie décochée)<br />
* [[catégorie: Wiki only]] ne fonctionne pas sur l'acceuil<br />
== 24 octobre ==<br />
* <s>Création de la page [[to do|TO DO]]</s><br />
* Onglet Feeds ON/OFF<br />
* Alexia:<br />
** template html + CSS du wiki<br />
** css menu<br />
** <s>rédiger texte d'accueil du site <br />
** <s>documenter le wiki mode d'emploi (acceuil du wiki)</s><br />
** documenter la page site web: comment fonctionnent les catégories, les pages, les liens et la structure (page site web)<br />
<br />
== 30 novembre == <br />
fonctionnalités prioritaires<br />
<br />
* wiki only: ne pas afficher sur le site<br />
* afficher l'acceuil sur le site<br />
* activer/désactiver le flux sur la carte<br />
* possibilité de retrouver visible la partie droite du site quand on l'a rendue invisible<br />
<br />
template html (Alexia)<br />
<br />
* flux rss full page<br />
* design du menu<br />
* design wiki content<br />
<br />
communication (Alexia)<br />
<br />
* schéma de la plateforme<br />
* documenter la page site web: comment fonctionnent les catégories, les pages, les liens et la structure (page site web) -> lié au schéma<br />
<br />
== 15 january ==<br />
<br />
* dumping & interfaces<br />
* public interface uploaded and served from erg.be<br />
<br />
* scraping - from websites directly vs RSS feeds contents + facebook pages?<br />
* files inexeported in the dump > fix<br />
* close wiki mode d'emploi + new address<br />
* mode d'emploi to add websites + formular texts + list of platforms using RSS<br />
* test create account + sending mail<br />
* querys + formular names in category Site web + ... + date templates</div>127.0.0.1https://wiki.erg.be/mw/index.php?title=Discussion:Erg.be&diff=3759Discussion:Erg.be2018-01-15T11:00:22Z<p>127.0.0.1 : </p>
<hr />
<div>== 12 septembre == <br />
<br />
Michaël, Sammy, Ludivine, Alexia, Martin<br />
<br />
Compte-rendu:<br />
<br />
'''Serveur local'''<br />
<br />
mise en place d'un serveur local (Rasperypi) qui sera le repository du site<br />
Il générera les pages html publiques sur erg.be et constituera donc le "miroir" du site.<br />
<br />
'''Outils installés'''<br />
<br />
* [https://about.gitlab.com/2015/04/21/gitlab-on-raspberry-pi-2/ gitlab]<br />
* etherpad<br />
* tiny tiny RSS<br />
<br />
Possibilité de l'utiliser pour héberger d'autres contenus (comme dépot.local, des modes d'emploi, de la documentation, des pads, des livres, des travaux...) par tous les membres de l'école, en local et en distinguant la partie publique et privé.<br />
<br />
Possibilité d'installer d'autres Pi, et d'autres outils (nexclcloud, agendas,...) connectés. (voir [[Stéphane Noël]])<br />
<br />
Mise en place d'un service mail et de mailing lists associées: Domaine public?<br />
Hébergement web: Domaine public?<br />
<br />
<br />
'''Site'''<br />
<br />
Actuellement le site possède plusieurs interfaces développant des axes de lecture différents, développées pendant le workshop<br />
[[Workshop Juillet 2017 | CARTOGRAPHIE DE FLUX: STITCHING THE ERG WEB]] et une développée par Michaël.<br />
<br />
Sont à distinguer les noeuds<br />
<br />
* contenus des cours<br />
* news<br />
* posts issus des blogs et sites satellites. (voir comment en ajouter) pour le moment, voir liste [https://framacalc.org/sites-satellites-erg ici].<br />
<br />
Edition des contenus (outils): <br />
* contenus des cours et informations émanants de l'erg: sur ce wiki<br />
* news: sur ce wiki ou sur un wordpress (à déterminer)<br />
* gestion des flux rss (filtrage): Tiny Tiny rss + utilisation des tags pour caractériser les news et éventuellement une redirection automatique vers facebook.<br />
<br />
== 18 septembre ==<br />
<br />
Michaël, Sammy, Alexia<br />
<br />
Compte-rendu:<br />
<br />
'''Site'''<br />
<br />
Michaël a migré le contenu de la base de donnée Spip de l'ancien site vers le Wiki.<br />
Maintenant, le Wiki s'affiche sur la partie droite de l'écran tandis que les différents modes des visualisation s'affichent sur la gauche.<br />
<br />
En mode 'flux', des liens entre les flux RSS et le wiki se font quand par exemple, le nom d'un professeur apparait dans un post, il fait un lien vers sa fiche-bio qui se trouve sur le Wiki.<br />
<br />
Discussion sur l'organisation des contenus des cours, au niveau de la structure du wiki. Passer en mode purement "flat", soit sans aucune hiérarchisation (ce qui s'apparenterait à un dictionnaire et donc sans mise en évidence), soit penser une série de catégories comme points d'entrée pour "typer" certains contenus et générer automatiquement des modes "liste" de visualisation. Exemple: les différents types de cours <br />
<br />
A voir si les news, et leur archivage pourraient également fonctionner comme ça. <br />
<br />
Alexia et Sammy vont créer quelques catégories pour tester le comportement de la carte en intégrant ces "filtres" de contenu.<br />
Toutes ou une partie de ces catégories pourraient fonctionner comme une navigation à l'instar des îlots du site Archipel de la Médiathèque réalisé par Michael.<br />
<br />
Notes:<br />
— les redirections sont représentées dans le graph-> pas nécessaire<br />
<br />
- les catégories représentent les concepts et les pages, les objets<br />
<br />
Catégories :<br />
* orientations<br />
* AP<br />
* cours théoriques<br />
* cours techniques<br />
* cours de soutien à l'orientation<br />
* B1<br />
* B2<br />
* B3<br />
* M1<br />
* M2<br />
* (cours spécifiques) <br />
* stages internes<br />
* outils collectifs<br />
* évènements<br />
* archives<br />
* enseignants<br />
* workshops<br />
* séminaire<br />
* agenda<br />
<br />
'''TO DO LIST'''<br />
* organisation du contenu sur le wiki (mardi 10)<br />
* communication générale -> en lien avec le groupe communication?<br />
* workshop semaine du 16 octobre<br />
<br />
== 9 Oct 2017 ==<br />
<br />
'''SPRINT''': Will work next week intensely Monday (afternoon) + Tuesday + Wednesday<br />
<br />
We talked about working on 3(4) different interfaces:<br />
<br />
* Javascript : Dynamic site map (SVG, d3js) ... initimately linked to the WIKI structure + Categories<br />
* Agenda / Flux Activite: HTML (+ CSS), based on a [http://jinja.pocoo.org/docs/2.9/templates/ "jinja" template]<br />
* SVG (pan + zoomable, links to wiki pages)<br />
<br />
Another places for intervention / site work:<br />
* Agenda wordpress (based on Wordpress + Tribe Event Plugin) <br />
* Templates of the wiki pages + RSS feeds that are dumped<br />
<br />
TODO:<br />
* Add message in wiki page (jinja) template about pages coming from wiki (include last modified timestamp + link to wiki page)<br />
* Category > Programming categories to make ilots: Draw as a wheel, connecting the elements in a closed loop, category name either inside or perhaps around the edge.<br />
* Show history !! in addition<br />
* Categories, History, and Links are maybe each a different style of linking (use link classes, css style differently)<br />
* Show the activity as a time based animation ... imagine watching wiki additions (filter out the ins tag texts) in "real time" (or sped up) SVG animation. (Maybe this means practically: for now: ensure the data structure would support such an animation, for future: build the animation)<br />
* Document the "Join" data structure -- annotate an example of an item or items from join.json on the wiki<br />
* Add a type field to the items to make it easy to select things like blog posts, wikiedits, events, vimeo.<br />
* Take the "Map of the school" poster example (Harrison) and make it a "real" interface?<br />
[[Fichier:2017 ERG annonce medor ok.jpg|vignette|exemple d'un interface svg possible basée sur le dessin de Harrisson]]<br />
* Use the "wheel" as a model SVG<br />
<br />
=== Future interfaces ===<br />
* Map of the school<br />
* Timeline / animation of activity<br />
* Facebook scraper<br />
* Media players<br />
* 3d space of images (inspired by ... ) threejs?<br />
* Develop a non-d3 specific javascript example?<br />
<br />
== 16 October 2017: Sprint Day 1 ==<br />
<br />
* Added modedemploi changes to the aggregator<br />
* todo (mm): Modify the mediawiki changes to link to page (not diff view) and think about reformatting the change contents (or simply not showing it)<br />
<br />
What we work on now:<br />
<br />
* Alexia: Changing "list pages" to Categories (moving text, moving "in-page" content to individual course pages + Category, deleting the old page). e.g. [[Les cours techniques]]<br />
* <s>Michael: Categories display in the map (click to connect in ring)</s><br />
* MM: Implement the Hide category ? (is this still needed? probably useful)<br />
* MM: Show all items (pages + post/edits + events) in the map<br />
* <s>Michael: Migrate to pi</s><br />
<br />
Other items:<br />
<br />
* Accueil as Category?<br />
<br />
Links<br />
<br />
* [https://www.mediawiki.org/wiki/Help:Categories#Sort_key Category sort keys]<br />
<br />
[[File:Categoryloops.png|thumb]]<br />
<br />
'''End of day'''<br />
<br />
* Category LOOPS!<br />
<br />
New todo's<br />
* <s>Category members in the cat page dumps</s><br />
* Order of category members (kind of random now)<br />
* Category classes (use the category id in the link class to allow color / style)<br />
* Make the toc/Sommaire collapsable in the wiki pages<br />
<br />
== 17 October 2017: Sprint Day 2 ==<br />
* <s>Automatically update the site (cron job)</s><br />
* <s>added padding in wiki template</s><br />
* <s>remove modedemploi from ttrss (redundant)</s><br />
* mediawikidump: include update timestamp ... use dump data ipv sitemap (hopefully this fixes dead categories)<br />
* Highlight the LINKS (on node rollover!!)<br />
* Update category dumps when members change (!) ... maybe force them for now?<br />
* Zooming and "camera" centering in the archipel interface<br />
* Files/attachments in wiki pages<br />
<br />
TO DO:<br />
* Documenter les interfaces comme un 3e niveau, (celui de l'interface même de navigation)<br />
* Create + test a "simple static SVG" interface -- to serve as template for future interfaces (Wednesday?!)<br />
* Create a link for a "file system" interface (useful for explaining the structure of the dumped site + inviting new interfaces based on these "raw" materials). Such an interface would need an explanation text to give it context.<br />
<br />
== 18 October 2017: Sprint Day 3 ==<br />
* Show the feeds in the map!<br />
* Show images in the feed (for video, etc)<br />
* <s>Make overlay 33% width</s><br />
* Category: integrate into Wiki panel: Show active category there.<br />
* <s>Subcategories?? Start category as well...</s><br />
* <s>Create a super category to manage which categories are shown in the map interface (Menu)</s><br />
* Draw category when page is opened?<br />
* Category Member order (in category dump pages) ... Alphabetical + same as map (circle linking order)<br />
* Activate one category at a time (idea to simplify categories in combination with drawing when open)<br />
* Deleted pages: "Les orientations en Bachelor" ... This should be fixed when using joined data ipv wikimap.<br />
* Apply wiki categories to feed items (Video, Radio, Event)<br />
* Videos + radio (mixcloud) links<br />
* Three interfaces: Map, Agenda, SVG (which?)<br />
* Let each feed be a "category"... shows up in the category panel and is selectable <br />
* Add category in the CSS ... to enable link styling<br />
* Add category name along the edge of the line.<br />
* Reverse linking (mouse over in map highlights the link in wiki)<br />
* Consider hiding the parenthesized part of a page title (such as (B1))<br />
---<br />
* Show history trail in the map (another link style?!)<br />
* Auto Link text to wiki titles in the agenda display<br />
* Show Contextual information about a feed when navigating<br />
* Cache "map" view when opening a link, click on map icon to return to previous view<br />
* Map: Initial view (placement of objects)<br />
* Map: Ensure elements stay inside the "fishtank"<br />
* Map: Zoom in when element is clicked? (cf behaviour in archipels.be)<br />
* Additional interfaces: OpenStreetMap, Files (pedagogic), Archive / Wayback<br />
* Deprecated: Show symbols related to item categories (Alexia: symbols need a legend, maybe creates as many problems as it "solves")<br />
<br />
Catégories:<br />
MENU<br />
* Bachelors<br />
** B1<br />
** B2<br />
** B3<br />
* Masters<br />
** M1<br />
** M2<br />
* Cours théoriques<br />
* Cours techniques<br />
* Cours de soutien spécifiques<br />
* Orientations<br />
* Ateliers pluridisciplinaires<br />
* Equipes<br />
** Conseil de gestion pédagogique<br />
** Conseil étudiant<br />
** Enseignants<br />
** Équipe administrative<br />
<br />
Questions:<br />
* rester sur la page sur laquelle on est quand on décoche une catégorie (ne pas retourner à la page de la catégorie décochée)<br />
* [[catégorie: Wiki only]] ne fonctionne pas sur l'acceuil<br />
== 24 octobre ==<br />
* <s>Création de la page [[to do|TO DO]]</s><br />
* Onglet Feeds ON/OFF<br />
* Alexia:<br />
** template html + CSS du wiki<br />
** css menu<br />
** <s>rédiger texte d'accueil du site <br />
** <s>documenter le wiki mode d'emploi (acceuil du wiki)</s><br />
** documenter la page site web: comment fonctionnent les catégories, les pages, les liens et la structure (page site web)<br />
<br />
== 30 novembre == <br />
fonctionnalités prioritaires<br />
<br />
* wiki only: ne pas afficher sur le site<br />
* afficher l'acceuil sur le site<br />
* activer/désactiver le flux sur la carte<br />
* possibilité de retrouver visible la partie droite du site quand on l'a rendue invisible<br />
<br />
template html (Alexia)<br />
<br />
* flux rss full page<br />
* design du menu<br />
* design wiki content<br />
<br />
communication (Alexia)<br />
<br />
* schéma de la plateforme<br />
* documenter la page site web: comment fonctionnent les catégories, les pages, les liens et la structure (page site web) -> lié au schéma<br />
<br />
== 15 january ==<br />
<br />
* dumping & interfaces<br />
<br />
<br />
* scraping - from websites directly vs RSS feeds contents + facebook pages?<br />
* files inexeported in the dump > fix<br />
* close wiki mode d'emploi + new address<br />
* mode d'emploi to add websites + formular texts + list of platforms using RSS</div>127.0.0.1https://wiki.erg.be/mw/index.php?title=Page_web_talk:Foo&diff=2067Page web talk:Foo2017-12-28T13:10:06Z<p>127.0.0.1 : Page créée avec « Hello world »</p>
<hr />
<div>Hello world</div>127.0.0.1