The document compares different transport mechanisms for sending data between a client and server in a GWT application. It discusses RequestBuilder, JSON parsing with JSONValue, Jackson for JSON serialization/deserialization, GWT-RPC, REST with JAX-RS and resty-gwt, Protocol Buffers, state synchronization with shared objects in Vaadin, and event-driven communication using CDI events in Errai. Each method is evaluated based on advantages like being standard, readable or optimized formats, and disadvantages like boilerplate code or tight coupling to frameworks. The document considers usage statistics and seeks audience questions and feedback.
Remote controlling Parrot AR drone with Vaadin & Spring Boot @ GWT.createPeter Lehto
Wouldn't it be crazy to fly a small drone or helicopter with your phone or tablet running nothing but a web browser? This session will tell you all about it!
Imagine a fully functional touch based user interface for remote controlling a small drone or a helicopter. This is doable with latest experimental integrations around drone controlling backend applications over WIFI with touch based control interface built with GWT or Vaadin. During the session such a system will be presented with full technology stack starting from GWT based frontend to the actual backend controller application.
A live drone will also be flown during the talk maintaining a safe distance from the audience.
The document discusses Java Enterprise Edition 7 and the Java APIs that comprise it, including Java Persistence API, Enterprise JavaBeans, Context and Dependency Injection, and more. It then covers using these technologies with Vaadin, including managing user interfaces with CDI and structuring Vaadin apps using the Model-View-Presenter pattern. The MVP pattern aims to separate complex UI logic from rendering for cleaner code and easier testing.
This document summarizes various HTML table tags. It describes tags such as <table>, <th>, <td>, <tr>, <caption>, <thead>, <tbody>, <tfoot>, <col>, and <colgroup> that are used to define the structure and layout of an HTML table. It provides details on how each tag is used, including their purpose, allowed contexts, and default styling. Examples are given to demonstrate how various tags can be combined to create an HTML table with headers, body, footer, row spans, and column spans.
This document provides an introduction to HTML (Hypertext Markup Language) and covers key HTML elements and tags. It begins with the objectives of getting started with HTML, creating web pages, text formatting and alignment, using links and images, style sheets, and developing forms. It then defines what HTML is, introduces common tags like <html>, <head>, <title>, <body>, and describes how a basic HTML page is structured. It also covers other important tags for paragraphs, headings, lists, text formatting, and more. The document is intended to teach basic HTML skills.
Know the Difference Between HTML and HTML5. seee what are the new updates in html5 and what tags you can use in html5 and make your website more beautiful and attractive
This document provides an introduction to HTML5 and outlines the structure and key elements of an HTML5 document. It discusses the main sections (<head> and <body>), common text formatting elements (<p>, <br>, <hr>, etc.), links (<a>), lists (<ul>, <ol>, <li>), images (<img>), tables (<table>, <tr>, <td>), and forms (<form>, <input>, <textarea>, <label>). It emphasizes using semantic tags appropriately and following best practices for readable and accessible code. The goal is to teach the basics of HTML5 structure and tags to begin building web pages.
The document compares different transport mechanisms for sending data between a client and server in a GWT application. It discusses RequestBuilder, JSON parsing with JSONValue, Jackson for JSON serialization/deserialization, GWT-RPC, REST with JAX-RS and resty-gwt, Protocol Buffers, state synchronization with shared objects in Vaadin, and event-driven communication using CDI events in Errai. Each method is evaluated based on advantages like being standard, readable or optimized formats, and disadvantages like boilerplate code or tight coupling to frameworks. The document considers usage statistics and seeks audience questions and feedback.
Remote controlling Parrot AR drone with Vaadin & Spring Boot @ GWT.createPeter Lehto
Wouldn't it be crazy to fly a small drone or helicopter with your phone or tablet running nothing but a web browser? This session will tell you all about it!
Imagine a fully functional touch based user interface for remote controlling a small drone or a helicopter. This is doable with latest experimental integrations around drone controlling backend applications over WIFI with touch based control interface built with GWT or Vaadin. During the session such a system will be presented with full technology stack starting from GWT based frontend to the actual backend controller application.
A live drone will also be flown during the talk maintaining a safe distance from the audience.
The document discusses Java Enterprise Edition 7 and the Java APIs that comprise it, including Java Persistence API, Enterprise JavaBeans, Context and Dependency Injection, and more. It then covers using these technologies with Vaadin, including managing user interfaces with CDI and structuring Vaadin apps using the Model-View-Presenter pattern. The MVP pattern aims to separate complex UI logic from rendering for cleaner code and easier testing.
This document summarizes various HTML table tags. It describes tags such as <table>, <th>, <td>, <tr>, <caption>, <thead>, <tbody>, <tfoot>, <col>, and <colgroup> that are used to define the structure and layout of an HTML table. It provides details on how each tag is used, including their purpose, allowed contexts, and default styling. Examples are given to demonstrate how various tags can be combined to create an HTML table with headers, body, footer, row spans, and column spans.
This document provides an introduction to HTML (Hypertext Markup Language) and covers key HTML elements and tags. It begins with the objectives of getting started with HTML, creating web pages, text formatting and alignment, using links and images, style sheets, and developing forms. It then defines what HTML is, introduces common tags like <html>, <head>, <title>, <body>, and describes how a basic HTML page is structured. It also covers other important tags for paragraphs, headings, lists, text formatting, and more. The document is intended to teach basic HTML skills.
Know the Difference Between HTML and HTML5. seee what are the new updates in html5 and what tags you can use in html5 and make your website more beautiful and attractive
This document provides an introduction to HTML5 and outlines the structure and key elements of an HTML5 document. It discusses the main sections (<head> and <body>), common text formatting elements (<p>, <br>, <hr>, etc.), links (<a>), lists (<ul>, <ol>, <li>), images (<img>), tables (<table>, <tr>, <td>), and forms (<form>, <input>, <textarea>, <label>). It emphasizes using semantic tags appropriately and following best practices for readable and accessible code. The goal is to teach the basics of HTML5 structure and tags to begin building web pages.
The document discusses HTML and XHTML. It covers the basics of HTML including tags, elements, and versions. It then describes XHTML as a stricter version of HTML. It also discusses some common HTML tags like <meta> and how to format text, insert tables, links, images and email links in HTML documents.
The document provides examples of HTML code to create various tables with different structures and layouts. It includes 10 examples of tables with different combinations of rows, columns, cells that span multiple rows or columns, embedded tables, lists, and other elements. The tables cover examples like a dog breed table, order form, banner with buttons and columns, telephone bill, and others.
Tables are a useful tool for organizing data in HTML. They are made up of rows and columns, with <table>, <tr>, and <td> tags. Additional tags like <th>, <caption>, <thead>, <tbody>, and <tfoot> allow for structured table headings, titles, and division into different sections. Attributes specify table styling, sizing, cell merging, and more. Tables provide a flexible way to display various types of information on web pages.
The document discusses HTML tables and forms. It covers core table tags like <table>, <tr>, and <td> and how to structure tables with headers, bodies, and footers. It also explains how to customize tables using attributes like cellspacing, cellpadding, colspan, and rowspan. For forms, it describes common form controls like text fields, textareas, radio buttons, checkboxes and how to lay them out in a form with a submit button. It provides an example form to demonstrate these concepts.
The document provides an introduction to HTML basics, including:
- HTML document structure with <head> and <body> sections
- Common tags like headings, paragraphs, hyperlinks and images
- Attributes that can be added to tags
- How to add comments and formatting to text
- Examples of basic HTML pages using different tags
The document provides an introduction to HTML basics including HTML document structure, common tags, and formatting. It discusses the <!DOCTYPE> declaration, <head> and <body> sections, common text formatting tags, headings, paragraphs, comments, and includes code examples.
This document compares HTML4 and HTML5, discussing their versions over time. It notes that HTML5 introduced new structures like drag and drop, can embed video/audio without Flash, and handles inaccurate syntax, while HTML4 used older structures and required Flash for media. HTML5 also introduced new APIs, tags, and features like local storage that enhanced flexibility, while HTML4 had more limited traditional APIs and no local storage capability.
HTML (Hypertext Markup Language) is used to define the structure and layout of web pages using a variety of tags and attributes. Some key points covered are:
- HTML documents use tags like <html> enclosed in angle brackets to describe headings, paragraphs, links, images, and other content.
- Tags normally come in pairs with opening and closing tags.
- HTML can be used to format text, add images and tables, create lists and forms, structure pages using divs and frames, and more.
- CSS (Cascading Style Sheets) is often used to define styles and layouts, separate from HTML content.
- Forms allow users to enter data through
The document discusses HTML and XHTML. It covers the basics of HTML including tags, elements, and versions. It then describes XHTML as a stricter version of HTML. It also discusses some common HTML tags like <meta> and how to format text, insert tables, links, images and email links in HTML documents.
The document provides examples of HTML code to create various tables with different structures and layouts. It includes 10 examples of tables with different combinations of rows, columns, cells that span multiple rows or columns, embedded tables, lists, and other elements. The tables cover examples like a dog breed table, order form, banner with buttons and columns, telephone bill, and others.
Tables are a useful tool for organizing data in HTML. They are made up of rows and columns, with <table>, <tr>, and <td> tags. Additional tags like <th>, <caption>, <thead>, <tbody>, and <tfoot> allow for structured table headings, titles, and division into different sections. Attributes specify table styling, sizing, cell merging, and more. Tables provide a flexible way to display various types of information on web pages.
The document discusses HTML tables and forms. It covers core table tags like <table>, <tr>, and <td> and how to structure tables with headers, bodies, and footers. It also explains how to customize tables using attributes like cellspacing, cellpadding, colspan, and rowspan. For forms, it describes common form controls like text fields, textareas, radio buttons, checkboxes and how to lay them out in a form with a submit button. It provides an example form to demonstrate these concepts.
The document provides an introduction to HTML basics, including:
- HTML document structure with <head> and <body> sections
- Common tags like headings, paragraphs, hyperlinks and images
- Attributes that can be added to tags
- How to add comments and formatting to text
- Examples of basic HTML pages using different tags
The document provides an introduction to HTML basics including HTML document structure, common tags, and formatting. It discusses the <!DOCTYPE> declaration, <head> and <body> sections, common text formatting tags, headings, paragraphs, comments, and includes code examples.
This document compares HTML4 and HTML5, discussing their versions over time. It notes that HTML5 introduced new structures like drag and drop, can embed video/audio without Flash, and handles inaccurate syntax, while HTML4 used older structures and required Flash for media. HTML5 also introduced new APIs, tags, and features like local storage that enhanced flexibility, while HTML4 had more limited traditional APIs and no local storage capability.
HTML (Hypertext Markup Language) is used to define the structure and layout of web pages using a variety of tags and attributes. Some key points covered are:
- HTML documents use tags like <html> enclosed in angle brackets to describe headings, paragraphs, links, images, and other content.
- Tags normally come in pairs with opening and closing tags.
- HTML can be used to format text, add images and tables, create lists and forms, structure pages using divs and frames, and more.
- CSS (Cascading Style Sheets) is often used to define styles and layouts, separate from HTML content.
- Forms allow users to enter data through
4. Escalator
DOM
Grid
DataSource
Column
Scrolled to row 15
Show data for row 15
in these DOM elements
Get data for row 15
Extract cell value from row object
and show it in this element
Renderer
Show value in element
lördag 24 januari 15
26. public abstract class AbstractRemoteDataSource {
public abstract void getRow(int rowIndex,
RequestRowCallback callback);
}
Get a row
lördag 24 januari 15
27. public abstract class AbstractRemoteDataSource {
public Row getRow(int index) { … };
protected abstract void requestRows(int start, int count,
RequestRowsCallback callback);
}
Cache rows
lördag 24 januari 15
28. public abstract class AbstractRemoteDataSource {
public Row getRow(int index) { … };
protected abstract void requestRows(int start, int count,
RequestRowsCallback callback);
public void ensureAvailability(int start, int count) { … };
}
What to cache?
lördag 24 januari 15