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 Jasmine

Paulo Ragonha

JavaScript is advancing and ES2015 (formerly ES6) is the foundation of its future. Sencha is committed to delivering cutting-edge technology for your applications, and supporting the evolution of JavaScript is a central part of that commitment. The expansive feature set of ES2015 formally enables coding paradigms: modules to better organize your code, classes to cleanly declare reusable units of functionality, and so much more. In this session, you'll see how Ext JS is embracing these new language and toolset features, and how they will expand your development horizons.

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

Sencha

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

Joseph Chiang

Depuis la version 2.8 de Symfony, Assetic le gestionnaire d'assets PHP n'est plus inclus par défaut dans la Standard Edition. Du coup, se pose la question, faut-il encore l'utiliser ? Quels sont les alternatives qui s'offrent à nous ? Au cours de cette présentation, je vous présenterai l'outil Webpack, qui permet de packager nos assets via une configuration. Étape par étape, nous verrons comment migrer une application Symfony utilisant Assetic vers une application Symfony avec Webpack, du dev à la production.

Utiliser Webpack dans une application Symfony

Alain Hippolyte

Geotalk presentation

Eric Palakovich Carr

Drupal image gallery_workshop

Heather Bohn

Learn how to use Ext JS and Cmd to deliver Progressive Web Applications to deliver the best of both web and mobile app experiences. Web apps can be found easily on the internet and every user is guaranteed access to the same and latest version of the application. Plus, mobile app capabilities, such as offline support and optimizing access to the underlying network using service workers, take the user experience to a whole new level.

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

Sencha

Migraine Drupal - syncing your staging and live sites

drupalindia

Using the service manager is an essential part of a Drupal 8 developers toolkit and understanding it not only helps development, but can also allow you to create modules that can be easily used by other developers. There are numerous code examples out there that talk about using this or that service, so I'll look at how to go from "\Drupal::service('thing');" to finding and using services within Drupal 8. I will look at creating custom services to use within your own modules and provide injectable dependencies for other modules. I will also show how to override services to provide your own functionality to existing services. All code shown will be real examples that you can take away and use in your own projects. Given at DrupalCamp London 2018

Drupal 8 Services And Dependency Injection

Philip Norton

Javascript laravel's friend

Bart Van Den Brande

LvivPy - Flask in details

Max Klymyshyn

20130528 solution linux_frousseau_nopain_webdev

Frank Rousseau

Understanding configuration in Drupal 8 is essential. It's a powerful tool that can streamline your development and deployment processes. After several rescue projects over the past year I have realised that the one thing that goes wrong first is the configuration. For some reason it's always left until last or even as an afterthought and this can really de-rail projects. In this session I will cover. How to get your configuration in and out of Drupal. How to best manage your configuration. Using configuration modules like Configuration Ignore and Configuration Split to manage your configuration across different platforms. What to do when the client changes the configuration on your site and some other common problems that you might encounter. Note: This presentation contained some videos that I couldn't translate into slideshare.

Getting Into Drupal 8 Configuration

Philip Norton

Introducing Assetic: Asset Management for PHP 5.3

Kris Wallsmith

It's no denying that rich Javascript applications (sometimes called single-page applications) are a big thing, but what if you want to leverage Drupal on the backend or have an existing site? Tools like Angular.JS and Backbone are great when you have an API, and with Drupal 8, APIs will be first-class citizens. I'll explore the parts of a single-page application and how to integrate it into either an existing or a new Drupal site, as well as the pitfalls that one must watch out for.

Single Page Apps with Drupal 8

Chris Tankersley

jQuery Tips Tricks Trivia

Cognizant

Scalable web application architecture

postrational

This worksheet accompanied a presentation by Steve Breker of Artefactual Systems, delivered as part of AtoM Camp Cambridge, a three-day boot camp held at St John's College, Cambridge University, May 9-11, 2017 For more information, see: https://wiki.accesstomemory.org/Community/Camps/SJC2017 The presentation focused on the installation of Access to Memory, and the slides from it can be seen here: https://www.slideshare.net/accesstomemory/installing-and-upgrading-atom This handout showed attendees how Ansible can be used to automate the deployment process of AtoM, using the publicly available Ansible playbooks. You can find Artefactual's Ansible playbooks at: https://github.com/artefactual/deploy-pub

Installing AtoM with Ansible

Artefactual Systems - AtoM

Node.js uses JavaScript - a language known to millions of developers worldwide - thus giving it a much lower learning curve even for complete beginners. Using Node.js you can build simple Command Line programs or complex enterprise level web applications with equal ease. Node.js is an event-driven, server-side, asynchronous development platform with lightning speed execution. It is open source and cross-platform, running on OS X, Linux and Windows. It also has an open source community that produces amazing modules available for use in your project for additional functionalities. Node.js helps you to code the most complex functionalities in just a few lines of code. The topics covered in the presentation are : 1. Understanding NodeJS Express 2. Creating Restful Web App 3. What is NPM 4.Templates in Express

Node JS Express : Steps to Create Restful Web App

Edureka!

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 @iRajLal

Raj Lal

Ajax toolkit framework

Sunil Kumar

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

Microsoft Developer Network (MSDN) - Belgium and Luxembourg

WRT Widgets Masterclass - OverTheAir

petrosoininen

Ajax toolkit-framework

Resthub

HTML5 Refresher

HTML5: An Overview

SharePoint is an awesome development platform, but it was hard for developers to quickly understand SharePoint development because it required knowledge of SharePoint architecture and infrastructure. Changes have been made in SharePoint 2010 but more importantly Visual Studio 2010 to improve the development experience familiar for ASP.NET developers like easy deployment and debugging of your SharePoint applications and designers for building different types of SharePoint customizations.

SoCalCodeCamp SharePoint Server 2010 a Developer Platform

Ivan Sanders

Sharepoint Online

Shakir Majeed Khan

HTML5 and CSS3 refresher

Ivano Malavolta

D22 Portlet Development With Open Source Frameworks

Sunil Patil

D22 portlet development with open source frameworks

Sunil Patil

Nokia Web-Runtime Presentation (Phong Vu)

Daniel Appelquist

WSO2 Gadget Server

WSO2

IBM WebSphere Portal

Vincent Perrin

IBM WebSphere Portal 6.1 Preview - What's New

Dvir Reznik

Internet Explorer 8

David Chou

GWT: Our Experiences

Yenwen Feng

Introduction to widgets

Thomas 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

Automating Google Workspace (GWS) & more with Apps Script

wesley chun

With more memory available, system performance of three Dell devices increased, which can translate to a better user experience Conclusion When your system has plenty of RAM to meet your needs, you can efficiently access the applications and data you need to finish projects and to-do lists without sacrificing time and focus. Our test results show that with more memory available, three Dell PCs delivered better performance and took less time to complete the Procyon Office Productivity benchmark. These advantages translate to users being able to complete workflows more quickly and multitask more easily. Whether you need the mobility of the Latitude 5440, the creative capabilities of the Precision 3470, or the high performance of the OptiPlex Tower Plus 7010, configuring your system with more RAM can help keep processes running smoothly, enabling you to do more without compromising performance.

Boost PC performance: How more available memory can improve productivity

Principled Technologies

In this session, we will delve into strategic approaches for optimizing knowledge management within Microsoft 365, amidst the evolving landscape of Copilot. From leveraging automatic metadata classification and permission governance with SharePoint Premium, to unlocking Viva Engage for the cultivation of knowledge and communities, you will gain actionable insights to bolster your organization's knowledge-sharing initiatives. In this session, we will also explore how to facilitate solutions to enable your employees to find answers and expertise within Microsoft 365. You will leave equipped with practical techniques and a deeper understanding of how there is more to effective knowledge management than just enabling Copilot, but building actual solutions to prepare the knowledge that Copilot and your employees can use.

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

Drew Madelung

How to Troubleshoot Apps for the Modern Connected Worker

ThousandEyes

Presentation on how to chat with PDF using ChatGPT code interpreter

naman860154

CNv6 Instructor Chapter 6 Quality of Service

giselly40

MySQL Webinar, presented on the 25th of April, 2024. Summary: MySQL solutions enable the deployment of diverse Database Architectures tailored to specific needs, including High Availability, Disaster Recovery, and Read Scale-Out. With MySQL Shell's AdminAPI, administrators can seamlessly set up, manage, and monitor these solutions, ensuring efficiency and ease of use in their administration. MySQL Router, on the other hand, provides transparent routing from the application traffic to the backend servers in the architectures, requiring minimal configuration. Completely built in-house and supported by Oracle, these solutions have been adopted by enterprises of all sizes for their business-critical applications. In this presentation, we'll delve into various database architecture solutions to help you choose the right one based on your business requirements. Focusing on technical details and the latest features to maximize the potential of these solutions.

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

Miguel Araújo

Finology Group – Insurtech Innovation Award 2024

The Digital Insurer

GenCyber Cyber Security Day Presentation

Michael W. Hawkins

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

Radu Cotescu

Created by Mozilla Research in 2012 and now part of Linux Foundation Europe, the Servo project is an experimental rendering engine written in Rust. It combines memory safety and concurrency to create an independent, modular, and embeddable rendering engine that adheres to web standards. Stewardship of Servo moved from Mozilla Research to the Linux Foundation in 2020, where its mission remains unchanged. After some slow years, in 2023 there has been renewed activity on the project, with a roadmap now focused on improving the engine’s CSS 2 conformance, exploring Android support, and making Servo a practical embeddable rendering engine. In this presentation, Rakhi Sharma reviews the status of the project, our recent developments in 2023, our collaboration with Tauri to make Servo an easy-to-use embeddable rendering engine, and our plans for the future to make Servo an alternative web rendering engine for the embedded devices industry. (c) Embedded Open Source Summit 2024 April 16-18, 2024 Seattle, Washington (US) https://events.linuxfoundation.org/embedded-open-source-summit/ https://ossna2024.sched.com/event/1aBNF/a-year-of-servo-reboot-where-are-we-now-rakhi-sharma-igalia

A Year of the Servo Reboot: Where Are We Now?

Igalia

Advantages of Hiring UIUX Design Service Providers for Your Business

Pixlogix Infotech

Tata AIG General Insurance Company - Insurer Innovation Award 2024

The Digital Insurer

Data Cloud, More than a CDP by Matt Robison

Anna Loughnan Colquhoun

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

Neo4j

A Domino Admins Adventures (Engage 2024)

Gabriella Davis

In an era where artificial intelligence (AI) stands at the forefront of business innovation, Information Architecture (IA) is at the core of functionality. See “There’s No AI Without IA” – (from 2016 but even more relevant today) Understanding and leveraging how Information Architecture (IA) supports AI synergies between knowledge engineering and prompt engineering is critical for senior leaders looking to successfully deploy AI for internal and externally facing knowledge processes. This webinar be a high-level overview of the methodologies that can elevate AI-driven knowledge processes supporting both employees and customers. Core Insights Include: Strategic Knowledge Engineering: Delve into how structuring AI's knowledge base is required to prevent hallucinations, enable contextual retrieval of accurate information. This will include discussion of gold standard libraries of use cases support testing various LLMs and structures and configurations of knowledge base. Precision in Prompt Engineering: Learn the art of crafting prompts that direct AI to deliver targeted, relevant responses, thereby optimizing customer experiences and business outcomes. Unified Approach for Enhanced AI Performance: Explore the intersection of knowledge and prompt engineering to develop AI systems that are not only more responsive but also aligned with overarching business strategies. Guiding Principles for Implementation: Equip yourself with best practices, ethical guidelines, and strategic considerations for embedding these technologies into your business ecosystem effectively. This webinar is designed to empower business and technology leaders with the knowledge to harness the full potential of AI, ensuring their organizations not only keep pace with digital transformation but lead the charge. Join us to map a roadmap to fully leverage Information Architecture (IA) and AI chart a course towards a future where AI is a key pillar of strategic innovation and business success.

EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx

Earley Information Science

Discord is a free app offering voice, video, and text chat functionalities, primarily catering to the gaming community. It serves as a hub for users to create and join servers tailored to their interests. Discord’s ecosystem comprises servers, each functioning as a distinct online community with its own channels dedicated to specific topics or activities. Users can engage in text-based discussions, voice calls, or video chats within these channels. Understanding Discord Servers Discord servers are virtual spaces where users congregate to interact, share content, and build communities. Servers may revolve around gaming, hobbies, interests, or fandoms, providing a platform for like-minded individuals to connect. Communication Features Discord offers a range of communication tools, including text channels for messaging, voice channels for real-time audio conversations, and video channels for face-to-face interactions. These features facilitate seamless communication and collaboration. What Does NSFW Mean? The acronym NSFW stands for “Not Safe For Work,” indicating content that may be inappropriate for professional or public settings. NSFW Content NSFW content encompasses material that is sexually explicit, violent, or otherwise graphic in nature. It often includes nudity, profanity, or depictions of sensitive topics.

Understanding Discord NSFW Servers A Guide for Responsible Users.pdf

UK Journal

A Call to Action for Generative AI in 2024

Results

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

The Digital Insurer

Recently uploaded (20)

Automating Google Workspace (GWS) & more with Apps Script

Boost PC performance: How more available memory can improve productivity

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

How to Troubleshoot Apps for the Modern Connected Worker

Presentation on how to chat with PDF using ChatGPT code interpreter

CNv6 Instructor Chapter 6 Quality of Service

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

Finology Group – Insurtech Innovation Award 2024

GenCyber Cyber Security Day Presentation

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

A Year of the Servo Reboot: Where Are We Now?

Advantages of Hiring UIUX Design Service Providers for Your Business

Tata AIG General Insurance Company - Insurer Innovation Award 2024

Data Cloud, More than a CDP by Matt Robison

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

A Domino Admins Adventures (Engage 2024)

EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx

Understanding Discord NSFW Servers A Guide for Responsible Users.pdf

A Call to Action for Generative AI in 2024

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

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