OER (Open Education Resources)

/OER (Open Education Resources)
OER (Open Education Resources)2021-07-19T15:44:28+00:00

OER (Open Education Resources)

This project includes free or financially accessible tools, not requiring particular skills and allowing to quickly produce high quality content. These tools are accompanied by tutorials and collected in toolkits dedicated to each technology.

All the contents are OER (Open Educational Resources) and have a Creative Commons Licence so that they can be (re-)used.

Toolkit


Reusable Models + Explanatory sheets

Model 1. Sigil

Sigil is a free and open source software that allows you to create files in ePub format. It also makes it easy to include metadata in ePub. It is available under MAC, Linux, and Windows. Attention, it only allows to create reflowable ePub…

Here is an ePub made from Sigil software.To be able to reproduce this model or create your own ePub, here is a EXPLANATORY SHEET that details the different steps of conception. If you wish to create a similar ePub, here are the elements you will need:

Model 2. BookCreator

Bookcreator is software available online and in application. It is designed for education and allowing to create exportable books in different formats: EPUB, PDF and video. It is downloadable as an iPad tablet application and can be used online with the Chrome browser.

Here is an ePub made from the BookCreator software. To be able to reproduce this template or create your own ePub, download the EXPLANATORY SHEET

Model 3. PubCoder

PubCoder is a paid creation and development software, widely used in the publishing industry. It allows you to easily create, from scratch or from InDesign files, enriched digital books in ePub format.

Here is an ePub made from the PubCoder software. To be able to reproduce this model or create your own ePub, here is a EXPLANATORY SHEET which details the different steps of conception.

Toolkit


Reusable Models + Explanatory sheets

MODEL 1 ROAR

You are going to need:

  • ROAR app (Android version, iOS version)
  • Trigger image (the image that the users are going to scan using ROAR app with their smartphones/tablets in order to see the Augmented Reality content hidden underneath)
  • A video hidden underneath (The video that the user will see as a result if he/she scans the trigger image with ROAR app)

Click the link below in order to download a step-by-step guide.

IO4 roadmap Augmented Printed Material - Roar Roar technical presentation

_________

MODEL 2 QUIVERVISION

You are going to need:

Click the link below in order to download a step-by-step guide.

IO4 roadmap Augmented Printed Material - Quivervision QuiverVision Technical Presentation

_________

MODEL 3 BLIPPAR

You are going to need:

  • Blippar App (Blippar for iOS, Blippar for Android)
  • Trigger image (the image that the users are going to scan using Blippar app with their smartphones/tablets in order to see the Augmented Reality content hidden underneath)
  • A video hidden underneath (The video that the user will see as a result if he/she scans the trigger image with Blippar app)

Click the link below in order to download a step-by-step guide.

IO4 roadmap Augmented Printed Material - Blippar - FINAL Blippar Technical Presentation

Toolkit


Reusable Models + Explanatory sheets

MODEL 1

In this case an interactive video was created – a video that includes interactive elements. The IV created here serves as a learning tool as preparation for a test and was created with the software H5P.

To reproduce this model you can download the step-by-step guide here

MODEL 2

In this case a branching scenario was created – multiple videos combined with questions in between. By answering the question the viewer decides about the protagonists’ plans for the weekend. The branching scenario was created with the software H5P.

To reproduce this model you can download the step-by-step guide

MODEL 3

In this case also a kind of branching scenario was created – a very simple one. You can prompt the viewer to choose a video you suggest.

¡To reproduce this model you can download the step-by-step guide¡

Toolkit


Reusable Models + Explanatory sheets

Model 1 – Immersive video – The Yser Inundation

It is an example of 3D or immersive video published on YouTube.

Here is the downloadable Explanatory Sheet about the Yser Inundation

To reuse this model, just go to our YouTube channel and share this video or embed it with the iFrame code.

Model 2 – Interactive 3D Photo – The Yser inundation

We used the same Insta 360 camera to shoot those photos. The resulting file is a editing format with a .insp extension.

To reproduce this model, you can download all the steps here : Explanatory Sheet with the complete instructions to do it by yourself.

Model 3 – Interactive 3D photo – The Nieuwpoort Museum

The West Front WWI project aims to show you what different usages you can make using the 3D camera.
We produced an immersive video and two interactive 3D photos as part of this project.

To reproduce this model, you can download all the steps here : Explanatory Sheet with the complete instructions to do it by yourself.

Toolkit


Reusable Models + Explanatory sheets

Reusable model 1

Reusable Model made with AR.js and Glitch.com

With this example, you’ll be able to dive into code, don’t be afraid!

Using a cámera and a marker that can be printed or shown with another screen, you will be able to see something like this:

Captura de pantalla 2020-06-11 a las 18.54.46 (2)

Using the next link you may experience this example and the code:

https://glitch.com/~marker-based-ar-dimpa

The website will ask you to show your camera, once you accept, you should see your device camera. To see the 3d Object (a green box by default) you have to show this marker called “kanji” to the camera:

Captura de pantalla 2020-06-11 a las 19.55.23

If you want to take a closer look at this example and learn all the steps to create your own experience using AR.js and Glitch.com take a look and download the Explanatory sheet

Reusable model 2

This time we are going to create a learning AR content in Assemblr, showing the parts of an electric guitar and how to tune it.

To do that we’re using this 3D object from Sketchfab. You can make your own content downloading 3d Models and place them in the real world

photo_2020-07-10 23.01.43

You can see the result by clicking HERE  (To see this model you need to download the Assemblr App on your smartphone or tablet.)

And also you can take a look at the full Explanatory Sheet about this Assemblr experience.

Reusable model 3

Time for another Reusable Model, this time we’re going to create a filter that can be used on Facebook stories, starting from a template for face decoration in Spark AR:

photo_2020-07-10 22.34.24

You can see the final result on the Facebook app on your phone or tablet:

Go to your Facebook App, click in Create a story at the top of your News Feed,
choose your camera in the options and click in the face icon at he bottom right in the screen

There you may test many filters created by Facebook users like this one.

If you want to learn how to make filters in Spark AR, take a look at the step by step Explanatory Sheet

Toolkit


Reusable Models + Explanatory sheets

MODEL 1. CoSpaces Edu

In order to be able to reproduce this type of scene or create your own, you can download the guide:
Reusable Model 1
It gives the details of the different steps one after the other.

MODEL 2. GLITCH AND A-FRAME

E7CC9D25-AA44-4892-BED4-46F0944299EE

For this model we have used Glitch.com as well as A-Frame.io to develop another scene in VR.

The explanation sheet is available: Reusable Model 2
You can also see the app in your browser or with a VR headset and your phone if you have and thanks to Glitch, you can view the source code.

Click on VIEW APP in the image below and move the scene all over to explore it.

MODEL 3. UNITY

We present the game engine UNITY and develop an app (.apk) about a cosmonaut standing on one of the planets of the Solar System.

To reproduce this model you can download the step-by-step method: Reusable Model 3
To view the app on your Android Phone, you need to download the apk. file (application for android).