JavaFX Introduction Silveira Neto Sun Campus Ambassador

Slides:



Advertisements
Similar presentations
JavaScript I. JavaScript is an object oriented programming language used to add interactivity to web pages. Different from Java, even though bears some.
Advertisements

INTRODUCTION TO JAVAFX CS12420 – Software Development Andrei Stanica (modified ltt)
CHAPTER 20 CREATING SVG GRAPHICS. LEARNING OBJECTIVES How to embed a graphic stored within a.SVG file in an HTML page How to use the and tag pair to specify.
Zhang & Liang, Computer Graphics Using Java 2D and 3D (c) 2007 Pearson Education, Inc. All rights reserved. 1 Chapter 2 2D Graphics: Basics.
Java Script Session1 INTRODUCTION.
Javascript Introduction Norman White Material is from w3schools.com Go there to run examples interactively.
Lessons learnt developing a NetBeans PDF viewer plugin in JavaFX Ernest Duodu Sylwia Kedzia.
1 NAAM JavaFx : the next Java? Aino Andriessen Alan van Dam.
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.
Working with JavaScript. 2 Objectives Introducing JavaScript Inserting JavaScript into a Web Page File Writing Output to the Web Page Working with Variables.
Introduction to SVG & Batik Presented by Shang-Ming Huang.
XP 1 Working with JavaScript Creating a Programmable Web Page for North Pole Novelties Tutorial 10.
DrawingPaint What is DrawingPaint ? DrawingPaint operations. What are benefits of DrawingPaint ? Jason Hoang June 2, 2005.
Zhang & Liang, Computer Graphics Using Java 2D and 3D (c) 2007 Pearson Education, Inc. All rights reserved. 1 Chapter 2 2D Graphics: Basics F The architecture.
Lecture 1: Overview of Java. What is java? Developed by Sun Microsystems (James Gosling) A general-purpose object-oriented language Based on C/C++ Designed.
LESSON 1 INTRODUCTION Compiled By: Edwin O. Okech [Tutor, Amoud University] JAVA PROGRAMMING.
UFCFX5-15-3Mobile Device Development UFCFX Mobile Device Development An Introduction to the Module.
SVG: The Past, Present and Future of Vector Graphics for the Web Patrick Dengler Senior Program Manager, Internet Explorer Team Member, W3C SVG Working.
New Tags, New Attributes, New JavaScript APIs, Forms, Validation, Audio, Video, SVG, Canvas Doncho Minkov Telerik Corporation Technical.
Java Server Pages Lecture July Java Server Pages Java Server Pages (JSPs) provide a way to separate the generation of dynamic content (java)
Chapter 15 Graphics and Java 2D™ Java How to Program, 8/e (C) 2010 Pearson Education, Inc. All rights reserved.
Chapter 1: Introducing JAVA. 2 Introduction Why JAVA Applets and Server Side Programming Very rich GUI libraries Portability (machine independence) A.
XP Tutorial 10New Perspectives on Creating Web Pages with HTML, XHTML, and XML 1 Working with JavaScript Creating a Programmable Web Page for North Pole.
TUTORIAL 10: PROGRAMMING WITH JAVASCRIPT Session 2: What is JavaScript?
2006 Adobe Systems Incorporated. All Rights Reserved. 1 Adobe RIA Technologies: Adobe Flex 3 Cornel Creanga Platform Evangelist
Creating Rich Desktop applications with JavaFX Smart, easy and fast Stefan Vadev Technical Trainer Software University
XP Tutorial 10New Perspectives on HTML and XHTML, Comprehensive 1 Working with JavaScript Creating a Programmable Web Page for North Pole Novelties Tutorial.
13. JavaFX. 2 JavaFX Intro Sun's answer to –the popularity of scripting languages –problems with Java GUI AWT is very basic Swing is too complex, too.
Getting Started Java Fundamentals CSC207 – Software Design Summer 2011 – University of Toronto – Department of Computer Science.
Rich Internet Application
Internet Technologies1 Internet Technologies JavaFX.
PLATFORM A new platform that wants to be a new standard JavaFX
Liang, Introduction to Java Programming, Tenth Edition, (c) 2015 Pearson Education, Inc. All rights reserved. 1 Chapter 14 JavaFX Basics.
Jan Štěrba Technical Lead, JavaFX Mobile Sun Microsystems JavaFX.
Please thank our sponsors?. SharePoint Data Visualization Using D3, SVG, jQuery and REST.
XP Tutorial 10New Perspectives on HTML, XHTML, and DHTML, Comprehensive 1 Working with JavaScript Creating a Programmable Web Page for North Pole Novelties.
HTML 5 (Part 1) – Start from SCRATCH. HTML 5 – Start from SCRATCH.
SESSION 1 Introduction in Java. Objectives Introduce classes and objects Starting with Java Introduce JDK Writing a simple Java program Using comments.
Visual Mobile Applications with Netbeans 6.0 Your Name Sun Campus Ambassador Your Address.
Web Services with Netbeans 6.0 Your Name Sun Campus Ambassador Your Address.
Web Application Development with PHP in Netbeans 6.5 ● Angad Singh Campus Ambassador Tech Lead
JavaFX Silveira Neto Sun Campus Ambassador overvie w 2008.
Technologies For Creating Rich Internet Applications Presenter's name
Visual Mobile Gaming Your Name Sun Campus Ambassador Your Address.
Scripting with Java FX Your Name Sun Campus Ambassador Your Address.
Building a Twitter Analysis Tool, Using PHP, MySQL, Yahoo UI, and the Netbeans IDE Justin Bolter, Technology Evangelist Sun Microsystems.
JavaFX Script Weiqi Gao St. Louis Java Users Group July 12, 2007.
NetBeans Rich Client Platform Alex Kotchnev Software Developer Commerce Technologies Inc. Alex Kotchnev Software Developer Commerce Technologies Inc.
Visual Web & AJAX with Netbeans 6.0 Your Name Sun Campus Ambassador Your Address.
Chapter 14 JavaFX Basics.
Control Circle Project Revisited
Chapter 1 Introduction to Computers, Programs, and Java
Netbeans 6.0 Your Name Sun Campus Ambassador Your Address.
Java FX.
NetBeans Extreme: Matisse, Profiling, Rich Clients and More
A framework to create SVG graphics
Building beautiful and interactive apps with HTML5 & CSS3
JavaScript.
Chapter 14 JavaFX Basics Dr. Clincy - Lecture.
Introduction to D3.js and Bar Chart in D3.js
Introduction to Programming in Java
Chris Shuster Exploring JavaFX.
INTRODUCTION TO ADOBE FLASH CS4
Java Applets.
Overview of Silverlight 2
Lecture 7: Introduction to Processing
Tutorial 10: Programming with javascript
Lecture 13 Introduction to High-Level Programming (S&G, §§7.1–7.6)
Chapter 14 JavaFX Basics Part 2
Presentation transcript:

JavaFX Introduction Silveira Neto Sun Campus Ambassador

JavaFX Script What is Java FX? Agenda Scene Graph What To Do/Where To Go Java FX Demo!

Introduction: What is Java FX? “JavaFX Script is a highly productive scripting language that enables content developers to create rich media and content for deployment on Java environments. JavaFX Script is a declarative, statically-typed programming language. It has first- class functions, declarative syntax, list-comprehensions, and incremental dependency-based evaluation. It can make direct calls to Java APIs that are on the platform.” --

JavaFX Overview The JavaFX tm Platform is a rich client platform for cross-screen rich internet applications (RIA) and content. It consists of common elements (2D graphics, Animation, Text and Media) and device specific elements for desktop, mobile and TV. The JavaFX common set of APIs allow source level portability of the common set of functionalities across all platforms supported by JavaFX. The JavaFX Runtimes targeted for different devices will ensure consistency and fidelity for content created based on the JavaFX Common APIs. The JavaFX Common APIs will continue to evolve to match more powerful, common capabilities on the various device types.

JavaFX Stack

Scene Graph Project javafx.scene.geometry > Ellipse > Polyline > Arc > Path > ShapeSubtract > QuadCurve > DelegateShape > ClosePath > CubicCurve > Shape > LineTo > SVGPath > Polygon > Line > Circle > ArcTo > PathElement > HlineTo > VlineTo > CurveTo > QuadTo > ShapeIntersect > MoveTo > Rectangle

Circle import javafx.scene.geometry.*; import javafx.scene.paint.*; Circle { centerX: 100 centerY: 100 radius: 50 fill: Color.BLACK }

Rectangle import javafx.scene.geometry.*; import javafx.scene.paint.*; Rectangle { x: 50 y: 50 width: 200 height: 100 arcWidth: 20 arcHeight: 20 fill: Color.BLACK }

Ellipse import javafx.scene.geometry.*; import javafx.scene.paint.*; Ellipse { centerX: 50 centerY: 50 radiusX: 50 radiusY: 25 fill: Color.BLACK }

ShapeIntersect import javafx.scene.geometry.*; import javafx.scene.paint.*; ShapeIntersect { fill: Color.BLACK a: Rectangle { width: 100 height: 50 } b: Ellipse { centerX: 100 centerY: 25 radiusX: 50 radiusY: 25 }

ShapeSubtract import javafx.scene.geometry.*; import javafx.scene.paint.*; ShapeSubtract { fill: Color.BLACK a: Rectangle { width: 100 height: 50 } b: Ellipse { centerX: 100 centerY: 25 radiusX: 50 radiusY: 25 }

Animation Framework javafx.animation > Interpolatable > Interpolator > KeyFrame > KeyValue > SimpleInterpolator > Timeline

JavaFX Script Language Declarative syntax > GUI > Swing > Data binding > Incremental evaluation Statically typed > and code structuring, reuse, and encapsulation features that enable creating and maintaining very large programs in the Java programming language.

Script A “script" is one or more declarations or expressions. import java.lang.System; var ten : Integer = 10; System.out.println("Twice {ten} is {2 * ten}."); // Twice 10 is 20. No main, classes or functions are mandatory.

Class class Knight { attribute health = 100; attribute strength = 10; function die(){ health = 0 } function hurt(amount: Integer){ strength -= amount }

Objects var myKnight = Knight {} var superKnight = Knight { health: 150; strength: 15; } myKnight.hurt(superKnight.strength); // myKight.health = 75

Basic Data Types JavaFX > String > Boolean > Number > Integer > Duration Java > java.lang.String > java.lang.Boolean > java.lang.Number > byte, short, int, long, BigInteger > N/A

String Examples var s1 = "Java"; var s2 = "FX"; var s3 = "Java{s2}"; // s3 = 'Hello Joe' var s4 = "{s1}{s2}"; // s4 = "JavaFX"

Boolean Examples var cool = true; var s = "Java{if(cool)"FX"else"Script"}"; //s = "JavaFX" var a = true; // a = true var b = false; // b = false var c = a and b; // c = false var d = a or b; // d = true var e = not a; // e = false

Duration Examples var t1 = 5ms; // 5 milliseconds var t2 = 10s; // 10 seconds var t3 = 30m; // 30 minutes var t4 = 1h; // 1 hour var t5 = t1 + t2 + t3 + t4; // 1 hour 30 min 10 secs and 5 millisecs

Sequences Examples var x = [1,2,3]; // array initialization insert 10 into x; // [1, 2, 3, 10] insert 12 before x[1]; // [1, 12, 2, 3, 10] delete 12 from x; // [1, 2, 3, 10] insert [1..10] into x; // [1, 2, 3, 10, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

demo

Download Java FX & IDE Plugins for Netbeans or Eclipse Join OpenJFX Java.net Project Do Java FX Tutorials Participate on Java FX Forums Create something cool! Java FX What to Do

Java FX Resources Java FX Project Site: > Java.net: Download early versions of Java FX > IDE Plugins, Tutorials, Forums, FAQs > “Getting Started With the JavaFX Script Language” > “JavaFX Script 2D Graphics Tutorial” > “The JavaFX Script Programming Language Reference” Planet FX Wiki: > Open-source documentation site for Java FX Chris Oliver's Blog: > Latest news, other informal information > Source code for lots of demos (Space Invaders, Calculator) Sun's Java FX Site: > > > Sun Microsystems official product page

THANK YOU! Silveira Neto Sun Campus Ambassador