Chris Shuster Exploring JavaFX.

Slides:



Advertisements
Similar presentations
In Review JAVA C++ GUIs - Windows Webopedia.com.
Advertisements

Processing Lecture. 1 What is processing?
HTML5, OVERVIEW AND NEW FEATURES PowerPoint by Mason O’Mara.
1 CGICGI Common Gateway Interface Server-side Programming Lecture.
CSCI 3100 Tutorial 6 Web Development Tools 1 Cuiyun GAO 1.
Web Server Programming
Web Application Development March, 30, 2010 Jiajie Cen COMS E6125.
Java Applet & JavaScript SNU OOPSLA Lab. October 2005.
1 NAAM JavaFx : the next Java? Aino Andriessen Alan van Dam.
Rich Internet Applications with the Adobe Flash Platform.
Introduction Rich Internet Applications OpenLaszlo as an RIA Examples Community Competitors OpenLaszlo Architecture OpenLaszlo XML Structure Dealing with.
JavaFX Evaluation using Cognitive Dimensions Stephen Oney.
MSc. Publishing on WWW JavaScript. What is JavaScript? A scripting language devised by Netscape Adds functionality to web pages by: Embedding code into.
Introduction to SVG & Batik Presented by Shang-Ming Huang.
Introduction to Web Base Multimedia Application. Web base application TCP/IP (HTTP) protocol Using WWW technology & software Distributed environment.
1 Introduction to Applets Overview l What is an Applet? l Steps for creating an applet l What is HTML? l Basic HTML tags l Drawing Simple Graphical shapes.
USING FLASH IN HTML Topics Include: What is Flash? Why use Flash? Flash VS Other Methods What are some things I can do with flash? How can I start using.
HCI 201 Week 5 Loose Ends. Agenda Image stuff Image stuff File stuff File stuff Bandwidth Bandwidth UNIX UNIX HTML HTML Design elements Design elements.
Java Review Structure of a graphics program. Computer Graphics and User Interfaces Java is Object-Oriented A program uses objects to model the solution.
Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.
What is Web Design The term “web design” has come to encompass a number of disciplines, including: Visual (graphic) design User interface and experience.
A closer look Dynamic Webpages Jessica Meyerson March 1, 2011.
Systems Analysis and Design in a Changing World, 6th Edition
©The McGraw-Hill Companies, Inc. Permission required for reproduction or display. 4 th Ed Chapter Java Applets What is an Applet? How do you create.
Tutorial 7 Working with Multimedia. XP Introducing Multimedia Bandwidth is a measure of the amount of data that can be sent through a communication pipeline.
Mobile App Support Jacob Poirier Geri Hengesbach Andrea Menke Erin Rossell.
Introduction to Internet Programming (Web Based Application)
Adobe FLASH What & Why? Where & When? Is Flash dead? What about HTML5?
Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.
Patroklos Patroklou George Antoniou Constantinos Kyprianou.
Chapter 13-Tools for the World Wide Web. Overview Web servers. Web browsers. Web page makers and site builders. Plug-ins and delivery vehicles. Beyond.
Flex 2.0 Flex for ColdFusion developers Part 1. What is Flex Flex allows developers to create Flash content for Rich Internet Applications in a more programmer.
Silverlight Technology. Table of Contents 1.What is Silverlight Technology? 2.Silverlight Overview. 2.1 How it works 2.2 Silverlight development tools.
HTML Authoring. Design  A good website starts its life in the design stage Layout, Color, Sound, Content, Functionality and Maintainability aspects are.
Adobe Flex 2.0 By Axel Jensen. Table of Contents Evolution of Computer Applications Advantages of Rich Internet Applications (RIA) Different RIA Technologies.
Class 02 – 03 Feb 2014 Setup Where do we begin? Know your content Discovering your target user.
Applets Applet is java program that can be embedded into HTML pages. Java applets runs on the java enabled web browsers such as mozilla and internet explorer.
1 MSCS 237 Overview of web technologies (A specific type of distributed systems)
SVG for Designers Tom Hoferek. Objectives Introduce SVG Illustrate its capabilities Demonstrate SVG in action Speculate, discuss, answer questions.
Applets Yong Choi School of Business CSU, Bakersfield.
Overview of Form and Javascript fundamentals. Brief matching exercise 1. This is the software that allows a user to access and view HTML documents 2.
WebOPI -Bring BOY OPI to the Web and Mobile Xihui Chen, Kay Kasemir Spring 2012 EPICS Meeting.
HTML VS. FLASH by Yaren Bilici. WHAT IS HTML5? (Hyper Text Markup Language)  Tool for developping websites  If HTML is the backbone of the page, JavaScript.
Contents : What is Silverlight? Silverlight Overview Silverlight Toolkit Overview Timeline & Packaging Silverlight V1.0 & V1.1 Properties of V1.0 Properties.
Internet Technologies1 Internet Technologies JavaFX.
Liang, Introduction to Java Programming, Tenth Edition, (c) 2015 Pearson Education, Inc. All rights reserved. 1 Chapter 14 JavaFX Basics.
Chapter1 The flash interface and action script 3.0.
Jan Štěrba Technical Lead, JavaFX Mobile Sun Microsystems JavaFX.
SIN DRILL & Z-DRILL Bhaskar Khaneja Lekha Surasani.
Lecture 11 Scrolling XHTML elements + a bit on Java Applets Boriana Koleva Room: C54
Liang, Introduction to Java Programming, Tenth Edition, (c) 2015 Pearson Education, Inc. All rights reserved. 1 Chapter 14 JavaFX Basics.
JavaFX Silveira Neto Sun Campus Ambassador overvie w 2008.
Technologies For Creating Rich Internet Applications Presenter's name
LAB S – v0.13 – mpf – 23 juin Build a Mobile Rich Internet Application with JavaFX and RESTful services Didier Burkhalter, Mark Foster, Patrice Goutin.
JavaFX Introduction Silveira Neto Sun Campus Ambassador
Web Technologies HTML Dr. Mohammad Ahmad S15. Technologies Overview List of Technologies Client Side Technologies HTML, CSS, JavaScript, VBScript XHTML,
Chapter 14 JavaFX Basics.
2D Design and Animation Introduction to Flash Introduction to Flash.
Object Oriented Programming
Application with Cross-Platform GUI
Example: Card Game Create a class called “Card”
A framework to create SVG graphics
Tutorial 7 Working with Multimedia
Chapter 14 JavaFX Basics Dr. Clincy - Lecture.
The Canvas.
Silverlight Technology
Dynamic Web Pages Jin Wu INF 385E Information Architecture
Lecture 7: Introduction to Processing
ITI 163: Web, Mobile, and Social Media Design Introduction
Handout-14 Applets and Graphics
Presentation transcript:

Chris Shuster Exploring JavaFX

Overview Thin Client Applications Rich Internet Applications Research Constraints 11/14/2018 Chris Shuster

Application Platforms Executed by the Browser JavaScript Execute by an External Application Flash Java JavaFX 11/14/2018 Chris Shuster

JavaFX Runs on JVM. Developed using JavaFX Script. Compatible with Java applications. 11/14/2018 Chris Shuster

JavaFX Script Simplified. GUI orientated. Hybrid between declarative and object orientated languages. Can use any Java API. 11/14/2018 Chris Shuster

JavaFX Setup See the associated research paper. 11/14/2018 Chris Shuster

Hello World 11/14/2018 Chris Shuster package demo; import javafx.stage.Stage; import javafx.scene.Scene; import javafx.scene.paint.Color; import javafx.ext.swing.SwingTextField; import javafx.scene.text.Text; import javafx.scene.text.Font; Stage { title : "Hello World" scene: Scene width: 160 height: 45 fill: Color.BLACK content: Text font: Font size: 25 }, fill: Color.GREEN, x: 10, y: 30 content: "Hello World" } 11/14/2018 Chris Shuster

Simple Graphics Circle { centerX: 100, centerY: 100, radius: 40, fill: Color.BLUE }, Rectangle { x: 10, y: 150, width: 140, height: 90, fill: Color.RED Line { startX: 10, startY: 50, endX: 50, endY: 125, strokeWidth: 1, stroke: Color.YELLOW } 11/14/2018 Chris Shuster

Lighting Effects effect: Lighting { light: PointLight x: 0, y: -50, z: 100 } light: DistantLight azimuth: 90, elevation: 45 light: SpotLight y: 150, z: 50, pointsAtX: 200, pointsAtY: 0, pointsAtZ: 0, specularExponent: 4 11/14/2018 Chris Shuster

Shadowing Effects effect: DropShadow { offsetX: 5, offsetY: 5 } effect: InnerShadow effect: Shadow radius: 15 11/14/2018 Chris Shuster

Other Features Other Effects Animation Multimedia GUI Widgets 11/14/2018 Chris Shuster

Future Research Java Other Rich Internet Applications Platforms Fully explore the JavaFX platform. Explorer other Java technologies. JSP JSF Other Rich Internet Applications Platforms Explore Adobe Flash. Explore AJAX based applications. 11/14/2018 Chris Shuster

References JavaFX Developing Rich Internet Applications Learn about Java Technology http://www.java.com/en/about/ Developer Resources for Java Technology http://java.sun.com/ 11/14/2018 Chris Shuster