Vaadin7 - coding ui components

•Descargar como PPTX, PDF•

0 recomendaciones•853 vistas

Slides vom Vaadin BBQ 8.8.2013 bei mp technology in Zürich. Talk zum Thema Erstellung von Vaadin 7 Erweiterungen auf Browserseite von Benjamin Schupp, Lead Architect, mp technology. http://www.mptechnology.ch

Tecnología

Vaadin 7
coding UI components
August 2013
Benjamin Schupp
mp technology consulting GmbH

© mp technology consulting GmbH & Vaadin Ltd | August 2013 | Page 2
Mission:
Create Vaadin component for a jquery plugin ‚qrcode‘

© mp technology consulting GmbH & Vaadin Ltd | August 2013 | Page 3
Understanding Vaadin

© mp technology consulting GmbH & Vaadin Ltd | August 2013 | Page 4
Application Architecture
• UI Model stored as component
tree on server
• Rendering in browser via
GWT Widgets
• Communication through json
(UIDL)

© mp technology consulting GmbH & Vaadin Ltd | August 2013 | Page 5
UI Component Architecture
Java
• Compiled with JDK
HTTP(S)
Client UI Component
• Rendering
• Event handling
• Runs on JavaScript
Server UI Component
• State
• Button, Table…
• Java API to program
Java
• Google Web Toolkit
• Compiled to JavaScript

© mp technology consulting GmbH & Vaadin Ltd | August 2013 | Page 6
Vaadin Architecture

© mp technology consulting GmbH & Vaadin Ltd | August 2013 | Page 7
Extending Vaadin
Understand the options
1. Use existing add-ons from the directory
- 3rd party or own
- No implementation necessary
- Example:
- Vaadin Charts
- Calendar

© mp technology consulting GmbH & Vaadin Ltd | August 2013 | Page 8
Extending Vaadin
Understand the options
2. Create CustomComponent
- Composition of existing built-in components
- Server-side implementation only
- Example: Reoccuring dialog

© mp technology consulting GmbH & Vaadin Ltd | August 2013 | Page 9
Extending Vaadin
Understand the options
3. Component Extensions
- Add features to existing components without
inheritance
- Server-side component and client-side connector
implementation
- Example: Add a caps-lock warning to fields

© mp technology consulting GmbH & Vaadin Ltd | August 2013 | Page 10
Extending Vaadin
Understand the options
4. Integrate JavaScript libraries/code
- Server-side component and client-side connector
implementation
- Automatic delivery of JavaScript libraries by framework
- Example: In a minute

© mp technology consulting GmbH & Vaadin Ltd | August 2013 | Page 11
Extending Vaadin
Understand the options
5. Client side widget implementation
- Use/extend existing widgets
- Compose existing GWT widgets
- Create own widget implementation
(create DOM manually)
- GWT programming model!
(Recompile widgetset)

© mp technology consulting GmbH & Vaadin Ltd | August 2013 | Page 12
Packaging a custom Widget
• For a Vaadin add-on create proper MANIFEST file
(see dev.vaadin.com/wiki/VaadinAddon)
• Don‘t forget to include the sources
• Upload to VAADIN directory

© mp technology consulting GmbH & Vaadin Ltd | August 2013 | Page 13
Client – Server
Integration

© mp technology consulting GmbH & Vaadin Ltd | August 2013 | Page 14
Sample code…

© mp technology consulting GmbH & Vaadin Ltd | August 2013 | Page 15
• Individual-Software für Intranet und Internet und Mobile seit 2003
• Beratung, Analyse, Konzepte, Architektur, Implementierung
• Zertifizierter Vaadin Solution Partner
• http://www.mptechnology.ch
Offizielle Vaadin Schulungen in Zürich
• 11. – 12. November 2013: Vaadin 7 Fundamentals
• 13. – 14. November 2013: Advanced Vaadin 7
• Anmeldung über https://vaadin.com/services#vaadintraining
mp technology, Zürich

Más contenido relacionado

La actualidad más candente

Zero-Copy Compositing in WebKitGTK+ for GUADEC 2015 (GUADEC 2015)

Igalia

JAMstack with gatsby, contentful and netlify aka the dream stack

zonathen

JAMstack WTJ

zonathen

Extending and Integrating QlikView

Helena Caligari

Magento Multi-Source Inventory (MSI)

Igor Miniailo

WebKit-powered HTML overlays in your pipeline with GstWPE (GStreamer Conferen...

Igalia

[Nuxeo World 2013] Roadmap 2014 - Product part

Nuxeo

GraphQL Bangkok Meetup 6.0

Tobias Meixner

Are you having trouble with all the things happening in web technology lately? Frustrated with the rate of change? Hard to keep up? Then we have good news for you: a little while ago, we at Jayway did a tech radar on web technology and we would like to share it with you. Some of the technologies we will cover are: ECMAScript 6, React, Angular, Ember, Isomorphic/Universal web applications, Unidirectional client data flow, Backend-as-a-Service, Meteor, and Static site generators. We will also do a small comparison of the web tech radar we did 18 months ago, and draw conclusions from the differences and the current rate of change. Finally, we'll give some advices for navigating in the ever changing landscape of new web technology.

Jayway Web Tech Radar 2015

Gustaf Nilsson Kotte

Web tech portal

Innominds Software Pvt Ltd

Drupal jam 2017 services

Erik Stielstra

Magento Cloud - Introduction

Oleg Posyniak

"What if: - You could have a 2-way sync between a (structure) variable and a we block (e.g. input widgets) - There was a valid runtime property for web blocks (e.g. built-in widgets) - Web block behaved LIKE built-in widgets? In this talk, we will present an approach, and a couple of tools, that help promote web blocks to first class citizens. It has helped us speed up development and improve maintainability. Maybe it will also be helpful to you."

Speed up Development by Turning Web Blocks Into First-Class Citizens

OutSystems

Vue3: nuove funzionalità, differenze e come migrare

Andrea Campaci

Building SPAs with AngularJS

Cezar Carneiro

Building RIA - Comparison between Adobe Flex and GWT - Hu Shunjie

jasonong

Rails-like Asp.Net Development Shared

curtismitchell

#CodefreshLive Event

Codefresh

Android App Architecture

Tai Dang

HTML5 Charting in ASP.NET using RadHtmlChart

Lohith Goudagere Nagaraj

La actualidad más candente (20)

Zero-Copy Compositing in WebKitGTK+ for GUADEC 2015 (GUADEC 2015)

JAMstack with gatsby, contentful and netlify aka the dream stack

JAMstack WTJ

Extending and Integrating QlikView

Magento Multi-Source Inventory (MSI)

WebKit-powered HTML overlays in your pipeline with GstWPE (GStreamer Conferen...

[Nuxeo World 2013] Roadmap 2014 - Product part

GraphQL Bangkok Meetup 6.0

Jayway Web Tech Radar 2015

Web tech portal

Drupal jam 2017 services

Magento Cloud - Introduction

Speed up Development by Turning Web Blocks Into First-Class Citizens

Vue3: nuove funzionalità, differenze e come migrare

Building SPAs with AngularJS

Building RIA - Comparison between Adobe Flex and GWT - Hu Shunjie

Rails-like Asp.Net Development Shared

#CodefreshLive Event

Android App Architecture

HTML5 Charting in ASP.NET using RadHtmlChart

Destacado

Passbook - das mobile Wallet im iPhone - Internet Briefing Payment Conference...

Patrick Pfister

In an ever-changing landscape of one digital disruption after another, companies and organisations are looking for new ways to understand their target markets and engage them better. Increasingly they invest in user experience (UX) and customer experience design (CX) capabilities by working with a specialist UX agency or developing their own UX lab. Some UX practitioners are touting leaner and faster ways of developing customer-centric products and services, via methodologies such as guerilla research, rapid prototyping and Agile UX. Others seek innovation and fulfilment by spending more time in research, being more inclusive, and designing for social goods. Experience is more than just an interface. It is a relationship, as well as a series of touch points between your brand and your customer. Here are our top 10 highlights and takeaways from the recent UX Australia conference to help you transform your customer experience design. For full article, continue reading at https://yump.com.au/10-ways-supercharge-customer-experience-design/

10 Insightful Quotes On Designing A Better Customer Experience

Yuan Wang

Learn BEM: CSS Naming Convention

In a Rocket

How to Build a Dynamic Social Media Plan

Post Planner

SEO: Getting Personal

Kirsty Hulse

How can we take UX and Data Storytelling out of the tech context and use them to change the way government behaves? Showcasing the truth is the highest goal of data storytelling. Because the design of a chart can affect the interpretation of data in a major way, one must wield visual tools with care and deliberation. Using quantitative facts to evoke an emotional response is best achieved with the combination of UX and data storytelling.

Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba

ux singapore

Succession “Losers”: What Happens to Executives Passed Over for the CEO Job? By David F. Larcker, Stephen A. Miles, and Brian Tayan Stanford Closer Look Series Overview: Shareholders pay considerable attention to the choice of executive selected as the new CEO whenever a change in leadership takes place. However, without an inside look at the leading candidates to assume the CEO role, it is difficult for shareholders to tell whether the board has made the correct choice. In this Closer Look, we examine CEO succession events among the largest 100 companies over a ten-year period to determine what happens to the executives who were not selected (i.e., the “succession losers”) and how they perform relative to those who were selected (the “succession winners”). We ask: • Are the executives selected for the CEO role really better than those passed over? • What are the implications for understanding the labor market for executive talent? • Are differences in performance due to operating conditions or quality of available talent? • Are boards better at identifying CEO talent than other research generally suggests?

Succession “Losers”: What Happens to Executives Passed Over for the CEO Job?

Stanford GSB Corporate Governance Research Initiative

Destacado (7)

Passbook - das mobile Wallet im iPhone - Internet Briefing Payment Conference...

10 Insightful Quotes On Designing A Better Customer Experience

Learn BEM: CSS Naming Convention

How to Build a Dynamic Social Media Plan

SEO: Getting Personal

Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba

Succession “Losers”: What Happens to Executives Passed Over for the CEO Job?

Similar a Vaadin7 - coding ui components

Vaadin Jump Start

Haim Michael

SAP Web IDE

msg systems ag - Custom Development

Best Practices - By Lofi Dewanto

GWTcon

Experience in Magento Community Projects

Magecom UK Limited

Building your own calendly using amazon app sync

Dhaval Nagar

By Julie Kim. Julie will be presenting the work that has been done over the last months to develop for the AGL platform a modern Chromium based Web Application Manager (WAM) that enables running HTML5 IVI applications on the system. These different applications can define specific levels of integration and security on the platform, and can be run seamlessly on different hardware architectures. Automotive Grade Linux All Member Meeting Japan 2019 March 5 - 6, 2019 Tokyo, Japan https://events.linuxfoundation.org/events/agl-all-member-meeting-japan/

HTML5 Apps on AGL Platform with the Web Application Manager (Automotive Grade...

Igalia

Description of the WireCloud mashup engine, and its integration with other FIWARE Generic Enablers. It defines basic components such as widget, operator, and mashup, and goes on with advanced fuctionality of WireCloud such as Wiring, HTTP proxy, preferences, and the APIs to other FIWARE GenericEnablers. Finally, it contains a basic workshop on the usage of WireCloud. It exposes a chat application split into a widget and an operator.

WireCloud hands-on. FI-PPP-Liaison

Miguel Jiménez

How the Adobe on Adobe team used AngularJS and AEM to build out a single page application site. Main goal with this proof of concept project was that the pattern had to be super simple to develop in. It had to be JSP free. It had to function smoothly on everything from a mobile device to a desktop and everything in between. The site also needed to be SEO friendly. Follow along to see the process and the challenges with building a site like this.

Build single page applications using AngularJS on AEM

AdobeMarketingCloud

Presented at CONNECT Web Experience '15 Basel June 25. How the Adobe on Adobe team used AngularJS and AEM to build out a single page application site. One of the main goals with this proof of concept project was that the pattern had to be super simple to develop in. It had to be JSP free. It had to function smoothly on everything from a mobile device to a desktop and everything in between. The site also needed to be SEO friendly. Follow along to see the process and the challenges.

Build single page applications using AngularJS on AEM

AdobeMarketingCloud

Build single page applications using AngularJS on AEM

connectwebex

User-Customizable Web Components for Building One-Page Sites

Pasquale Lisena

Simple Open Source Java Cloud App Stack with Guice, Hibernate, Jersey and Vaadin

Jian Wu

SAPTechED 2015 UX114 -Building custom SAP Fiori Apps Using SAP Web IDE

Markus Van Kempen

Overview of the AngularJS framework

Yakov Fain

NetWeaver Gateway- Gateway Service Consumption

SAP PartnerEdge program for Application Development

Introduction to SPAs with AngularJS

Laurent Duveau

CodeCharge Studio RAD tool

Stefan Prutianu

Encapsulating functionality: Web Components – set of new standards from Google. It’s time to adopt or maybe look back? It’s seems, we have had something similar, or it is absolutely different? JSF components – Oh, no! Or give a chance? Go forward to a client’s browser or review new features in server? How to start using Polymer under Spring Boot or maybe it will be PrimeFaces. Glance from back-end (and slightly manager) perspectives.

JEE Conf 2015: Less JS!

_Dewy_

Liquid Day - Retos modernos del desarrollo de aplicaciones de negocio

Software Guru

Google Web Toolkit

Michael Angelo Rivera

Similar a Vaadin7 - coding ui components (20)

Vaadin Jump Start

SAP Web IDE

Best Practices - By Lofi Dewanto

Experience in Magento Community Projects

Building your own calendly using amazon app sync

HTML5 Apps on AGL Platform with the Web Application Manager (Automotive Grade...

WireCloud hands-on. FI-PPP-Liaison

Build single page applications using AngularJS on AEM

User-Customizable Web Components for Building One-Page Sites

Simple Open Source Java Cloud App Stack with Guice, Hibernate, Jersey and Vaadin

SAPTechED 2015 UX114 -Building custom SAP Fiori Apps Using SAP Web IDE

Overview of the AngularJS framework

NetWeaver Gateway- Gateway Service Consumption

Introduction to SPAs with AngularJS

CodeCharge Studio RAD tool

JEE Conf 2015: Less JS!

Liquid Day - Retos modernos del desarrollo de aplicaciones de negocio

Google Web Toolkit

Último

BooK Now Call us at +918448380779 to hire a gorgeous and seductive call girl for sex. Take a Delhi Escort Service. The help of our escort agency is mostly meant for men who want sexual Indian Escorts In Delhi NCR. It should be noted that any impersonator will get 100 attention from our Young Girls Escorts in Delhi. They will assume the position of reliable allies. VIP Call Girl With Original Photos Book Tonight +918448380779 Our Cheap Price 1 Hour not available 2 Hours 5000 Full Night 8000 TAG: Call Girls in Delhi, Noida, Gurgaon, Ghaziabad, Connaught Place, Greater Kailash Delhi, Lajpat Nagar Delhi, Mayur Vihar Delhi, Chanakyapuri Delhi, New Friends Colony Delhi, Majnu Ka Tilla, Karol Bagh, Malviya Nagar, Saket, Khan Market, Noida Sector 18, Noida Sector 76, Noida Sector 51, Gurgaon Mg Road, Iffco Chowk Gurgaon, Rajiv Chowk Gurgaon All Delhi Ncr Free Home Deliver

08448380779 Call Girls In Diplomatic Enclave Women Seeking Men

Delhi Call girls

GenAI Risks & Security Meetup 01052024.pdf

lior mazor

What are drone anti-jamming systems? The drone anti-jamming systems and anti-spoof technology protect against interference, jamming, and spoofing of the UAVs. To protect their security, countries are beginning to research drone anti-jamming systems, also known as drone strike weapons. The anti-jam and anti-spoof technology protects against interference, jamming and spoofing. A drone strike weapon is a drone attack weapon that can attack and destroy enemy drones. So what is so unique about this amazing system?

What Are The Drone Anti-jamming Systems Technology?

Antenna Manufacturer Coco

How to Troubleshoot Apps for the Modern Connected Worker

ThousandEyes

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

Axa Assurance Maroc - Insurer Innovation Award 2024

The Digital Insurer

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Product Anonymous

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

Imagine a world where information flows as swiftly as thought itself, making decision-making as fluid as the data driving it. Every moment is critical, and the right tools can significantly boost your organization’s performance. The power of real-time data automation through FME can turn this vision into reality. Aimed at professionals eager to leverage real-time data for enhanced decision-making and efficiency, this webinar will cover the essentials of real-time data and its significance. We’ll explore: FME’s role in real-time event processing, from data intake and analysis to transformation and reporting An overview of leveraging streams vs. automations FME’s impact across various industries highlighted by real-life case studies Live demonstrations on setting up FME workflows for real-time data Practical advice on getting started, best practices, and tips for effective implementation Join us to enhance your skills in real-time data automation with FME, and take your operational capabilities to the next level.

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

Safe Software

Strategies for Landing an Oracle DBA Job as a Fresher

Remote DBA Services

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

What is a good lead in your organisation? Which leads are priority? What happens to leads? When sales and marketing give different answers to these questions, or perhaps aren't sure of the answers at all, frustrations build and opportunities are left on the table. Join us for an illuminating session with Cian McLoughlin, HubSpot Principal Customer Success Manager, as we look at that crucial piece of the customer journey in which leads are transferred from marketing to sales.

04-2024-HHUG-Sales-and-Marketing-Alignment.pptx

HampshireHUG

Boost Fertility New Invention Ups Success Rates.pdf

sudhanshuwaghmare1

Finology Group – Insurtech Innovation Award 2024

The Digital Insurer

Evaluating the top large language models.pdf

ChristopherTHyatt

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

Martijn de Jong

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

Enterprise Knowledge’s Urmi Majumder, Principal Data Architecture Consultant, and Fernando Aguilar Islas, Senior Data Science Consultant, presented "Driving Behavioral Change for Information Management through Data-Driven Green Strategy" on March 27, 2024 at Enterprise Data World (EDW) in Orlando, Florida. In this presentation, Urmi and Fernando discussed a case study describing how the information management division in a large supply chain organization drove user behavior change through awareness of the carbon footprint of their duplicated and near-duplicated content, identified via advanced data analytics. Check out their presentation to gain valuable perspectives on utilizing data-driven strategies to influence positive behavioral shifts and support sustainability initiatives within your organization. In this session, participants gained answers to the following questions: - What is a Green Information Management (IM) Strategy, and why should you have one? - How can Artificial Intelligence (AI) and Machine Learning (ML) support your Green IM Strategy through content deduplication? - How can an organization use insights into their data to influence employee behavior for IM? - How can you reap additional benefits from content reduction that go beyond Green IM?

Driving Behavioral Change for Information Management through Data-Driven Gree...

Enterprise Knowledge

Presentation on how to chat with PDF using ChatGPT code interpreter

naman860154

presentation ICT roal in 21st century education

jfdjdjcjdnsjd

Vaadin7 - coding ui components

1. Vaadin 7 coding UI components August 2013 Benjamin Schupp mp technology consulting GmbH

2. © mp technology consulting GmbH & Vaadin Ltd | August 2013 | Page 2 Mission: Create Vaadin component for a jquery plugin ‚qrcode‘

4. © mp technology consulting GmbH & Vaadin Ltd | August 2013 | Page 4 Application Architecture • UI Model stored as component tree on server • Rendering in browser via GWT Widgets • Communication through json (UIDL)

5. © mp technology consulting GmbH & Vaadin Ltd | August 2013 | Page 5 UI Component Architecture Java • Compiled with JDK HTTP(S) Client UI Component • Rendering • Event handling • Runs on JavaScript Server UI Component • State • Button, Table… • Java API to program Java • Google Web Toolkit • Compiled to JavaScript

7. © mp technology consulting GmbH & Vaadin Ltd | August 2013 | Page 7 Extending Vaadin Understand the options 1. Use existing add-ons from the directory - 3rd party or own - No implementation necessary - Example: - Vaadin Charts - Calendar

8. © mp technology consulting GmbH & Vaadin Ltd | August 2013 | Page 8 Extending Vaadin Understand the options 2. Create CustomComponent - Composition of existing built-in components - Server-side implementation only - Example: Reoccuring dialog

9. © mp technology consulting GmbH & Vaadin Ltd | August 2013 | Page 9 Extending Vaadin Understand the options 3. Component Extensions - Add features to existing components without inheritance - Server-side component and client-side connector implementation - Example: Add a caps-lock warning to fields

10. © mp technology consulting GmbH & Vaadin Ltd | August 2013 | Page 10 Extending Vaadin Understand the options 4. Integrate JavaScript libraries/code - Server-side component and client-side connector implementation - Automatic delivery of JavaScript libraries by framework - Example: In a minute

11. © mp technology consulting GmbH & Vaadin Ltd | August 2013 | Page 11 Extending Vaadin Understand the options 5. Client side widget implementation - Use/extend existing widgets - Compose existing GWT widgets - Create own widget implementation (create DOM manually) - GWT programming model! (Recompile widgetset)

12. © mp technology consulting GmbH & Vaadin Ltd | August 2013 | Page 12 Packaging a custom Widget • For a Vaadin add-on create proper MANIFEST file (see dev.vaadin.com/wiki/VaadinAddon) • Don‘t forget to include the sources • Upload to VAADIN directory

15. © mp technology consulting GmbH & Vaadin Ltd | August 2013 | Page 15 • Individual-Software für Intranet und Internet und Mobile seit 2003 • Beratung, Analyse, Konzepte, Architektur, Implementierung • Zertifizierter Vaadin Solution Partner • http://www.mptechnology.ch Offizielle Vaadin Schulungen in Zürich • 11. – 12. November 2013: Vaadin 7 Fundamentals • 13. – 14. November 2013: Advanced Vaadin 7 • Anmeldung über https://vaadin.com/services#vaadintraining mp technology, Zürich

Vaadin7 - coding ui components

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Destacado

Destacado (7)

Similar a Vaadin7 - coding ui components

Similar a Vaadin7 - coding ui components (20)

Último

Último (20)

Vaadin7 - coding ui components