Widget Platform

•Download as ODP, PDF•

9 likes•6,882 views

Widget Platform. Tear the Web apart and assemble the pieces together. Brief survey on Widget Technology; widget platform and repository architecture; and UWA widget tutorial.

Technology

Widget Platform tear the Web apart and assemble the pieces together José da Mata Fernandes [email_address] http://jose.wrkwrks.com www.twitter.com/josemf

What is a Web widget ,[object Object],Host Runtime Environment HTTP URI Unicode URI DOM XMLHTTPRequest JSON, XML, HTML CSS Resources

From wikis, weblogs, social media aggregation, social networks, ...

From Enterprise 2.0, mashups, real-time Web, semantic search?

Widgets are Web 1.0, 2.0 and 3.0. But are only really interesting since 2.0. 2004 1995 5.5 2000 2002 2008 email ftp usenet IRC BBS Gopher World Wide Web 1990 HTTP HTML SOAP Java XML Javascript P2P Flash RDF OpenID RSS AJAX ATOM OWL SPARQL Web 2.0 Semantic Web Microformats JS Frameworks

Others alike... Snippets ,[object Object]

Fragment of markup code for portal composition

Used in the late 90s: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Web part (WSS sharepoint) ,[object Object]

Maybe too much for a <p>Hello World</p>?

Open specification based ,[object Object]

Media is Everything... Flash Widgets ,[object Object]

Multi-media based (why always the dark themes?)

Cross-browser (assuming user has the plugin...)

Aggregation – create information with the data

Visualization – explain complex information

Mashup technology ,[object Object],Data sources Information Mashup

Widget is downloaded and stored: ,[object Object],[object Object]

Desktop browsers are becoming boring: ,[object Object],[object Object]

Flash Widgets (Silverlight, Adobe Air, etc)

What's hot

Django Rest Framework and React and Redux, Oh My!Eric Palakovich Carr

Single Page Web Applications with CoffeeScript, Backbone and JasminePaulo Ragonha

Sencha Roadshow 2017: Modernizing the Ext JS Class System and ToolingSencha

From Hacker to Programmer (w/ Webpack, Babel and React)Joseph Chiang

Utiliser Webpack dans une application SymfonyAlain Hippolyte

Geotalk presentationEric Palakovich Carr

Drupal image gallery_workshopHeather Bohn

Sencha Roadshow 2017: Build Progressive Web Apps with Ext JS and Cmd Sencha

Migraine Drupal - syncing your staging and live sitesdrupalindia

Drupal 8 Services And Dependency InjectionPhilip Norton

Javascript laravel's friendBart Van Den Brande

LvivPy - Flask in detailsMax Klymyshyn

20130528 solution linux_frousseau_nopain_webdevFrank Rousseau

Getting Into Drupal 8 ConfigurationPhilip Norton

Introducing Assetic: Asset Management for PHP 5.3Kris Wallsmith

Single Page Apps with Drupal 8Chris Tankersley

jQuery Tips Tricks TriviaCognizant

Scalable web application architecturepostrational

Installing AtoM with AnsibleArtefactual Systems - AtoM

Node JS Express : Steps to Create Restful Web AppEdureka!

What's hot (20)

Django Rest Framework and React and Redux, Oh My!

Single Page Web Applications with CoffeeScript, Backbone and Jasmine

Sencha Roadshow 2017: Modernizing the Ext JS Class System and Tooling

From Hacker to Programmer (w/ Webpack, Babel and React)

Utiliser Webpack dans une application Symfony

Geotalk presentation

Drupal image gallery_workshop

Sencha Roadshow 2017: Build Progressive Web Apps with Ext JS and Cmd

Migraine Drupal - syncing your staging and live sites

Drupal 8 Services And Dependency Injection

Javascript laravel's friend

LvivPy - Flask in details

20130528 solution linux_frousseau_nopain_webdev

Getting Into Drupal 8 Configuration

Introducing Assetic: Asset Management for PHP 5.3

Single Page Apps with Drupal 8

jQuery Tips Tricks Trivia

Scalable web application architecture

Installing AtoM with Ansible

Node JS Express : Steps to Create Restful Web App

Similar to Widget Platform

Meego Widget Development using Qt WRT @iRajLalRaj Lal

Ajax toolkit frameworkSunil Kumar

Real-Time Web Applications with ASP.NET WebAPI and SignalRMicrosoft Developer Network (MSDN) - Belgium and Luxembourg

WRT Widgets Masterclass - OverTheAirpetrosoininen

Ajax toolkit-frameworkWBUTTUTORIALS

ResthubSébastien Deleuze

HTML5 RefresherIvano Malavolta

HTML5: An OverviewNagendra Um

SoCalCodeCamp SharePoint Server 2010 a Developer PlatformIvan Sanders

Sharepoint OnlineShakir Majeed Khan

HTML5 and CSS3 refresherIvano Malavolta

D22 Portlet Development With Open Source FrameworksSunil Patil

D22 portlet development with open source frameworksSunil Patil

Nokia Web-Runtime Presentation (Phong Vu)Daniel Appelquist

WSO2 Gadget ServerWSO2

IBM WebSphere PortalVincent Perrin

IBM WebSphere Portal 6.1 Preview - What's NewDvir Reznik

Internet Explorer 8David Chou

GWT: Our ExperiencesYenwen Feng

Introduction to widgetsThomas Robbins

Similar to Widget Platform (20)

Meego Widget Development using Qt WRT @iRajLal

Ajax toolkit framework

Real-Time Web Applications with ASP.NET WebAPI and SignalR

WRT Widgets Masterclass - OverTheAir

Ajax toolkit-framework

Resthub

HTML5 Refresher

HTML5: An Overview

SoCalCodeCamp SharePoint Server 2010 a Developer Platform

Sharepoint Online

HTML5 and CSS3 refresher

D22 Portlet Development With Open Source Frameworks

D22 portlet development with open source frameworks

Nokia Web-Runtime Presentation (Phong Vu)

WSO2 Gadget Server

IBM WebSphere Portal

IBM WebSphere Portal 6.1 Preview - What's New

Internet Explorer 8

GWT: Our Experiences

Introduction to widgets

Recently uploaded

New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024BookNet Canada

Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation

Pigging Solutions Piggable Sweeping ElbowsPigging Solutions

Streamlining Python Development: A Guide to a Modern Project SetupFlorian Wilhelm

Bluetooth Controlled Car with Arduino.pdfngoud9212

Are Multi-Cloud and Serverless Good or Bad?Mattias Andersson

Designing IA for AI - Information Architecture Conference 2024Enterprise Knowledge

Science&tech:THE INFORMATION AGE STS.pdfjimielynbastida

Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Patryk Bandurski

Build your next Gen AI Breakthrough - April 2024Neo4j

Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsAndrey Dotsenko

Unlocking the Potential of the Cloud for IBM Power SystemsPrecisely

#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada

My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar

costume and set research powerpoint presentationphoebematthew05

The transition to renewables in India.pdfCompetition Advisory Services (India) LLP

Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...shyamraj55

Snow Chain-Integrated Tire for a Safe Drive on Winter RoadsHyundai Motor Group

My INSURER PTE LTD - Insurtech Innovation Award 2024The Digital Insurer

Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst

Recently uploaded (20)

New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024

Connect Wave/ connectwave Pitch Deck Presentation

Pigging Solutions Piggable Sweeping Elbows

Streamlining Python Development: A Guide to a Modern Project Setup

Bluetooth Controlled Car with Arduino.pdf

Are Multi-Cloud and Serverless Good or Bad?

Designing IA for AI - Information Architecture Conference 2024

Science&tech:THE INFORMATION AGE STS.pdf

Integration and Automation in Practice: CI/CD in Mule Integration and Automat...

Build your next Gen AI Breakthrough - April 2024

Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics

Unlocking the Potential of the Cloud for IBM Power Systems

#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024

My Hashitalk Indonesia April 2024 Presentation

costume and set research powerpoint presentation

The transition to renewables in India.pdf

Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...

Snow Chain-Integrated Tire for a Safe Drive on Winter Roads

My INSURER PTE LTD - Insurtech Innovation Award 2024

Human Factors of XR: Using Human Factors to Design XR Systems

Widget Platform

1. Widget Platform tear the Web apart and assemble the pieces together José da Mata Fernandes [email_address] http://jose.wrkwrks.com www.twitter.com/josemf

3. Widget Origins

4. SAPO Widgets Platform

5. Technical Details

6. UWA Widgets Development

8. Widget Origins

9. SAPO Widgets Platform

10. Technical Details

11. UWA Widgets Development

12.

13. Examples

14.

15.

16. Widget Origins

17. SAPO Widgets Platform

18. Technical Details

19. UWA Widgets Development

20.

21. From wikis, weblogs, social media aggregation, social networks, ...

22. From Enterprise 2.0, mashups, real-time Web, semantic search?

23. Widgets are Web 1.0, 2.0 and 3.0. But are only really interesting since 2.0. 2004 1995 5.5 2000 2002 2008 email ftp usenet IRC BBS Gopher World Wide Web 1990 HTTP HTML SOAP Java XML Javascript P2P Flash RDF OpenID RSS AJAX ATOM OWL SPARQL Web 2.0 Semantic Web Microformats JS Frameworks

24.

25. First Widget ever... … the hit counter!

26.

27. Can have visitor state (cookies)

28. May have been impressive...

29. Simplicity

30.

31. Fragment of markup code for portal composition

32.

33.

34. Server side based

35. Output HTML

36. XML config and metadata

37. Maybe too much for a <p>Hello World</p>?

38.

39. Server side based

40. Output HTML

41. XML config and metadata

42.

43.

44. Multi-media based (why always the dark themes?)

45. Cross-browser (assuming user has the plugin...)

46. Advertising

47. User engagement

48.

49. Aggregation – create information with the data

50. Visualization – explain complex information

51.

52.

53.

54.

55.

56. Portlets

57. Flash Widgets (Silverlight, Adobe Air, etc)

58. Mashup

59. Mobile Widget

60.

61. Widget Origins

62. SAPO Widgets Platform

63. Technical Details

64. UWA Widgets Development

65.

66.

67. Adopted by for the widget repository and environment for

68. Included developers tools

69. Extended for multi-platform (cross-domain) widget services

70. Extended for multi-format widget services

71.

72. PHP, Mysql, Javascript

73. JQuery for “widget framework”

74. Fetched server side and embedded on “the slot”

75. IFrame

76. Some support for widget settings

77.

78. UWA Widgets (Netvibes)

79. Widget database storage

80. Development tools

81.

82.

83. For widget instantiation

84.

85.

86.

87. HTTP Basic/Digest with SSL

88.

89. On-demand conversion for other formats

90. Open developer tools for developers

91. Open catalog for users

92.

93. Widget Origins

94. SAPO Widgets Platform

95. Technical Details

96. UWA Widgets Development

97. Customized startup page

98.

99.

100.

101. On demand javascript, <script> tag

102. Json-p for Json requests

103. Widget Catalog

104.

105.

106.

107. W3C Widgets 1.0

108. REST API

109.

110. Fetch “catalog” widgets

111.

112. Fetch associated widgets

113. Create/change categories

114.

115.

116. Widget Origins

117. SAPO Widgets Platform

118. Technical Details

119. UWA Widgets Development

120. UWA Widgets Development

121.

122. Into the Universal Widget API

123. SAPO Widgets for developers

124. UWA file format Title Metadata Widget preferences Widget Stylesheet Widget Code Widget Body

125.

126.

127. No server side code

128.

129. Developers

130. Environment

131. SAPO Widget Metadata

132.

133. Data types: Text, Boolean, Hidden, Password, List, Range

134. SAPO Widget Preferences

135.

136. Just the <body> part (without the tag)

137.

138. SAPO Widget Body

139.

140. You should “namespace“ your styles

141. SAPO Widget Style

142.

143.

144.

145. Preferences

146.

147. SAPO Widget Code

148. UWA API Host Runtime Environment HTTP URI Resources Unicode URI DOM XMLHTTPRequest JSON, XML, HTML CSS UWA.Data API Widget API UWA Events UWA Extensions UWA Prefs

149.

150. UWA.Data.getXml(url, callback)

151. UWA.Data.getJson(url, callback)

152.

153. UWA.Data Feed API RSS, RSS2, Atom UWA JSON Feed Format Items* enclosures*

154.

155. widget.onResize

156. widget.onKeyboardAction

157. widget.onSearch

158.

159.

160. widget.setBody