JavaFX and JQuery Widgets with Zembly

Since, I attended the BOJUG meet on JavaFX in Dec 2008 ,I was very excited about trying it out. Finally I managed to get some time to work on it.I found it easy and fun to learn as it is almost like writing Java2D code in a more sophisticated form. I was looking out for ways to create something that can be shared across blogging and other social networking sites something like flash widgets but not in flash.Being a Java developer it looks very scary to me ;). Then almost a month and a half back I got to know about this new browser based social programming environment Zembly from Sun Microsystems. I was not fully aware of how these widgets are published simultaneously on various social networks.But after exploring Zembly I found creating these kind of widgets very easy and interesting.My interest dragged me to write these two small apps which are published on Blogger and iGoogle using Zembly.
Added below is a JavaFX piano which can be played through keyboard(use Keys:A,W,E,D,R,T,G,Y,U,J,I,O,L to play various piano keys) or through mouse.
I will be posting the link to download the FXPiano netbeans project very soon.


FXPiano

The (kind of) game widget added below uses jQuery for animation and effects.It is not yet fully completed.


Game(under development)

While working on both the apps I found zemblys JavaScript/CSS/(X)HTML editor support really good. It provides code completion on CTRL+Space just like netbeans . The default javascript editor also provides applet based syntax highliting. Apart from the default editor they also have Mozilla labs Bespin editor which is also light weight and provides awesome syntax highliting.

Zembly simply rocks because of some basic features like "Clone and Edit","Preview Widget" which allows you to clone ,play and preview any widget developed by somebody else. It helped beginners like me a lot. Moreover it provides many inbuilt templates like NewsTicker, FeedScroller, GoogleMapMaker,3D-PhotoCarousel,YouTube Video Player etc. which are ready to use vanilla templates ,all you need to do is just customize according to your requirement. Zembly is huge, I am yet to try developing full fledged FaceBook and Meebo Apps which I will be looking forward to do now.

Comments

Post a Comment

Popular posts from this blog

Developing Garmin SmartWatch Apps with ConnectIQ Platform-Part 1

Image
Recently I was involved in developing apps for Gramin Wearables . Being new to the wearables world I found it relatively easier to develop apps for Garmin Wearables then what I had thought earlier. Hence I would like to share my experience via this blog series. I will take you through the step by step process of developing a simple watch widget that synchronizes with an Android phone's Google Calendar to send out meeting alerts and reminders on your Garmin Watch. Apps for Garmin Wearables are developed using the Garmin ConnectIQ SDK   and are programmed using  Monkey C language  . You are already familiar with Monkey C if you are familiar with languages like Java or Objective C. Introduction to  Monkey C language   highlights the basic difference between other languages and Monkey C. Its a short and precise tutorial, I would suggest to give a quick read in case you are planning to develop apps for Garmin. The Problem Statement Lets say you own an Android Phone and you have c
Read more

Convert 3 channel black and white image to Binary

Image
If you have only 2 colors in your image lets say black and white(it can be any other color also) and want to convert it into a binary image, you can convert it using the method shown below.  A black and white images can be created in 2 ways  1. Where each pixel in image is represented by 3 values (Red,Green,Blue). In this case the pixels representing white are represented by RGB value (255,255,255)  while the black pixels are represented by RGB values (0,0,0).  This type of image is still called an RGB image because it has 3 channels. 2. Another way to create a black and white image is to create a single channel grayscale image,  where each pixel is represented by only one value between 0 and 255, where 0 is black and 255 is white. Values between 0 to 255 corresponds to intermediate values of black being converted to white (as in the different shades of gray). If you have an image that falls into category of what is described in 1  (for example see the image below
Read more

Developing Garmin SmartWatch Apps with ConnectIQ Platform-Part 3

Image
In this third and last part of this tutorial we shall see how to pass the meeting information from the Android app to the SmartWatch app/widget that we developed in part 2 of this tutorial. This part of the tutorial requires some prior knowledge on Android development. If you are in need of a quick android tutorial then you can find it  here . ConnectIQ platform comes with following pre-built mobile SDKs. Android BLE - (actually connects Android app to Smartwatch Apps over BLE) iOS BLE - (connects an iOS mobile app to Smartwatch App over BLE) Android ADB - ( used to simulate BLE connection over ADB) These SDK's  are set of libraries  required to communicate over BLE or to simulate a BLE like connection over ADB (the Android debug bridge). In this part of the tutorial we will look at that Android ADB SDK so that we can simulate the BLE like connection using the emulator in our development environment. You can select and download the Android ADB SDK from the Mobile SDK
Read more