Skip to content

Flashcard example in JSON

agordillo edited this page Jan 14, 2013 · 6 revisions
//Sample of a flashcard resource
//A flashcard resource is a presentation which only contains one slide of flashcard type.
var fc_sample = {
	"id" : "3",
	"VEVersion":"0.2",
	"type":"flashcard",
	"title":"Curiosity Flashcard",
	"description":"A Flashcard about Curiosity, the car-sized robotic rover exploring 
                       Gale Crater on Mars.",
	"avatar":"http://vishub.org/pictures/311.jpg",
	"tags":["Science","Space","Mars"],
	"age_range":"12 - 30",
	"subject":["Astronomy"],
	"language":"independent",
	"educational_objectives":"Know about Curiosity, the car-sized robotic rover 
                                  exploring Gale Crater on Mars.",
	"adquired_competencies":"Pupils will be smarter",
	"author":"Vish Editor Team",
	"slides":[
		{
			"id":"article4",
			"type":"flashcard",
			"background":"url(http://vishub.org/pictures/311.jpg)",
			"pois":[
				{
					"id":"article4_poi1",
					"x":"88.88",
					"y":"50.83",
					"slide_id":"article4_article1"
				},{
					"id":"article4_poi2",
					"x":"45.5",
					"y":"2.5",
					"slide_id":"article4_article3"
				},{
					"id":"article4_poi3",
					"x":"13.5",
					"y":"63.17",
					"slide_id":"article4_article4"
				}
			],
			"slides":[
				{
					"id":"article4_article1",
					"type":"standard",
					"template":"t2",
					"elements":[
						{
							"id":"article4_article1_zone1",
							"type":"object",
							"areaid":"left",
							"body":
                                         "<iframe 
                                          src=\\"http://www.youtube.com/embed/P4boyXQuUIw?wmode=opaque\\" 
                                          frameborder=\\"0\\" id=\\"resizableunicID3\\" 
                                          class=\\"t2_object\\" wmode=\\"opaque\\">
                                          </iframe>",
							"style":"position: relative; width:100%; 
                                                                 height:98.7%; top:0%; left:0%;"
						}
					]
				},{
					"id":"article4_article3",
					"type":"standard",
					"template":"t7",
					"elements":[
						{
							"id":"article4_article3_zone1",
							"type":"image",
							"areaid":"header",
							"body":"http://vishub.org/pictures/315.jpeg",
							"style":"position: relative; width:101.9%; 
                                                                 height:190.4%; top:-69.2%; left:-0.1%;"
						},{
							"id":"article4_article3_zone2",
							"type":"text",
							"areaid":"left",
							"body":"The image shows the Alpha Particle X-Ray 
                                                                Spectrometer (APXS) on NASA's Curiosity 
                                                                rover, with the Martian landscape in the  
                                                                background."},
						{
							"id":"article4_article3_zone3",
							"type":"image",
							"areaid":"center",
							"body":"http://vishub.org/pictures/316.jpeg",
							"style":"position: relative; width:129.1%;
                                                                 height:110.6%; top:-5.2%; left:-10.9%;"
						},{
							"id":"article4_article3_zone4",
							"type":"text",
							"areaid":"subheader",
							"body":"Image credit: NASA/JPL-Caltech/MSSS"
						}
					]
				},{
					"id":"article4_article4",
					"type":"standard",
					"template":"t10",
					"elements":[
						{
							"id":"article4_article4_zone1",
							"type":"object",
							"areaid":"center",
							"body":
                                  "<iframe 
                                  src=\\"http://en.wikipedia.org/wiki/Curiosity_rover?wmode=transparent\\"  
                                  id=\\"resizableunicID6\\" class=\\"t10_object\\" wmode=\\"opaque\\">
                                  </iframe>",
                                                        "style":"position: relative; width:100%; 
                                                                 height:100%; top:0%; left:0%;"
						}
					]
				}
			]
		}
	]
}