widgets and mashups for personal and institutional technologies
DESCRIPTION
Talk at KMI on roadmap for multi-device web applications and relationship to educationTRANSCRIPT
![Page 1: Widgets and Mashups for Personal and Institutional Technologies](https://reader033.vdocument.in/reader033/viewer/2022051817/5479c6b35906b5fd348b45f7/html5/thumbnails/1.jpg)
Widgets and Mashups for Personal andInstitutional Technologies
Scott WilsonUniversity of Bolton, UK
![Page 2: Widgets and Mashups for Personal and Institutional Technologies](https://reader033.vdocument.in/reader033/viewer/2022051817/5479c6b35906b5fd348b45f7/html5/thumbnails/2.jpg)
Scott Wilson
• Researcher at the Institute for EducationalCybernetics at the University of Bolton
• Assistant Director of Centre for EducationalTechnology and Interoperability Standards (CETIS)
• Member of the W3C Web Applications WorkingGroup, contributes to the W3C Widgets family ofspecifications
• Committer on the Apache (incubating) projectWookie which implements the specifications
• Currently Scott works on two EU-funded projects,OMELETTE and iTEC, both of which are using W3Cwidget technologies to create flexible mashups
![Page 3: Widgets and Mashups for Personal and Institutional Technologies](https://reader033.vdocument.in/reader033/viewer/2022051817/5479c6b35906b5fd348b45f7/html5/thumbnails/3.jpg)
Widgets and Mashups forPersonal and InstitutionalTechnologies
![Page 4: Widgets and Mashups for Personal and Institutional Technologies](https://reader033.vdocument.in/reader033/viewer/2022051817/5479c6b35906b5fd348b45f7/html5/thumbnails/4.jpg)
Suddenly,lots of devices
![Page 5: Widgets and Mashups for Personal and Institutional Technologies](https://reader033.vdocument.in/reader033/viewer/2022051817/5479c6b35906b5fd348b45f7/html5/thumbnails/5.jpg)
Not just devices, either, gizmosA Gizmo, unlike a Machine or a Product, is not efficient. A Gizmo has bizarre,baroque, and even crazy amounts of functionality … It's a cellphone, a webbrowser, an SMS platform, an MMS platform, a really bad camera, and anabysmal typewriter, plus a notepad, a sketchpad, a calendar, a diary, a clock, amusic player, and an education system with its own onboard tutorial that nobodyever reads. Plus I can plug extra, even more complicated stuff into it, if I takea notion. It's not a Machine or a Product, because it's not a stand-alone device. Itis a platform, a playground for other developers. It's a dessert topping, andit's a floor wax.
- Bruce Sterling
![Page 6: Widgets and Mashups for Personal and Institutional Technologies](https://reader033.vdocument.in/reader033/viewer/2022051817/5479c6b35906b5fd348b45f7/html5/thumbnails/6.jpg)
Personal Technology In The Age ofGizmos
• Everything is internet-connected, has a browser, a GPS,accelerometer, compass, multi-touch screen,whatever…
• But for display can have anything from a 320x240 pixelfeature-phone screen to a 50” plasma screen
• And it can run Apple IOS, Android, Bada, WebOS,Windows, Nintendo, Google TV, YouView, QT,Blackberry OS, Linux…
![Page 7: Widgets and Mashups for Personal and Institutional Technologies](https://reader033.vdocument.in/reader033/viewer/2022051817/5479c6b35906b5fd348b45f7/html5/thumbnails/7.jpg)
Complexity
all these devices, operating systems and feature sets is
an amazing opportunity for
innovation…
… and a huge headache for
anyone involved in IT for
Institutions
![Page 8: Widgets and Mashups for Personal and Institutional Technologies](https://reader033.vdocument.in/reader033/viewer/2022051817/5479c6b35906b5fd348b45f7/html5/thumbnails/8.jpg)
Web on Everything
• W3C Standardising core aspects of the open webplatform– Widgets
– Device APIs
– HTML5
– Device Independence and Content Adaptation
– Multimodal Access
– Web TV
![Page 9: Widgets and Mashups for Personal and Institutional Technologies](https://reader033.vdocument.in/reader033/viewer/2022051817/5479c6b35906b5fd348b45f7/html5/thumbnails/9.jpg)
HTML
JavaScript
CSS
config.xml
mywidget.wgtIcon.png
W3C Widgets
![Page 10: Widgets and Mashups for Personal and Institutional Technologies](https://reader033.vdocument.in/reader033/viewer/2022051817/5479c6b35906b5fd348b45f7/html5/thumbnails/10.jpg)
W3C Widget Applications
Desktop Widgets Website Gadgets Mobile Apps
TV AppsInstallable Web Apps Car Apps
Console Apps PortletsBrowser Extensions
![Page 11: Widgets and Mashups for Personal and Institutional Technologies](https://reader033.vdocument.in/reader033/viewer/2022051817/5479c6b35906b5fd348b45f7/html5/thumbnails/11.jpg)
“W3C Widgets are better than websitesbecause they download only the data;and not the core files.”
“Widgets are better than app systemsbecause you don't have to write 4, 5, or10 of them. Just the one is enough.”
“And hundreds of thousands of webdevelopers already know how to createwidgets.It's just HTML/CSS/JavaScript,after all.”
- Peter Paul Koch
![Page 12: Widgets and Mashups for Personal and Institutional Technologies](https://reader033.vdocument.in/reader033/viewer/2022051817/5479c6b35906b5fd348b45f7/html5/thumbnails/12.jpg)
JavaScript
Device APIs: Adding DeviceCapabilities to the Web
• Contacts
• Calendar
• Battery status
• Media Capture (mic,camera…)
• Messaging (SMS,MMS…)
• Network Information(roaming…)
• Systems info (CPU…)
• Permissions
• Gallery
• Launcher
• Tasks
• Privacy
![Page 13: Widgets and Mashups for Personal and Institutional Technologies](https://reader033.vdocument.in/reader033/viewer/2022051817/5479c6b35906b5fd348b45f7/html5/thumbnails/13.jpg)
Device APIsJavaScript
navigator.device.capture.captureImage(success,error, { limit:1 });
HTML
<inputtype="file"accept="image/*" id="capture">
![Page 14: Widgets and Mashups for Personal and Institutional Technologies](https://reader033.vdocument.in/reader033/viewer/2022051817/5479c6b35906b5fd348b45f7/html5/thumbnails/14.jpg)
Open Web Application Stacks
• WAC: Widgets + DAP + Mobile = mobile open webapplications
• CME: Widgets + Media = enhanced music content
• Web TV: Widgets + DAP + TV = open TV web applications
• Opera: Widgets + Extensions = browser extensions
• Omelette: Widgets + Telco APIs = telco mashups
![Page 15: Widgets and Mashups for Personal and Institutional Technologies](https://reader033.vdocument.in/reader033/viewer/2022051817/5479c6b35906b5fd348b45f7/html5/thumbnails/15.jpg)
Why is all of this interesting?
• Simple, embeddable, personalized, contextual…
• Scenarios:– Cross-device applications
– Multi-device applications
– VLE -> MUPPLE
![Page 16: Widgets and Mashups for Personal and Institutional Technologies](https://reader033.vdocument.in/reader033/viewer/2022051817/5479c6b35906b5fd348b45f7/html5/thumbnails/16.jpg)
Cross-Device Apps
![Page 17: Widgets and Mashups for Personal and Institutional Technologies](https://reader033.vdocument.in/reader033/viewer/2022051817/5479c6b35906b5fd348b45f7/html5/thumbnails/17.jpg)
Multi-Device
FieldDataCapture
Reading and reviewing Writing
Planning and monitoring
![Page 18: Widgets and Mashups for Personal and Institutional Technologies](https://reader033.vdocument.in/reader033/viewer/2022051817/5479c6b35906b5fd348b45f7/html5/thumbnails/18.jpg)
VLE - MUPPLE
![Page 19: Widgets and Mashups for Personal and Institutional Technologies](https://reader033.vdocument.in/reader033/viewer/2022051817/5479c6b35906b5fd348b45f7/html5/thumbnails/19.jpg)
The Social Life of Widgets
• Widgets living with other Widgets
• Widgets talking to other Widgets
• People talking about Widgets
• Institutions giving people Widgets
• People giving each other Widgets
![Page 20: Widgets and Mashups for Personal and Institutional Technologies](https://reader033.vdocument.in/reader033/viewer/2022051817/5479c6b35906b5fd348b45f7/html5/thumbnails/20.jpg)
Widgets LivingWith OtherWidgets
![Page 21: Widgets and Mashups for Personal and Institutional Technologies](https://reader033.vdocument.in/reader033/viewer/2022051817/5479c6b35906b5fd348b45f7/html5/thumbnails/21.jpg)
Widgets TalkingTo Widgets(*potentially. These sites don’t use them, but areexamples of what you might do)
![Page 22: Widgets and Mashups for Personal and Institutional Technologies](https://reader033.vdocument.in/reader033/viewer/2022051817/5479c6b35906b5fd348b45f7/html5/thumbnails/22.jpg)
People Talking About Widgets
Top 5 apps that helpyou find more andbetter apps
![Page 23: Widgets and Mashups for Personal and Institutional Technologies](https://reader033.vdocument.in/reader033/viewer/2022051817/5479c6b35906b5fd348b45f7/html5/thumbnails/23.jpg)
Institutions Giving People Widgets
![Page 24: Widgets and Mashups for Personal and Institutional Technologies](https://reader033.vdocument.in/reader033/viewer/2022051817/5479c6b35906b5fd348b45f7/html5/thumbnails/24.jpg)
People Giving Each Other Widgets
Flatpack
![Page 25: Widgets and Mashups for Personal and Institutional Technologies](https://reader033.vdocument.in/reader033/viewer/2022051817/5479c6b35906b5fd348b45f7/html5/thumbnails/25.jpg)
The Road Ahead
![Page 26: Widgets and Mashups for Personal and Institutional Technologies](https://reader033.vdocument.in/reader033/viewer/2022051817/5479c6b35906b5fd348b45f7/html5/thumbnails/26.jpg)
Now and next• DAP WG commodifying today’s device capabilities• HTML5 everywhere• Inter-widget mashups still experimental• Widgets standardised across more platforms• Platform wars: native vs web• “Appification” of existing platforms: whiteboards, TV• VLEs with an app• BasicLTI and widgets• Widgets for core institutional (admin) services• Cross-device applications using adaptation techniques• Bump-sharing apps between mobiles
![Page 27: Widgets and Mashups for Personal and Institutional Technologies](https://reader033.vdocument.in/reader033/viewer/2022051817/5479c6b35906b5fd348b45f7/html5/thumbnails/27.jpg)
2-5 Years
• More device form factors, but all fundamentally basedon web technologies
• New hardware capabilities for devices exposed to webapplications then commodified by W3C
• VLEs made of widgets; mashups of widgets a commonway to build applications
• Multi-device applications exposing fundamentallydifferent collaborating capabilities (e.g. “second screen”technology)
• Social App Sharing - by twitter, email, buttons…• Federated social web?
![Page 28: Widgets and Mashups for Personal and Institutional Technologies](https://reader033.vdocument.in/reader033/viewer/2022051817/5479c6b35906b5fd348b45f7/html5/thumbnails/28.jpg)
Challenges and Opportunities
• From VLE to PLE … or from PLE to VLE?• Widgets as social objects - sharing, discovering, co-
creating• Widgets talking to platforms• Balancing act between adopting standards for the long
term, and delivering functionality now• Designing for “any device”• Making personal mash-up building easy, fun and
worthwhile