RShiny op WordPress – Hoe werkt het

Dit is een kort stappenplan voor het online publiceren van je RShiny app en het embedden ervan op WordPress. Wanneer je onderstaande stappen volgt kun je je shiny app uiteindelijk embedden zoals je hieronder kunt zien:

Oké, cool! Dan nu de stappen hoe je dit het snelst voor elkaar krijgt

Part A: Schrijf je app in RStudio

Start

  • In RStudio maak je een nieuw R project aan. Zorg dat je je data ook in de folder doet waarin je .Rproj bestand staat.
  • In je nieuwe project maak een nieuwe .R file. Sla deze op met de naam “app”. Het bestand heet dan “app.R”. Deze naam herkent Shiny.

Maak en test je app

  • Maak of plak je code in je aangemaakte R file
  • Zorg dat je al je packages die je nodig hebt in de code laad (en dat je ze hebt geïnstalleerd)
  • Run app om te testen of het werkt zoals je wil
  • Installeer alvast de package ‘rsconnect’ (deze heb je straks nodig voor online publicatie)

Part B: Online publiceren

  • Als je dat nog niet gedaan hebt: installeer de library ‘rsconnect’ in RStudio. Laad deze library ook in je code.
  • Kopiëer de code van stap 2 op shinyapps.io wanneer je bent ingelogd. Plak deze code in je console in RStudio. Hiermee wordt je account gekoppeld aan RStudio.
  • Druk op de knop in RStudio ‘Publiceer’. Kies een passende naam voor je Shiny pagina. Het kan even duren, dan verschijnt er een online webpagina met jouw app.
  • Wanneer je na publicatie nog iets in je app wil aanpassen, dan kun je vervolgens op Reload App klikken om deze te testen. Klik daarna weer op ‘Publish’ om de veranderingen ook in de online versie door te voeren.

Part C: Embed je Shiny app in je WordPress blogpost

In je wordpress blogpost embed een ‘iframe’ met de link naar je gepubliceerde app (als je de link niet meer weet kun je in je ShinyApp.io account zien welke apps je gepubliceerd hebt).

Hieronder staat de code die je moet invoegen in je blogpost om een Shiny app te embedden. Deze code moet je aan je blogpost toevoegen in de ‘Code editor’ modus. Klik op het drie puntjes menu rechts boven in het scherm wanneer je de blogpost edit, en kies voor ‘Code editor’ (in plaats van ‘Visuele editor’). Pas onderstaande code aan met de link naar je eigen op shinyapps.io gepubliceerde Shiny applicatie. Kopieër dan de code en plak deze in de blogpost op de plek waar je je Shiny app wilt tonen.

<iframe src="https://wouterm.shinyapps.io/shiny_example/" allowfullscreen="allowfullscreen" width="100%" height="500" frameborder="0"></iframe>

Wanneer je teveel witruimte ziet onder je Shiny app of het past juist niet helemaal in de hoogte van de pagina, dan kun je van bovenstaande code de height groter of kleiner maken.


Gefeliciteerd met je eerste online Shiny app! Dit was het einde van deze tutorial


Talk of Fame

Vool Blok B gaan studenten hun datavisualisatie van Blok A animeren. In het vak Animatie hebben studenten elkaar door middel van korte video presentaties aan inspirerende animatie kunstenaars geintroduceerd. Ter overzicht en als ‘hommage’ op de ‘Walk of Fame’ hebben studenten voor ieder kunstenaar een Gif of Meme gemaakt:

Théâtre Optique

Théâtre Optique is een uitvinding van Charles-Émile Reynaud, het is een verbetering van de praxinoscoop die erop gericht is om beelden te projecteren voor een hele groep toeschouwers.
Bekijk hier en hier twee voorbeelden.
– door Sanne Breuers

Émile Cohl

In bovenstaande link is de eerste animatiefilm ooit gemaakt door Emile Cohl. Opvallend is hierbij de simpliciteit van kleuren en tekeningen. De Gif is gekozen, omdat dit zijn meest bekende werk is. De originele link van de gehele video is hier te zien:
Fantasmagorie Émile Cohl, 1908  

In onderstaande link is er nog een videofragment te zien van een van zijn werken:
Le retapeur de cervelles (Émile Cohl, 1910)
– door Shaquira Brug

Lotte Reiniger

Twee films van Lotte Reiniger kun je hier en hier bekijken.
– door Alyssa Cortenbach


John Whitney

– door Wouter van Eden

Saul Bass

– door Justin Hendriks

Jan Švankmajer

De maker is Jan Švankmajer, een Tsjechisch filmregisseur en animator. Svankmajer is bekend om zijn surrealistische stop-motionvideo’s. Bekijk ze hier en hier.
– door Roos Heuvelmann

Julia Veldman

via GIPHY

Julia Veldman c is een visual storyteller. Haar stijl is een vermenging van het fauvisme, surrealisme en de klassiek moderne kunst. Terwijl ze personages tekent, kopieert ze hun gelaatsuitdrukking, het tekenen van deze personages maakt haar waanzinnig gelukkig.
Twee films kun je hier en hier bekijken.
– door Martine Jannes

Meriem Bennani

Meriem Bennani is digitaal kunstenaar. Ze maakt dingen uit het dagelijks leven gek en grappig, gecombineerd met geluidseffecten. Haar video’s kun je bekijken op https://www.instagram.com/meriembennani/– door Tamo van Lochem

Parallel Teeth

Parallel Teeth is de maker van geanimeerde illusies waarbij zijn getekende en neon-kleurige huisstijl niet mag ontbreken.
Bekijk hier een hier twee voorbeelden.
–door Menno Noltes

Paulina Ziólowska

Paulina Ziólowska is een Illustrator & animator | door Dilara Önal

Alex Moy

Jonge maker die veel werk uit de losse hand tekent (2d) en daar een surrealistische draai aan geeft.
Bekijk twee films hier en hier.
– door Rosanne Peters

Dante Zaballa

Dit is het werk van Dante Zaballa, The Doodle Project.
– door Anne de Vries

Daniel Stankler

Een illustrator en animator die werkt met felle kleuren, harde contrasten, ongewone composities en Traditionele illustraties die bij verhalen en sprookjes horen. Bekijk twee voorbeelden hier en hier.
– door Mohamed Ouzakar

Kirsten Lepore

Bekijk één van haar films hier.
–door Anniek Huijgens

Fanélie Mueslier

Bekijk haar film hier.
– door Liora van der Meer

Little Nemo in Slumberland

via GIPHY

Little Nemo in Slumberland is een stripverhaal die gecreëerd is door Winsor McCay. Bekijk de voorbeeld hier.
– door Burcu Celikdemir