Skip to content

Basic presentation example in JSON

agordillo edited this page Jan 15, 2013 · 9 revisions

 
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 an identifier, a template and a set of zones, each of them contains only one element."

A zone an its contained element are uniquely related, hence we can refers both the element or the zone which contains it.
The other types of slide ( Flashcard, Virtual Tour ), which are referred as slideset or non-standard slides, consists in a list of particular attributes and a set of standard slides, referred as subslides.

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%"
				}
			]
		}
	]
}