159.339 1 java applets mini-applications client-side programming lecture

57
159.339 1 Java Applets Mini-applications Client-side Programming Lecture

Upload: shannon-sharp

Post on 23-Dec-2015

235 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339

1

Java AppletsMini-applications

Client-side ProgrammingLecture

Page 2: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339

Topics for Discussion

What is an applet?

Requirements to run an applet

Life cycle of an applet

Java Applet Examples

Page 3: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339

Java Applets

Applicationlets - mini-applications

Page 4: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339

• An applet is a special kind of Java program that a browser enabled with Java technology can download from the internet and run.

• An applet is typically embedded inside a web page and runs in the context of a browser.

• When a browser loads a Web page containing an applet, the applet downloads into the Web browser and executes. The browser that executes an applet is generically called the applet container.

• Appletviewer is also an applet container that comes with the JDK. It can be used for testing applets as you develop them and before embedding them in Web pages.

• You should be aware that some web browsers do not support J2SE by default.

What is an applet?

Page 5: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339Java Applets

• Java’s first exposure to the mass market was via the Web

• Applets was an early attempt to expand functionality of web pages

• Ideally suited to the internet– Classes are small and fast– Java will run on any platform– Classes can be dynamically downloaded as required– Java is inherently secure

Page 6: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339

• An applet must be a subclass of the java.applet.Applet class. • The Applet class provides the standard interface between the applet

and the browser environment.

• Swing provides a special subclass of the Applet class called javax.swing.JApplet.

• The JApplet class should be used for all applets that use Swing components to construct their graphical user interfaces (GUIs).

• The browser's Java Plug-in software manages the lifecycle of an applet.

An applet inherits from a class

Page 7: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339

• the Java programming language compiler (javac), takes your source file and translates its text into instructions that the Java virtual machine can understand. The instructions contained within this file are known as bytecodes.

• bytecode .class files are generated

Java applets are compiled

Page 8: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339RequirementsJAVA SDK

1. You will need a Compiler for Java, to translate your source code into something executable:

- download Sun's Java Software Development Kit (abbreviated as JDK or SDK), which includes a compiler, utilities, example applets, and a boat-load of documentation

- be sure to get the Java SDK and not the JRE (Java Runtime Environment) -- the former allows you to compile java programs, the latter only allows you to run them.

2. You can use Scite or NetBeans IDE to edit and compile your applets.

Note: If you don't see the example running, you might need to enable the JavaScript interpreter in your browser so that the Deployment Toolkit script can function properly.

Page 9: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339Java Plug-ins

Java Deployment Toolkit 6.0.190.4 - Version: 6.0.190.4

Description:NPRuntime Script Plug-in Library for Java(TM) Deploy

Location:C:\Program Files\Mozilla Firefox\plugins\npdeploytk.dll

Java(TM) Platform SE 6 U19 - Version: 6.0.190.4

Description:Next Generation Java Plug-in 1.6.0_19 for Mozilla browsers

Location:C:\Program Files\Java\jre6\bin\new_plugin\npjp2.dll

Page 10: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339Applet internet life cycle

1. Browser requests and receives HTML from server via HTTP.

2. Browser examines HTML for <applet> tag.

3. Browser requests and receives .class plus images, sounds, etc. via HTTP.

4. The JVM that comes with the browser executes the applet.

Exercise: compare with the PHP and Javascript internet life cycle.

Page 11: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339

12

import javax.swing.*;import java.awt.*;

public class HelloWorldApplet extends JApplet{ String message;

public void init() { message = "Hello World"; }

public void paint(Graphics artist) { artist.drawString(message, 20, 30); }}

‘Hello, World!’ applet

Applet inherits a paint() method from JApplet class that can be used to paint text, shapes and graphics into the applet’s display area.

A web page will display an applet program in a display area that is embedded between the other contents on that page.

By default, this will appear as a blank canvas onto which text, Swing components, graphics and images can be painted by the applet program.

Knows how to render content onto the canvas.

Serves like a constructor for initializing variables and for adding Swing components to the applet’s interface.

The paint method is called spontaneously.

Page 12: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339

13

<html>

<head>

<title>Hello World Applet</title></head>

<body>

<applet code = "HelloWorldApplet.class"width = "300" height = "60">

You require a Java-enabled browser to view this applet.

</applet>

</body>

</html>

‘Hello, World!’ applet

Default text

To embed a Java applet in a web page, the HTML code must specify the name of the applet file and the size of the applet’s display area that is to be allocated on the page.

The information is specified in the body of the web page with attributes of the HTML <applet> tag.

Canvas size of 300x60 pixels in which the applet will run.

code attribute is assigned the name of the compiled applet file including its .class extension.

This pair of tags can surround a text message thatwill only be displayed if the applet cannot be executed.

Embedding in a web page

Page 13: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339

14

‘Hello, World!’ appletJava SDK includes AppletViewer for testingCompiled programs with the Java interpreter.

Both the HTML file and compiled applet file should be saved together in a directory.

Appletviewer will display the applet but not other contents in a web page.Appletviewer HelloWorldApplet.html

Testing with Applet Viewer

The applet can now be tested from a command prompt:

Appletviewer will open a window that displays the HelloWorldApplet program:

Page 14: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339Java Applications

Standalone

JVM calls MyClass.main() as entry point

Applets

Small applications designed to run inside other applications - usually Web browsers and appletviewers

They run in the JVM provided by Web browsers

Page 15: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339Writing Java Applets

• Applets must extend the Applet class

• They do not have a main method

• They have a number of methods called by the browser JVM

• A selection of these methods are overridden in Java applets

Page 16: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339Applet lifecycle

Various methods are called by the browser JVM at different times:

• init() initializes the applet• start() starts the applet• paint(), repaint(), update() involved in drawing the applet• stop() stops the applets• destroy() closes the applet

By overriding these methods in your applet subclass, you decide what these methods do.

Use these method headers as they will be called by the applet container.

Page 17: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339Applet lifecyclepublic void init()

• Called by the applet container when an applet is loaded for execution.

• This method initialises an applet.• Typical actions performed in this function are:

• initialising fields• creating GUI components• loading sounds to play• loading images to display• creating threads

• Keep the init method short so that your applet can load quickly.

During the applet’s execution, the applet container creates an instance

of the class indicated in the applet and calls it’s init() method.

Page 18: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339Applet lifecyclepublic void start()

• Called by the applet container after init() completes execution.

• If the user browses to another Web site and later returns to the applet’s HTML page, start() is called again.

• The method performs tasks that must be completed when the applet is loaded for the first time and that must be performed every time the applet’s HTML page is revisited.

• Typical actions performed in this function are: • starting an animation• starting other threads of execution for computationally-

intensive tasks.

Page 19: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339Applet lifecyclepublic void paint( Graphics g)

• Called by the applet container after init() and start().• paint() is also called when the applet needs to be repainted –

whenever the applet is covered and uncovered by another open window.

• Typical actions performed in this function are: • drawing with the g Graphics object. This is passed by the

applet container.

Page 20: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339Applet lifecyclepublic void stop()

• Called by the applet container when the user leaves the applet’s Web page by browsing to another Web page.

• stop() performs tasks that might be required to suspend the applet’s execution, so that the applet does not use computer processing time when it is not displayed on screen.

• Typical actions performed in this function are: • stop execution of animations and threads.

Page 21: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339Applet lifecyclepublic void destroy()

• Called by the applet container when the applet is being removed from memory.

• This occurs when the user exits the browsing session by closing all the browser windows and may also occur at the browser’s discretion when the user has browsed to other Web pages.

• Typical actions performed in this function are: • tasks that are required to clean up resources allocated to

the applet.

Page 22: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339Applet inheritance

HiThere

Applet– init()– start()– stop()– destroy()

EventListener

ActionListener– actionPerformed()

Panel

Component

Container– paint()

implements

extends

Page 23: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339Running applets

You should compile your MyApplet.java source.

The browser gets instructions for loading and running applet class files (i.e. bytecodes) from its input HTML

<applet code=“MyApplet.class” height=50 width=400></applet>

Page 24: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339More HTML

<html><head><title>Applet viewer</title></head><body>

<hr>

<applet code="HiThere.class" width=200 height=400><param name=Text value="Hello"><param name=R value="23"><param name=G value="54"><param name=B value="75"></applet>

<hr></body></html>

Page 25: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339Reading Applet Parameters

See AppletParameterTest.htm

http://www.devdaily.com/java/edu/pj/pj010003

Page 26: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339

Despite <object> being officially a recommended tag, as of 2010, the support of the object tag was not yet consistent among browsers.

Sun kept recommending the older <applet> tag for deploying in multibrowser environments, as it remained the only tag consistently supported by the most popular browsers.

To support multiple browsers, the object tag currently requires JavaScript (that recognizes the browser and adjusts the tag), usage of additional browser-specific tags or delivering adapted output from the server side. Deprecating applet tag has been criticised. Oracle now provides a maintained JavaScript code to launch applets with cross platform workarounds.

Applet tag

http://www.answers.com/topic/java-applet

You use the <object> tag to deploy applets that are to be used only with Internet Explorer.

http://download.java.net/jdk7/docs/technotes/guides/plugin/developer_guide/using_tags.html#object

Page 27: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339Images

Images can be downloaded via HTTP using applets

Place the URL of THIS applet into the URL objectURL urlBase = this.getCodeBase();

Applet fetches image via HTTPmyImage = this.getImage(urlBase, ”AnImage.jpg");

Draw the image on the graphics tabletg.drawImage(myImage, 30, 110, 128, 96, this);

Page 28: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339Applet security

Applets cannot

• Read/write to or from the file system• Access your network• Launch applications• Launch new windows without a warning message• Go to other websites and download files to your machine

Page 29: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339Sandbox Security Model

Client protection from malicious applets

• The Java platform uses the sandbox security model to prevent code that is downloaded to your local computer from accessing local system resources, such as files.

• Code executing in the sandbox is not allowed to “play outside the sandbox”

Page 30: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339Sandbox Security Model

• Applets can be signed with a digital signature (security certificate) to indicate that its from a trusted source) and certified to relax security. These applets have extensive capabilities to access the client, but only if the user accepts the applet’s security certificate.

• Not commonly seen on the internet

• On the other hand, unsigned applets operate within a security sandbox that allows only a set of safe operations.

Client protection from malicious applets

Page 31: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339

Note:

• When a signed applet is accessed from JavaScript code in an HTML page, the applet is executed within the security sandbox.

• This implies that the signed applet essentially behaves likes an unsigned applet.

Sandbox Security Model

Client protection from malicious applets

Page 32: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339

Java Applet Examples

Page 33: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339

import java.awt.Graphics; import javax.swing.JApplet;import javax.swing.JOptionPane;

public class MyApplet extends JApplet{

private double x;

public void init(){ //…}

public void paint(){ //…

}}

JApplet

MyApplet.java

Page 34: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339

Input Dialog

Page 35: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339

import javax.swing.JOptionPane;...String strNum;double num;...strNum = JOptionPane.showInputDialog("Enter first floating-point number");

JApplet

MyApplet.java

num = Double.parseDouble(firstNumber);

You will have to extract the number from the string:

Page 36: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339

public void paint(Graphics g){

super.paint(g); //call the superclass version of method paint

g.drawRect(15,10,270,20); g.drawString("The sum is " + sum, 25,25); //(25, 25) - coordinates

}

JApplet

MyApplet.java

Page 37: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339

combobox

Page 38: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339

import javax.swing.JComboBox;...private JComboBox soundJComboBox;

String choices[] = { "Welcome", "Chimes", "Latina" };

soundJComboBox = new JComboBox( choices ); // create JComboBox

Combobox

MyApplet.java

Page 39: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339

soundJComboBox.addItemListener( new ItemListener() // anonymous inner class { // stop sound and change to sound to user's selection public void itemStateChanged( ItemEvent e ) { currentSound.stop(); switch(soundJComboBox.getSelectedIndex()){ case 0: currentSound = sound1; break; case 1: currentSound = sound2;

break; case 2: currentSound = sound3; break; }

} // end method itemStateChanged } // end anonymous inner class ); // end addItemListener method call add( soundJComboBox ); // add JComboBox to applet

Responding to events

MyApplet.javaimport java.awt.event.ItemListener;

Page 40: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339

Buttons

Page 41: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339

private JButton playJButton, loopJButton, stopJButton;

// set up button event handler and buttons// ButtonHandler is a user-defined class ButtonHandler handler = new ButtonHandler();

// create Play JButton playJButton = new JButton( "Play" ); playJButton.addActionListener( handler ); add( playJButton );

// create Stop JButton stopJButton = new JButton( "Stop" ); stopJButton.addActionListener( handler ); add( stopJButton );//... and so on...

ButtonsMyApplet.java

import javax.swing.JButton;

Page 42: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339

// private inner class to handle button events private class ButtonHandler implements ActionListener { // process play, loop and stop button events public void actionPerformed( ActionEvent actionEvent ) { if ( actionEvent.getSource() == playJButton ) currentSound.play(); // play AudioClip once else if ( actionEvent.getSource() == loopJButton ) currentSound.loop(); // play AudioClip continuously else if ( actionEvent.getSource() == stopJButton ) currentSound.stop(); // stop AudioClip } // end method actionPerformed } // end class ButtonHandler

Events for ButtonsMyApplet.java

import javax.swing.JButton;

Page 43: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339

sounds

Page 44: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339

private AudioClip sound1, sound2, sound3, currentSound;

// load sounds and set currentSoundsound1 = getAudioClip( getDocumentBase(), "welcome.wav" );sound2 = getAudioClip( getDocumentBase(), "chimes.wav" );sound3 = getAudioClip( getDocumentBase(), "Success.wav" );currentSound = sound1;

...currentSound.play();currentSound.loop();currentSound.stop();

SoundsMyApplet.java

import java.applet.AudioClip;

Page 45: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339

animation

…\Lectures\Applet\applet - Animation\components-TumbleItemProject

Page 46: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339Do we still need applets?

In early days, not much could be on a web page without Java applets

Now with dynamic HTML4, Javascript, cascading style sheets, Java applets are not so necessary for many functions

But maybe applets will make a comeback

Page 47: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339Current uses of applets

• Online banking sites• Gaming sites• Sites which require real-time data transfer• Client-side applications that need to make use of Java’s powerful

features

Applet examples/showcaseshttp://www.dgp.toronto.edu/~mjmcguff/learn/java/javaboutique.internet.comwww.anfyjava.com

Also see java.sun.com for examples

Page 48: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339Java Web plug-in

• Version conflicts is one disadvantage of using applets

• To avoid version problems, associated with the Java applets, there is the Java plugin

• This is an up-to-date virtual machine that can be installed on your machine

• See java.sun.com for more details

Page 49: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339Recent Improvements

With recent improvements to the Java Plug-in software, unsigned applets launched using Java Network Launch Protocol (JNLP) can safely access the client with the user's permission.

You will have to use Java NetBeans IDE to

use this properly

…\Lectures\Applet\applet - Animation\components-TumbleItemProject

Page 50: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339Applet Deployment

Applets can be launched in two ways:

1. You can launch an applet by specifying the applet's launch properties directly in the <applet> tag. This old way of deploying applets imposes severe security restrictions on the applet.

2. Alternatively, you can launch your applet by using Java Network Launch Protocol (JNLP). Applets launched by using JNLP have access to powerful JNLP APIs and extensions.

http://download.oracle.com/docs/cd/E17409_01/javase/tutorial/deployment/applet/deployingApplet.html

Page 51: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339Architecture

• With the next-generation Java Plug-in, the JRE no longer runs inside the browser.

• Instead, the JRE runs in a separate process. By default, all applets run in the same JRE instance.

• However, applets can now specify the JRE version they require to run on.

• More than one JRE instance will be launched when different versions of the JRE are needed, or when the applet requires more resources than any currently extant instance can supply.

Next-Generation Java Plug-in, Java Runtime Environment

http://download.oracle.com/docs/cd/E17409_01/javase/6/docs/technotes/guides/jweb/applet/applet_execution.html

Page 52: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339Architecture

Compatibility

• The browser and the applet can still communicate with one another.

• However, existing APIs have been re-engineered to use process sockets, so things continue to work as they did before--only better

Next-Generation Java Plug-in, Java Runtime Environment

http://download.oracle.com/docs/cd/E17409_01/javase/6/docs/technotes/guides/jweb/applet/applet_execution.html

Page 53: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339Architecture

Benefits• Applets that require different versions of the JRE

can run simultaneously.

• Applets can specify JRE start-up parameters such as heap size. (A new applet uses an existing JRE if it's requirements are a subset of an existing JRE, otherwise, a new JRE instance is launched.)

• The message-passing interfaces are written in Java, so they run on all supported platforms, in the same way, so cross-browser compatibility is enhanced.

Next-Generation Java Plug-in, Java Runtime Environment

http://download.oracle.com/docs/cd/E17409_01/javase/6/docs/technotes/guides/jweb/applet/applet_execution.html

Page 54: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339Architecture

Limitations:

• If two applets each require a large amount of memory, they might both run in the same JRE, causing one of them to run out of memory. But that's only a concern when you have multiple applets running simultaneously.

• The Java browser plug-in finds

available JREs by inspecting the Java Control Panel.

Next-Generation Java Plug-in, Java Runtime Environment

http://download.oracle.com/docs/cd/E17409_01/javase/6/docs/technotes/guides/jweb/applet/applet_execution.html

Page 55: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339Summary

• Applet properties

• Applet life cycle

• Writing an applet

• Passing parameters to an applet

• Sandbox security model

• Some Java components

• Applet traffic over the internet• How does this compare with PHP and Javascript?

Page 56: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339References• Applet Tag

– http://download.java.net/jdk7/docs/technotes/guides/plugin/developer_guide/using_tags.html#object

• Java applet tutorial:– http://download.oracle.com/docs/cd/E17409_01/javase/tutorial/deployment/a

pplet/• Demonstration Applets

– http://www.dgp.toronto.edu/~mjmcguff/learn/java/– http

://download.oracle.com/docs/cd/E17476_01/javase/1.5.0/docs/relnotes/demos.html

– http://java.sun.com/applets/jdk/1.4/index.html– http://www.walter-fendt.de/ph14e/projectile.htm

• Netbeans IDE– http://download.oracle.com/docs/cd/E17409_01/javase/tutorial/information/e

xamples.html#opening– http://

download.oracle.com/docs/cd/E17409_01/javase/tutorial/getStarted/cupojava/netbeans.html

Page 57: 159.339 1 Java Applets Mini-applications Client-side Programming Lecture

159.339

JAVA Swing components

• http://www.java2s.com/Code/JavaAPI/javax.swing/JComboBoxaddItemListenerIte

Best Practices

References

http://download.oracle.com/docs/cd/E17409_01/javase/6/docs/technotes/guides/jweb/applet/best_practices.html