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

The Ultimate Guide to Choosing WordPress Pros and ConsPixlogix Infotech

The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxLoriGlavin3

So einfach geht modernes Roaming fuer Notes und Nomad.pdfpanagenda

Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxLoriGlavin3

Sample pptx for embedding into website for demoHarshalMandlekar2

Data governance with Unity Catalog PresentationKnoldus Inc.

Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24Mark Goldstein

How to write a Business Continuity PlanDatabarracks

How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyesThousandEyes

Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxLoriGlavin3

A Journey Into the Emotions of Software DevelopersNicole Novielli

TeamStation AI System Report LATAM IT Salaries 2024Lonnie McRorey

Time Series Foundation Models - current state and future directionsNathaniel Shimoni

Generative AI for Technical Writer or Information DevelopersRaghuram Pandurangan

[Webinar] SpiraTest - Setting New Standards in Quality AssuranceInflectra

UiPath Community: Communication Mining from Zero to HeroUiPathCommunity

The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptxLoriGlavin3

Modern Roaming for Notes and Nomad – Cheaper Faster Better Strongerpanagenda

Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...Scott Andery

Connecting the Dots for Information Discovery.pdfNeo4j

Recently uploaded (20)

The Ultimate Guide to Choosing WordPress Pros and Cons

The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx

So einfach geht modernes Roaming fuer Notes und Nomad.pdf

Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx

Sample pptx for embedding into website for demo

Data governance with Unity Catalog Presentation

Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24

How to write a Business Continuity Plan

How to Effectively Monitor SD-WAN and SASE Environments with ThousandEyes

Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptx

A Journey Into the Emotions of Software Developers

TeamStation AI System Report LATAM IT Salaries 2024

Time Series Foundation Models - current state and future directions

Generative AI for Technical Writer or Information Developers

[Webinar] SpiraTest - Setting New Standards in Quality Assurance

UiPath Community: Communication Mining from Zero to Hero

The Role of FIDO in a Cyber Secure Netherlands: FIDO Paris Seminar.pptx

Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger

Enhancing User Experience - Exploring the Latest Features of Tallyman Axis Lo...

Connecting the Dots for Information Discovery.pdf

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