Basic presentation example in JSON

 
This document presents the basic structure of a Vish Editor Presentation in JSON introducing the fundamentals definitions and elements.

"A Vish Editor presentation is defined by a set of slides and metadata."

There are different types of slides, each of them has its own definition.
The most basic slide is the standard slide.

"A standard slide is defined by a template and a set of zones, each of them contains only one element."

The template defines the zones or areas of the slide: their type, position and quantity.
As a zone contains only one element, a zone an its contained element are uniquely related, hence we can refers likewise to the element or the zone which contains it.
The other types of slide ( Flashcard, Virtual Tour ), which are referred as slidesets or non-standard slides, have in common that all of them consists in a list of particular attributes and a set of standard slides, referred as subslides.
By default, the term "slide" will refers to a standard slide , specifying explicitly when it refers to a non-standard slide.
The specification of the different elements that can be included in a slide can be found here as well as some examples of their definitions in JSON.

var basic_samples = {
	//LO metadata
	"id":"1",
	"title":"Welcome to Vish Editor",
	"description":"An definition example of a Vish Editor presentation",
	"author":"Vish Editor Team",
	"language":"en",
	"avatar":"http://localhost/vishEditor/images/excursion_thumbnails/excursion-00.png",
	"tags":["VishEditor","Presentation"],
	//Pedagogical metadata
	"age_range":"5 - 20",
	"subject":["Science"],
	"educational_objectives":"Learn about Vish Editor",
	"adquired_competencies":"Basic knowledge about the definitions of Vish Editor presentations",
	//Vish Editor metadata
	"VEVersion":"0.2",
	"type":"presentation",
	"theme":"theme1",
	"slides":[
		{
			"id":"article1",
			"type":"standard",
			"template":"t2",
			"elements":[
				{
					"id":"article1_zone1",
					"type":"text",
					"areaid":"left",
					"body":"Hello World!"
				}
			]
		},{
			"id":"article2",
			"type":"standard",
			"template":"t5",
			"elements":[
				{
					"id":"article2_zone1",
					"type":"text",
					"areaid":"header",
					"body":"Write the title of your second slide here"
				},{
						"id":"article2_zone2",
						"type":"text",
						"areaid":"left",
						"body":"This is a basic presentation example"
				},{
					"id":"article2_zone3",
					"type":"image",
					"areaid":"right",
					"body":"http://localhost/vishEditor/images/background1.png",
					"style":"position: relative; width:85%; height:26%; top:36%; 
                                                 left:10%"
				}
			]
		}
	]
}