User:Alice/Leaflet platform: Difference between revisions

From XPUB & Lens-Based wiki
No edit summary
No edit summary
 
Line 1: Line 1:
=Concept=


The project that has been the focus of the past year is based on a large collection of material, from text, to images, to videos. In terms of work produced, it's composed of a written essay which follows the development of the meal replacement phenomenon, a video essay which focuses on meal replacements as alleged solutions to problems, and a multi-sensory installation. It also contains a number of other material, such as audio files, spreadsheets and written diaries, transcriptions, etc. The connections between all these pieces is crucial in having a broad outlook on the topic, and understanding all the implications that come with a seemingly inconspicuous range of products. This is why I wanted a publishing platform which can highlight all these connections through hyperlinks.


=Original project=
=Original project=
Line 23: Line 21:


[[File:Publishing archive.png|frameless|center]]
[[File:Publishing archive.png|frameless|center]]
=Hosting=
Continuing with the concept of a bedroom-based project, the website is self-hosted on the server running from a RaspberryPi in my own house.
=Types of content=
==Text==
* Thesis, which is already set up on the website
* [https://pad.xpub.nl/p/transcription_futurefood Transcription] of interview
* Quotes and excerpts
==Images==
* personal archive
* screenshots of product websites
* food appropriation in tech
* transhumanism
==Video==
* video essay
* other product reviews
* vintage videos on food
* promotional videos from brands
==Online articles==
* see the ones used as references
==Audio==
* eating sounds
* interview

Latest revision as of 19:51, 21 May 2019


Original project

The Situationist Times project provided me with the ideal platform for my work. It will connect the text of my thesis with specific parts of my video and a number of related material using leaflet to map out the written content, then connect the coordinates of certain paragraphs to the timestamps of the video.

Working with Leaflet

First attempt at using leaflet:

Leaflet.png
Leaflet page.png

In the absence of Leafygal, I was not able to add more than one page layer to the html. The script that creates the tiles automatically from images create a separate folder for all the tiles, for each image in particular. Hence, it was not possible to have it run through a series of folders.

Leafygal

Leafygal allows a grid to be created out of tile layers.

Leaflet leafygal.png

The platform that combines the map area, the video and the annotations

Leaflet platform.png

The updated form of the written essay.

Publishing archive.png