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

Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsRoshan Dwivedi

Scaling API-first – The story of a global engineering organizationRadu Cotescu

AWS Community Day CPH - Three problems of TerraformAndrey Devyatkin

Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodJuan lago vázquez

Manulife - Insurer Innovation Award 2024The Digital Insurer

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...DianaGray10

How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes

Apidays New York 2024 - The value of a flexible API Management solution for O...apidays

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...Neo4j

2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong

Data Cloud, More than a CDP by Matt RobisonAnna Loughnan Colquhoun

🐬 The future of MySQL is Postgres 🐘RTylerCroy

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobeapidays

Top 10 Most Downloaded Games on Play Store in 2024SynarionITSolutions

Why Teams call analytics are critical to your entire businesspanagenda

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...apidays

Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUK Journal

MINDCTI Revenue Release Quarter One 2024MIND CTI

Boost Fertility New Invention Ups Success Rates.pdfsudhanshuwaghmare1

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingEdi Saputra

Recently uploaded (20)

Top 5 Benefits OF Using Muvi Live Paywall For Live Streams

Scaling API-first – The story of a global engineering organization

AWS Community Day CPH - Three problems of Terraform

Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood

Manulife - Insurer Innovation Award 2024

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

How to Troubleshoot Apps for the Modern Connected Worker

Apidays New York 2024 - The value of a flexible API Management solution for O...

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...

2024: Domino Containers - The Next Step. News from the Domino Container commu...

Data Cloud, More than a CDP by Matt Robison

🐬 The future of MySQL is Postgres 🐘

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

Top 10 Most Downloaded Games on Play Store in 2024

Why Teams call analytics are critical to your entire business

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...

Understanding Discord NSFW Servers A Guide for Responsible Users.pdf

MINDCTI Revenue Release Quarter One 2024

Boost Fertility New Invention Ups Success Rates.pdf

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving

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