Your SlideShare is downloading. ×
0
ZK Framework




OS Ajax Web framework for creating RIA’s
Why ZK?
-   Web based, cross browser
-   Java OS
-   Active and large community
-   New releases every two months
-   Easy...
ZK Architecture
ZK demo
ZK scripting
-   Supports EL, Java(script), Ruby, Groovy, Python
-   Uses BeanShell
-   Within zul file
-   Within separat...
ZK scripting in zul file
<?xml version="1.0" encoding="UTF-8"?>
<?init zscript="login.zs"?>

<zk>
 <button label="${c:l('l...
ZK scripting in zscript file
import org.zkoss.zul.Button;
import org.zkoss.zk.ui.Executions;

public class CLoginBtn exten...
ZK within Emergo
Emergo demo
Google maps demo
ZK (dis)advantages
-   Extensive set UI components
-   Quick prototyping using script
-   Script as well as pure Java
-   ...
Upcoming SlideShare
Loading in...5
×

ZK framework

4,168

Published on

A presentation and demo of OS ZK framework and how it used within EMERGO, a method and toolkit for developing educational online games.

Published in: Education, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
4,168
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
111
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "ZK framework"

  1. 1. ZK Framework OS Ajax Web framework for creating RIA’s
  2. 2. Why ZK? - Web based, cross browser - Java OS - Active and large community - New releases every two months - Easy to learn - Uses Ajax for synchronisation client/server - Desktop metaphore within browser - Event driven model - Component based - Uses XML user interface markup language (XUL) - Integration with Spring/Hibernate
  3. 3. ZK Architecture
  4. 4. ZK demo
  5. 5. ZK scripting - Supports EL, Java(script), Ruby, Groovy, Python - Uses BeanShell - Within zul file - Within separate zscript file - Within Java package
  6. 6. ZK scripting in zul file <?xml version="1.0" encoding="UTF-8"?> <?init zscript="login.zs"?> <zk> <button label="${c:l('login.form.button.login')} onClick="MessageBox.show("Message");"/> <button label="${c:l('login.form.button.login')}"> <attribute name="onClick"> Executions.getCurrent().sendRedirect(“show_roles.zul"); </attribute> </button> <button use="CLoginBtn" label="${c:l('login.form.button.login')}"/> <button use="nl.surf.emergo.control.CLoginBtn" label="${c:l('login.form.button.login')}"/> </zk>
  7. 7. ZK scripting in zscript file import org.zkoss.zul.Button; import org.zkoss.zk.ui.Executions; public class CLoginBtn extends Button { public void onClick() { Executions.getCurrent().sendRedirect(“show_roles.zul"); } }
  8. 8. ZK within Emergo
  9. 9. Emergo demo
  10. 10. Google maps demo
  11. 11. ZK (dis)advantages - Extensive set UI components - Quick prototyping using script - Script as well as pure Java - Script to Java if to slow - Synchronisation client/server - Scripting (BeanShell) to slow for complex pages - Changing default style sheet not easy
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×