The document discusses how to write a plugin for the Google Closure Editor to add image functionality. It covers initializing the editor, registering the plugin, interacting with commands, and implementing an image dialog plugin by extending the necessary classes and interfaces. The plugin allows users to click an image button, open an image dialog to insert images into the content.
This Presentation talks about various aspects of managing the Activity Backstack.
Please note this was prepared last year but most of the concepts are still relevant
This Presentation talks about various aspects of managing the Activity Backstack.
Please note this was prepared last year but most of the concepts are still relevant
By Eduardo Lima.
GNOME, the free desktop environment, has embraced Javascript. Starting from version 3.0, Javascript is at the core of the user experience delivered to tens of thousands of GNOME users out there. We call it the gnome-shell, but the real beauty lies within.
This presentation will give you a brief tour around the great technology behind the shell, a technology that GNOME hackers use to have automatic reflection of their core libraries into Javascript. Yes, you read well, automatic! It is called gobject-introspection and gives you the super-powers of Javascript-ing most of the hardcore C libraries that powers GNOME, from multimedia, web browsing, accelerated 2D and 3D graphics, communications, UX, hardware interaction, and many more.
During the talk, a couple of examples will be discussed, some demos dropped, and we might hack the shell on-the-fly as well!
Writing multimedia applications with Grilo (GUADEC 2013)Igalia
By Juan A. Suarez.
Grilo is a framework that helps developers to retrieve multimedia content from different sources, both local and online, using a single and common API to browse, search and finally get the results.
Nowadays Grilo is used by different applications inside the GNOME project: Totem, Rygel, Rythmbox, and in new coming applications like gnome-music and gnome-photos (this one in a next version).
The aim of this talk is to check the requirements these different applications have to access the content, and how Grilo helps to fulfil them. We will see also other use-cases that can be solved with Grilo, which for sure be helpful for other developments.
Extending Google Apps/Spreadsheet using Google Apps ScriptDipali Vyas
Google Apps Script is a JavaScript cloud scripting language to automate tasks. I gave a session on #GDGAhmedabad #DevFestAhm with 4 live demo of the application.
Let Grunt do the work, focus on the fun! [Open Web Camp 2013]Dirk Ginader
Google’s Dirk Ginader thinks great developers are lazy, and there’s nothing wrong with that. After all, would you rather spend your time working on the mundane stuff — like minification, linting, compilation, unit testing, etc — or actually developing your code?
In this presentation, Dirk will show you how to set up the Grunt JavaScript Task Runner so that you and your team can focus on the fun!
Google Plus SignIn : l'Authentification GoogleMathias Seguy
Cette conférence vous expliquera en détail pourquoi mettre en place cette authentification et surtout comment la mettre en place.
Vous découvrirez ainsi:
la console des GoogleService,
comment utiliser l’objet PlusClient et ConnectionResult pour gérer l’identification de votre utilisateur,
comment mettre en place la « magic connexion » et la « manual connexion »,
comment mettre en place cette authentification au sein du cycle de vie de votre application,
comment charger le graphe social de l’utilisateur, faire des posts interactifs et des « application activities »…
Un grand moment pour tous ceux qui se demandent encore quelle est la meilleure stratégie pour authentifier son utilisateur.
Cette conférence s’associe:
d’un tutorial que vous pouvez retrouver sur GitHub: SignInWithGoogleTutorial(https://github.com/MathiasSeguy-Android2EE/SignInWithGoogleTutorial) sur GitHub.
d’une application mettant en place cette authentification que vous pouvez retrouver sur GooglePlay: MyPublicGoogleProfile (https://play.google.com/store/apps/details?id=com.android2ee.project.gplus.signin.publicid&hl=fr).
Et bien sûr la conférence va être disponible sur Android2EE dès le Vendredi 20 au rayon OpenResource\Conférences.
Vous aussi, authentifiez vos utilisateurs, inter-agissez avec eux et simplifiez leur la vie:
En espérant que vous y découvrirez votre bonheur :) .
By Eduardo Lima.
GNOME, the free desktop environment, has embraced Javascript. Starting from version 3.0, Javascript is at the core of the user experience delivered to tens of thousands of GNOME users out there. We call it the gnome-shell, but the real beauty lies within.
This presentation will give you a brief tour around the great technology behind the shell, a technology that GNOME hackers use to have automatic reflection of their core libraries into Javascript. Yes, you read well, automatic! It is called gobject-introspection and gives you the super-powers of Javascript-ing most of the hardcore C libraries that powers GNOME, from multimedia, web browsing, accelerated 2D and 3D graphics, communications, UX, hardware interaction, and many more.
During the talk, a couple of examples will be discussed, some demos dropped, and we might hack the shell on-the-fly as well!
Writing multimedia applications with Grilo (GUADEC 2013)Igalia
By Juan A. Suarez.
Grilo is a framework that helps developers to retrieve multimedia content from different sources, both local and online, using a single and common API to browse, search and finally get the results.
Nowadays Grilo is used by different applications inside the GNOME project: Totem, Rygel, Rythmbox, and in new coming applications like gnome-music and gnome-photos (this one in a next version).
The aim of this talk is to check the requirements these different applications have to access the content, and how Grilo helps to fulfil them. We will see also other use-cases that can be solved with Grilo, which for sure be helpful for other developments.
Extending Google Apps/Spreadsheet using Google Apps ScriptDipali Vyas
Google Apps Script is a JavaScript cloud scripting language to automate tasks. I gave a session on #GDGAhmedabad #DevFestAhm with 4 live demo of the application.
Let Grunt do the work, focus on the fun! [Open Web Camp 2013]Dirk Ginader
Google’s Dirk Ginader thinks great developers are lazy, and there’s nothing wrong with that. After all, would you rather spend your time working on the mundane stuff — like minification, linting, compilation, unit testing, etc — or actually developing your code?
In this presentation, Dirk will show you how to set up the Grunt JavaScript Task Runner so that you and your team can focus on the fun!
Google Plus SignIn : l'Authentification GoogleMathias Seguy
Cette conférence vous expliquera en détail pourquoi mettre en place cette authentification et surtout comment la mettre en place.
Vous découvrirez ainsi:
la console des GoogleService,
comment utiliser l’objet PlusClient et ConnectionResult pour gérer l’identification de votre utilisateur,
comment mettre en place la « magic connexion » et la « manual connexion »,
comment mettre en place cette authentification au sein du cycle de vie de votre application,
comment charger le graphe social de l’utilisateur, faire des posts interactifs et des « application activities »…
Un grand moment pour tous ceux qui se demandent encore quelle est la meilleure stratégie pour authentifier son utilisateur.
Cette conférence s’associe:
d’un tutorial que vous pouvez retrouver sur GitHub: SignInWithGoogleTutorial(https://github.com/MathiasSeguy-Android2EE/SignInWithGoogleTutorial) sur GitHub.
d’une application mettant en place cette authentification que vous pouvez retrouver sur GooglePlay: MyPublicGoogleProfile (https://play.google.com/store/apps/details?id=com.android2ee.project.gplus.signin.publicid&hl=fr).
Et bien sûr la conférence va être disponible sur Android2EE dès le Vendredi 20 au rayon OpenResource\Conférences.
Vous aussi, authentifiez vos utilisateurs, inter-agissez avec eux et simplifiez leur la vie:
En espérant que vous y découvrirez votre bonheur :) .
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualityInflectra
In this insightful webinar, Inflectra explores how artificial intelligence (AI) is transforming software development and testing. Discover how AI-powered tools are revolutionizing every stage of the software development lifecycle (SDLC), from design and prototyping to testing, deployment, and monitoring.
Learn about:
• The Future of Testing: How AI is shifting testing towards verification, analysis, and higher-level skills, while reducing repetitive tasks.
• Test Automation: How AI-powered test case generation, optimization, and self-healing tests are making testing more efficient and effective.
• Visual Testing: Explore the emerging capabilities of AI in visual testing and how it's set to revolutionize UI verification.
• Inflectra's AI Solutions: See demonstrations of Inflectra's cutting-edge AI tools like the ChatGPT plugin and Azure Open AI platform, designed to streamline your testing process.
Whether you're a developer, tester, or QA professional, this webinar will give you valuable insights into how AI is shaping the future of software delivery.
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Albert Hoitingh
In this session I delve into the encryption technology used in Microsoft 365 and Microsoft Purview. Including the concepts of Customer Key and Double Key Encryption.
UiPath Test Automation using UiPath Test Suite series, part 3DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 3. In this session, we will cover desktop automation along with UI automation.
Topics covered:
UI automation Introduction,
UI automation Sample
Desktop automation flow
Pradeep Chinnala, Senior Consultant Automation Developer @WonderBotz and UiPath MVP
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Epistemic Interaction - tuning interfaces to provide information for AI supportAlan Dix
Paper presented at SYNERGY workshop at AVI 2024, Genoa, Italy. 3rd June 2024
https://alandix.com/academic/papers/synergy2024-epistemic/
As machine learning integrates deeper into human-computer interactions, the concept of epistemic interaction emerges, aiming to refine these interactions to enhance system adaptability. This approach encourages minor, intentional adjustments in user behaviour to enrich the data available for system learning. This paper introduces epistemic interaction within the context of human-system communication, illustrating how deliberate interaction design can improve system understanding and adaptation. Through concrete examples, we demonstrate the potential of epistemic interaction to significantly advance human-computer interaction by leveraging intuitive human communication strategies to inform system design and functionality, offering a novel pathway for enriching user-system engagements.
The Art of the Pitch: WordPress Relationships and SalesLaura Byrne
Clients don’t know what they don’t know. What web solutions are right for them? How does WordPress come into the picture? How do you make sure you understand scope and timeline? What do you do if sometime changes?
All these questions and more will be explored as we talk about matching clients’ needs with what your agency offers without pulling teeth or pulling your hair out. Practical tips, and strategies for successful relationship building that leads to closing the deal.
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Ramesh Iyer
In today's fast-changing business world, Companies that adapt and embrace new ideas often need help to keep up with the competition. However, fostering a culture of innovation takes much work. It takes vision, leadership and willingness to take risks in the right proportion. Sachin Dev Duggal, co-founder of Builder.ai, has perfected the art of this balance, creating a company culture where creativity and growth are nurtured at each stage.
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...James Anderson
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf91mobiles
91mobiles recently conducted a Smart TV Buyer Insights Survey in which we asked over 3,000 respondents about the TV they own, aspects they look at on a new TV, and their TV buying preferences.
UiPath Test Automation using UiPath Test Suite series, part 4DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 4. In this session, we will cover Test Manager overview along with SAP heatmap.
The UiPath Test Manager overview with SAP heatmap webinar offers a concise yet comprehensive exploration of the role of a Test Manager within SAP environments, coupled with the utilization of heatmaps for effective testing strategies.
Participants will gain insights into the responsibilities, challenges, and best practices associated with test management in SAP projects. Additionally, the webinar delves into the significance of heatmaps as a visual aid for identifying testing priorities, areas of risk, and resource allocation within SAP landscapes. Through this session, attendees can expect to enhance their understanding of test management principles while learning practical approaches to optimize testing processes in SAP environments using heatmap visualization techniques
What will you get from this session?
1. Insights into SAP testing best practices
2. Heatmap utilization for testing
3. Optimization of testing processes
4. Demo
Topics covered:
Execution from the test manager
Orchestrator execution result
Defect reporting
SAP heatmap example with demo
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Transcript: Selling digital books in 2024: Insights from industry leaders - T...BookNet Canada
The publishing industry has been selling digital audiobooks and ebooks for over a decade and has found its groove. What’s changed? What has stayed the same? Where do we go from here? Join a group of leading sales peers from across the industry for a conversation about the lessons learned since the popularization of digital books, best practices, digital book supply chain management, and more.
Link to video recording: https://bnctechforum.ca/sessions/selling-digital-books-in-2024-insights-from-industry-leaders/
Presented by BookNet Canada on May 28, 2024, with support from the Department of Canadian Heritage.
1. .
.
Write a Google Closure
Editor Plugin
@yinhm
December 19, 2010
. .
@yinhm Google Closure Plugin 1/27
2. .
Before we start
.
• Closure is a JavaScript library
• Developed by google, released under Apache license
• The JavaScript library behind Google’s web apps
. .
@yinhm Google Closure Plugin 2/27
3. .
Hello world: Step 1
.
goog.require('goog.dom');
function sayHi() {
var newHeader = goog.dom.createDom('h1',
{'style': 'background-color:#EEE'},
'Hello world!');
goog.dom.appendChild(document.body, newHeader);
}
. .
@yinhm Google Closure Plugin 3/27
14. .
goog.ui.Component
.
Life Cycle Stage (or Purpose)
• constructor Component instance creation
• createDom() Component DOM structure building
• decorateInternal() (optional)
• enterDocument() Post DOM-building initialization (such
as attaching event listeners)
• exitDocument() Post DOM-removal cleanup (such as
detaching event listeners)
• dispose() Component disposal
• canDecorate() Indicates whether the component can use
a pre-existing element
. .
@yinhm Google Closure Plugin 14/27
15. .
A UI Component Example
.
An Introduction to Components
. .
@yinhm Google Closure Plugin 15/27
16. .
Rich Text Editor
.
• Known as Trog Editor
• Used in previous verion of Google Docs
• Used in Gmail
• Google not releasing all plugins(yet), eg: Image
. .
@yinhm Google Closure Plugin 16/27
17. .
Rich Text Editor: high-level
.
design
• Using build-in browser features: contentEditable,
execCommand
• More than that: cross-browser consistency
. .
@yinhm Google Closure Plugin 17/27
18. .
.
Let’s build a image plugin.
. .
@yinhm Google Closure Plugin 18/27
19. .
init editor
.
var editorId = 'myId';
var editorDiv = dom.createDom(goog.dom.TagName.DIV,
{id: editorId,
style: 'width: 630px; height: 300px;'});
// Create an editable field.
var trogField = new goog.editor.Field(editorId);
trogField.makeEditable();
. .
@yinhm Google Closure Plugin 19/27
20. .
register plugin
.
var trogField = new goog.editor.Field(editorId);
trogField.registerPlugin(
new goog.editor.plugins.ImageDialogPlugin(config));
trogField.makeEditable();
. .
@yinhm Google Closure Plugin 20/27
21. .
Interacting
.
• User clicks image button
• trogField.execCommand(goog.editor.Command.BOLD)
• trogField looks at the installed plugin
• isEnabled? isSupportCommand?
• plugin.execCommand
• plugin.execCommandInternal
. .
@yinhm Google Closure Plugin 21/27
22. .
goog.editor.Plugin
.
• base class for all Trog plugins
• extends goog.events.EventTarget
• fieldObject points to instance of goog.editor.Field
• getFieldDomHelper() returns the goog.dom.Domhelper
for the field
• must implement getTrogClassId()
• isSupportedCommand, execCommand,
execCommandInternal
. .
@yinhm Google Closure Plugin 22/27
23. .
Implemen: ImageDialogPlugin
.
• inherit from AbstractDialogPlugin
• isSupportedCommand, execCommand,
execCommandInternal handler by AbstractDialogPlugin
• must implement createDialog
. .
@yinhm Google Closure Plugin 23/27
24. .
Implement: ImageDialog
.
• inherit from good.ui.editor.AbstractDialog
• must implement createDialogControl, createOkEvent
• creating dialog HTML, handle events
. .
@yinhm Google Closure Plugin 24/27
25. .
Implement: detail
.
Open sourced: http:
//github.com/yinhm/google-closure-editor-image/
. .
@yinhm Google Closure Plugin 25/27
26. .
References
.
• http://code.google.com/closure, Google Closure
. .
@yinhm Google Closure Plugin 26/27
27. .
About
.
a
Created in L TEX using the beamer class, TeX Live and Emacs.
Published under the Creative Commons Attribution 3.0 License
http://creativecommons.org/licenses/by/3.0/
by @yinhm
http://yinhm.appspot.com
Document version December 19, 2010
. .
@yinhm Google Closure Plugin 27/27