1. 1. Prototype your architecture for your pedagogical activityAntoine Beugnard and Jean-Marie Gilliot
2. 2. Context and GoalsFast prototypingM-learning contextWeb InfrastructureThink (architecture) different ! GoalsJust make a prototypeHow to derive on a real architecture page 2 Mlearning 2009A. Beugnard & J.-M. Gilliot
3. 3. AgendaComponents examplesHow to assemble ? A web page on a servera blog is one easy optionA pbworks wiki is anotherDIY : Do It YourselfTry itand your neighbour postAnd others ... page 3 Mlearning 2009A. Beugnard & J.-M. Gilliot
4. 4. Web Objects Web ComponentsAccess Object +Function nameData ParametersAPIdisplay page 4 Mlearning 2009A. Beugnard & J.-M. Gilliot
5. 5. Component Examples A document (video/ slide / ) hosted on any websiteRSSReaderAgregator/ Storyteller :Embeddable VideoToxkbox, DimDim Any web2.0 Tool :WallWisher : http://www.wallwisher.com/wall/mlearning09 Sourceshttp://www.go2web20.net/http://www.programmableweb.com/tag/mobilepage 5 Mlearning 2009A. Beugnard & J.-M. Gilliot
6. 6. How to make the glue ? (another view for 3-tier architecture) ObjectClient sideDataCombination of dataServer SideSeed Site Object Intermedary siteData ObjectObject+ Data Data page 6 Mlearning 2009A. Beugnard & J.-M. Gilliot
7. 7. Making some glue without programming Publish a web document (Intermedary Server Side) Blog Post : http://molene.enstb.org/mlearning09/ Or any other Wiki Page : http://www.pbworks.comCopy, PasteAdd some components& Adapt In my example Collaborative Document : WallWisherJust as an iframe loading it... Your datas : slide show of collected picturesGet code from any websiteThat's independant components page 7Mlearning 2009A. Beugnard & J.-M. Gilliot
8. 8. More ComponentsVideo TokboxAdded in the postAdded as a side WidgetTwitter / other interfaceSide Widget page 8 Mlearning 2009A. Beugnard & J.-M. Gilliot
9. 9. Making some glue without programmingAggregate feeds Connecting Data in Google Docs (Seed Server Side) Define a Form(or share mine !)To collect data Use the spreadsheetTo compute your collected data Add a Gadget : a Map / a List / A drawing / a cellExport it !To use your results page 9 Mlearning 2009A. Beugnard & J.-M. Gilliot
10. 10. Results Fully accessible applicationCollaborative spaceVideo / twitter for exchangeForm to collect data MCQ LocationGadget to export results (maybe on another place) page 10 Mlearning 2009A. Beugnard & J.-M. Gilliot
11. 11. Google inside ? Easy to use Enable connexions between components (Gadgets) Should everything be Google hosted ?We said we just want a prototype ! page 11 Mlearning 2009 A. Beugnard & J.-M. Gilliot
12. 12. A collaborative page Adding information on a collaborative workspace Adding information on a map Enabling additional exchanges :TwitterVideoChat page 12 Mlearning 2009A. Beugnard & J.-M. Gilliot
13. 13. Few tricks Define your scenarioWhat will happen ?Requirements Define/Find appropriate components Collect it on a pageRemind your HTML page 13 Mlearning 2009 A. Beugnard & J.-M. Gilliot
14. 14. HTML ? Usually copy/paste given codeMay need to include a whole page :loading it... are other options Check what your site will accept page 14 Mlearning 2009A. Beugnard & J.-M. Gilliot