getting started with widgetfx - oracle cloud · getting started with widgetfx open-source desktop...

Getting Started with WidgetFXOpen-Source Desktop Widget Platform with JavaFX™ Technology

Stephen ChinInovis, Inc.

Joshua MarinacciSun Microsystems

1Monday, 8 June 2009

The JavaFX Desktop Widget Platform

WidgetFX


Meet the Presenters…

Steve Josh

3

Motorc

Family

Family

World


WidgetFX Origins

4


5

Why another desktop widget framework?

> Open-Sourcel But widgets can be licensed commercially

> Cross-Platform Supportl Windows XP/Vista, Linux, and Mac OS X.

> One-Click Installationl Plus automatic updates of the dock and widgets.

> Robust Securityl Secure sandbox + signed widgets


Built-in Widgets

> Clockl Skinnable via CSS

> Slide Showl Configurable Directory, Speed, & Filter

> Web Feedl Supports Atom and all RSS flavors


Dock Features

> Drag to desktop> Resize widgets (option for fixed aspect ratio)> Per widget transparency> Widget settings saved on restart> Toggle dock always-on-top> Launch on start-up> Multi-monitor support> Dock and widgets can be styled via CSS


Movie Widget Tutorial


Widget PropertiesName Type Inherited From Description

width Number Resizable Initial width of the widget

height Number Resizable Initial height of the widget

aspectRatio Number Widget If set, defines a fixed aspect ratio for the widget width and heightskin Skin Control Renders the widget to the scene graph, can have CSS properties for styling


Widget Definition

var widget: Widget;widget = Widget { width: 640 height: 352 aspectRatio: bind player.media.width / player.media.height skin: Skin { scene: Group { content: bind player } }}


Load the Media

var source = "http://projavafx.com/movies/elephants-dream-640x352.flv";

var player = bind SimpleMoviePlayer { media: Media { source: source } width: bind widget.width height: bind widget.height}


Run as Application


Run in Widget Runner


How the Widget Runner Works

> Test widgets standalone> Identical behavior to production> Two ways to launch:

l Automatic Executionl Run your widget as a Web Start application

l Direct Executionl Create a launch url with the following structure:

http://widgetfx.org/dock/runner.jnlp?arg=<widgetUrl>


Widget Configuration PropertiesClass Name Type Description

BooleanProperty Boolean This class allows you to persist sequences of Booleans

BooleanSequenceProperty Boolean[] This class allows you to persist sequences of Booleans

IntegerProperty Integer This class allows you to persist Integers

IntegerSequenceProperty Integer[] This class allows you to persist sequences of Integers

LongProperty Long This class allows you to persist Longs

LongSequenceProperty Long[] This class allows you to persist sequences of Longs

NumberProperty Number This class allows you to persist Numbers

NumberSequenceProperty Number[] This class allows you to persist sequences of Numbers

StringProperty String This class allows you to persist Strings

StringSequenceProperty String[] This class allows you to persist sequences of Strings


Widget Configuration

widget = Widget { ... configuration: Configuration { properties: [ StringProperty { name: "source" value: bind source with inverse } ] scene: Scene {} // defined in the next code fragment }}


Widget Config Dialog

scene: Scene { content: Grid { rows: row([ Text { content: "Source URL:“ }, TextBox { columns: 30, value: bind source with inverse } ]) }}


Add an On-Replace Trigger (fixme)

var player = bind SimpleMoviePlayer { media: Media { source: source } width: bind widget.width height: bind widget.height} on replace =oldPlayer { oldPlayer.player.stop();}


Widget Configuration (demo)


Community Written Widgets

> Disk Spacel Pär Dahlberg

> World Clockl Ludovic Hochet

> World Smiley Widgetl Enrique Ceja

> Weather Widgetl Larry Dickson


http://widgetfx.org/dock/launch.jnlp?arg=https://worldclock-application.dev.java.net/widget-webstart/launch.jnlp

http://widgetfx.org/dock/launch.jnlp?arg=https://worldclock-application.dev.java.net/widget-webstart/launch.jnlp

http://widgetfx.org/dock/launch.jnlp?arg=http://pmdit.se/widgets/diskspace/launch.jnlp

http://widgetfx.org/dock/launch.jnlp?arg=http://pmdit.se/widgets/diskspace/launch.jnlp

The Pac-Man Challenge!

> “I Wish... Henry Zhang would make a WidgetFX widget from his JavaFX Pac-Man game”

-- Jim Weaver

21

javafxpert.com


The Pac-Man Challenge!

> With about one week to go, I think it is interesting and fun to give it a try.

… After adjusting the width and height, it

was just simply working! (see the image on the [right])

-- Henry Zhang

22

javafxgame.com


http://widgetfx.org/dock/launch.jnlp?arg=http://www.javafxgame.com/articles/pacman/jfxgamepacmanwidget.jnlp




23

So What is With the Bunny?


Meet Nabaztag

> Wifi-Enabled Rabbit> 4 Multi-Colored LEDs> Rotating Ears> Text to Speech Conversion> Audio Sensor for Command Input> REST API for Interactions

24


Nabaztag Widget

> Widget Functionality:l Send Messages Using Text-to-Speechl Move the Earsl Send a Choreographyl Play an Audio Stream

25


Nabaztag API

> REST call for sending messages:l http://api.nabaztag.com/vl/FR/api.jsp?

sn=0013D3862711&token=1242371191&tts=Hello+JavaOne

> REST call for repositioning ears:l http://api.nabaztag.com/vl/FR/api.jsp?

sn=0013D3862711&token=1242371191&posleft=4&posright=5

26


Nabaztag Code & Demo

27


What Else You Can Do With a Rabbit?

> E-mail notification> Continuous build status> Ambient Twitter chat> Play podcasts

(Java Posse anyone?)> Scare away unwanted guests> Tell your wife you are busy working on the

WidgetFX 1.2 release and are going to be late… again

28


WidgetFX Future Roadmap

> WidgetFX 1.2 Releasel JavaFX 1.2 Supportl Improved Performancel Release on or before 6/15

> Mobile WidgetFXl Deploy widgets to a phone right from the desktopl Mobile widget dockl Planned for second half of 2009

29


Widget Development Contest

> Sign up at http://widgetfx.org/

30


http://widgetfx.org/

http://widgetfx.org/

Contest Details> How to Enter:

1. Download the WidgetFX 1.2 SDK2. Develop a desktop widget that runs in WidgetFX3. Submit your widget to the Widget Library

> Prizes:1. 12 free e-books, one a month for a year2. 3 free e-books3. 1 free e-book

31


Top 5 reasons to fill out the survey…

32



32

5. You need a reason to test out that shiny new pen from the Pavilion



32


4. It is a great way to stretch your muscles after typing on your laptop the whole session



32



3. You couldn’t say no to the usher at the door either…



32




2. You thought the presentation was awesome! (feel free to step up and take a second survey)



32




2. You thought the presentation was awesome! (feel free to step up and take a second survey)

1. Help keep Josh employed at Sun!


33

Stephen Chinhttp://steveonjava.com/Tweet: steveonjava

Joshua Marinaccihttp://weblogs.java.net/blog/joshy/Tweet: joshmarinacci


http://steveonjava.com/

http://steveonjava.com/

http://weblogs.java.net/blog/joshy/




getting started with widgetfx - oracle cloud · getting started with widgetfx open-source desktop...

Documents