ࡱ > `! m:l8MT>? 6 $
j f xڝ[HQԊ
,͠ՃQᒉTD]` (
"%ZYم| +J"^*
s|.EÜ"'<ƣ +4h]AWY
X!sO7s,ZpF薘
%9ZaaH(fg85g[~*B O} 'YI?s2JƠm|&{bT>$ !FHܣcxoCr
M,f'J(/D2G=fNMvЅ=ta+ÇVlCO,/3%τ 4!Ca y(0H;.O,MJdX\h}V[k%IŭU
F`^fN:^U AK%$ʀl_+#/)>J%^DyI7 z.B2.`^OpPqZJ7gebz69ǹ,9P#[(:>"8+Xd +JϔT)ZL DI *H4_1kDب lWD`^
6jHֱ45˾2 +_ |k ( `
D
k z h t t p : / / j a v a . s u n . c o m / j 2 s e / 1 . 3 / d o c s / a p i / j a v a / a p p l e t / A p p l e t . h t m l z h t t p : / / j a v a . s u n . c o m / j 2 s e / 1 . 3 / d o c s / a p i / j a v a / a p p l e t / A p p l e t . h t m l l g e t P a r a m e t e r z h t t p : / / j a v a . s u n . c o m / j 2 s e / 1 . 3 / d o c s / a p i / j a v a / a p p l e t / A p p l e t . h t m l 0 < g e t P a r a m e t e r ( j a v a . l a n g . S t r i n g ) n D B e i s p i e l e i n e r W e b s e i t e m i t A p p l e t h t t p : / / w w w . t i k . e e . e t h z . c h / ~ k a t r i n i s / d e h / a p p l e t s / S i m p l e A p p l e t . h t m l p " S i m p l e A p p l e t . j a v a h t t p : / / w w w . t i k . e e . e t h z . c h / ~ k a t r i n i s / d e h / a p p l e t s / S i m p l e A p p l e t . h t m l r L i f e C y c l e . j a v a | h t t p : / / w w w . t i k . e e . e t h z . c h / ~ k a t r i n i s / d e h / a p p l e t s / L i f e C y c l e . h t m l t
z . B . : z h t t p : / / w w w . t i k . e e . e t h z . c h / ~ k a t r i n i s / d e h / a p p l e t s / S c r i b b l e . h t m l v $ P a r a m e t e r D e m o . h t m l h t t p : / / w w w . t i k . e e . e t h z . c h / ~ k a t r i n i s / d e h / a p p l e t s / P a r a m e t e r D e m o . h t m l x $ P a r a m e t e r D e m o . j a v a h t t p : / / w w w . t i k . e e . e t h z . c h / ~ k a t r i n i s / d e h / a p p l e t s / P a r a m e t e r D e m o . j a v a z * B e n u t z e r i n f o r m a t i o n e n ~ h t t p : / / w w w . t i k . e e . e t h z . c h / ~ k a t r i n i s / d e h / a p p l e t s / p r o p e r t i e s . h t m l H T M L h t t p : / / w w w . t i k . e e . e t h z . c h / ~ k a t r i n i s / d e h / a p p l e t s / S o u n d E x a m p l e / S o u n d E x a m p l e . h t m l A p p l e t h t t p : / / w w w . t i k . e e . e t h z . c h / ~ k a t r i n i s / d e h / a p p l e t s / S o u n d E x a m p l e / S o u n d E x a m p l e . j a v a H T M L h t t p : / / w w w . t i k . e e . e t h z . c h / ~ k a t r i n i s / d e h / a p p l e t s / S o u n d E x a m p l e / S i m p l e S o u n d . h t m l A p p l e t h t t p : / / w w w . t i k . e e . e t h z . c h / ~ k a t r i n i s / d e h / a p p l e t s / S o u n d E x a m p l e / S i m p l e S o u n d . j a v a z . B . h t t p : / / w w w . t i k . e e . e t h z . c h / ~ k a t r i n i s / d e h / a p p l e t s / S a n d b o x D e m o . h t m l 8 h t t p : / / j a v a . s u n . c o m / a p p l e t s / 8 h t t p : / / j a v a . s u n . c o m / a p p l e t s / d h t t p : / / j a v a . s u n . c o m / d o c s / b o o k s / t u t o r i a l / i n d e x . h t m l d h t t p : / / j a v a . s u n . c o m / d o c s / b o o k s / t u t o r i a l / i n d e x . h t m l ( h t t p : / / w w w . j a v a w o r l d . c o m / j a v a w o r l d / j w - 1 2 - 2 0 0 0 / j w - 1 2 1 5 - s e c u r i t y . h t m l h t t p : / / w w w . j a v a w o r l d . c o m / j a v a w o r l d / j w - 1 2 - 2 0 0 0 / j w - 1 2 1 5 - s e c u r i t y . h t m l H C l i e n t - S i d e S c r i p t i n g a n d H T M L ( W 3 C ) J h t t p : / / w w w . w 3 . o r g / T R / W D - s c r i p t - 9 7 0 3 1 4 : J a v a S c r i p t M a n u a l / R e f e r e n c e j h t t p : / / d e v e l o p e r . n e t s c a p e . c o m / d o c s / m a n u a l s / i n d e x . h t m l . h t t p : / / w w w . t i k . e e . e t h z . c h / ~ k a t r i n i s / d e h / j a v a s c r i p t / j a v a s c r i p t 1 . h t m l / 0 0 D T i m e s N e w R o m a n ( 0 (
0 D C o m i c S a n s M S n ( 0 (
0 B D A r i a l S a n s M S n ( 0 (
0 0 D C o u r i e r N e w S n ( 0 (
0 1 @ .
@ n ? " d d @ @@ `` 8 F
W * # & '
( ( ) + , - . / 0 1 4 5 6 < 7 8 9 $ : ; , 2 $ m:l8MT>? 0 A A f 3 f @ f f Q g 4 k d k d @
0 p p p @ R ʚ;1_8 ʚ; < 4 ! d ! d l @v
0X < 4 d d d d l @v
0X < 4 B d B d l @v
0X $ 0 _ _ _ P P T 1 0
p p _ _ _ P P T 9 p / 0 k l n p r t v x z 4 ? % O = P PPS-Design Eigener Homepage
z 4 . P r a x i s v e r a n s t a l t u n g
C l i e n t S i d e S c r i p t i n g : J a v a A p p l e t s > & ( berblick v Java Applets
Architektur
Einbettung des Applets in HTML
Programmierung eines Applets
Sicherheitsrisiken
2. JavaScript
P
" H
j 2 U ) Architektur r Applets sind Java Programme, die in Webseiten eingebunden werden knnen.
Der Interpreter ist im Browser integriert s s s ( Einbettung des Applets in HTML g Ein Applet wird mittels des applet-Tag in eine Webseite integriert:
Beispiel einer Webseite mit Applet: ( h F F C " n 0 D f * Programmierung eines Applets m Ein Applet ist eine Java-Klasse, die (direkt oder indirekt) von der Klasse java.applet.Applet abgeleitet ist. & n K n Programmierung: SimpleApplet 8 import java.applet.*;
import java.awt.*;
public class SimpleApplet extends Applet {
private Font font;
public void init() {
font = new Font("Helvetica", Font.ITALIC,24);
}
public void paint(Graphics g) {
g.setColor(Color.red);
g.setFont(font);
g.drawString("Hello world.", 25, 50);
}
} 9 Z 7 3 5 I n ! ( &
, Lebenszyklus eines Applets
Lebenszyklus eines Applets Der Browser ruft die folgenden Methoden auf:
init: Um das Applet zu initialisieren, wenn es das erste Mal geladen wird (oder nach einem Reload)
start: Um dem Applet anzuzeigen, dass es im Browser sichtbar ist (auch aufgerufen nach init)
stop: Um dem Applet zu signalisieren, dass es im Browser nicht mehr sichtbar ist wegen Scrolling oder Seitenwechsels (auch aufgerufen vor destroy)
destroy: Um das Applet wieder aus dem Browser zu laden (unloading) und Ressourcen wieder freizugeben - - _ R ] 2 R - ! Zeichnen innerhalb eines Applets j E i n A p p l e t i m p l e m e n t i e r t d i e Z e i c h n u n g s f u n k t i o n e n i n d e r p a i n t M e t h o d e :
c l a s s S i m p l e A p p l e t e x t e n d s A p p l e t {
. . .
p u b l i c v o i d p a i n t ( G r a p h i c s g ) {
g . s e t F o n t ( H e l v e t i c a , F o n t . B O L D , 3 2 ) ;
g . d r a w S t r i n g ( m y t e x t , x , y ) ;
. . .
}
W i c h t i g :
D i e p a i n t M e t h o d w i r d v o m B r o w s e r a u f g e r u f e n u n d s o l l t e n i e d i r e k t a u f g e r u f e n w e r d e n
U m d a s Z e i c h n e n d e s A p p l e t s z u f o r c i e r e n , v e r w e n d e t m a n d i e M e t h o d e r e p a i n t w e l c h e i n d i r e k t p a i n t a u f r u f t H 8 9 g 2 1 # Beispiel Applets @ SimpleApplet.java
LifeCycle.java ! ! 8 p 0 r 0 . " Behandlung von Ereignissen q Applets reagieren auf Ereignisse, indem sie den entsprechenden Event-Handler implementieren, z.B.:
public class Scribble extends Applet implements MouseListener, MouseMotionListener {
private int last_x=0, last_y=0, x=0, y=0;
private Graphics g;
...
public void init() {
addMouseListener(this); addMouseMotionListener(this);
g = getGraphics();
}
public void mousePressed(MouseEvent event) {
last_x = event.getX(); last_y = event.getY();
}
public void mouseDragged(MouseEvent event) {
x = event.getX(); y = event.getY();
g.drawLine(last_x, last_y, x, y);
last_x = x; last_y = y;
}
} c P P c 0
3 3 f 3 3 1 Z & [ & .
a
2 t 0 ] b Parametrisierung von Applets A p p l e t s l a s s e n s i c h d u r c h P a r a m e t e r i m H T M L - C o d e k o n f i g u r i e r e n :
< p > < a p p l e t c o d e = P a r a m e t e r D e m o . c l a s s w i d t h = 5 0 0
h e i g h t = 1 0 0 a l t = " C a n n o t l o a d a p p l e t " > < p a r a m n a m e = t e x t v a l u e = " I r g e n d e i n T e x t . " > N o a p p l e t s u p p o r t .
< / a p p l e t >
< p > < a p p l e t c o d e = P a r a m e t e r D e m o . c l a s s w i d t h = 5 0 0
h e i g h t = 1 0 0 a l t = " C a n n o t l o a d a p p l e t " > < p a r a m n a m e = t e x t v a l u e = " E i n a n d e r e r T e x t . " > < p a r a m n a m e = b a c k g r o u n d v a l u e = F F 0 0 0 0 > < p a r a m n a m e = f o r e g r o u n d v a l u e = F F F F F F > N o a p p l e t s u p p o r t .
< / a p p l e t > @ @ a 33 33
33
33 & ? - & | ' - ( L 4 % Parameterbergabe an Applet I m H T M L C o d e ( P a r a m e t e r D e m o . h t m l ) b e n u t z e n w i r u n s e r e P a r a m e t e r t e x t , f o r e g r o u n d u n d b a c k g r o u n d
A p p l e t ( P a r a m e t e r D e m o . j a v a ) k a n n d i e P a r a m e t e r m i t g e t P a r a m e t e r l e s e n :
p u b l i c v o i d i n i t ( ) {
f o n t = n e w F o n t ( H e l v e t i c a , F o n t . I T A L I C , 2 4 ) ;
t e x t = g e t P a r a m e t e r ( t e x t ) ;
f g C o l o r = g e t C o l o r P a r a m e t e r ( f o r e g r o u n d ,
C o l o r . b l a c k ) ;
b g C o l o r = g e t C o l o r P a r a m e t e r ( b a c k g r o u n d ,
C o l o r . w h i t e ) ;
s e t F o r e g r o u n d ( f g C o l o r ) ;
s e t B a c k g r o u n d ( b g C o l o r ) ;
} Z Z L Z @ 33
33
33 3 3 O 3 33 3
33; 3
33f
E
" ! ! v 0 x 0 h z l 0 Sicherheitsrisiken M Applets sind ein potentielles Sicherheitsrisiko, da Applets beliebigen Code enthalten knnen
Potentielle Gefahren:
Lokale Dateien lesen, modifizieren oder lschen
Geflschte E-Mails versenden
Weitergabe von sensitiven Benutzerinformationen
...
Daher: JVM, welche innerhalb des Browsers luft, schrnkt Mglichkeiten eines Applets ein J s Z ] 3 Z M Einschrnkungen fr Applets Restriktionen fr das lokale Filesystem:
Keine Dateien lesen oder schreiben
Keine Programme starten, keine Bibliotheken laden
Prfen auf die Existenz einer Datei ist nicht erlaubt
Keine Verzeichnisse durchsuchen oder erzeugen
Restriktionen fr Netzwerkoperationen:
Keine Netzwerkverbindungen aufbauen (ausser zum Rechner von dem Applet ursprnglich stammt)
Restriktionen fr Benutzerinformationen:
Gewisse Benutzerinformationen lassen sich mit getProperty nicht lesen (user.name, user.home, user.dir) ) ' \ ) g ) 3 ' 3 \ ) 3 .
L 1
z 0 6 ' Fhigkeiten eines Applets $ e Applets, welche vom lokalen Filesystem geladen wurden (von Folder in CLASSPATH), besitzen normalerweise keine Restriktionen
Netzwerkverbindungen zum Rechner, von welchem das Applet ursprnglich stammt, aufbauen.
Audio Clip Dateien spielen:
Beispiel 1 (HTML, Applet)
Beispiel 2 (HTML, Applet)
Public Methoden anderer Applets in der gleichen Webseite aufrufen t 4 B : X 4 B X 5 , C
0 0 0 0 0 " 5 & $ Exceptions bei unerlaubten Zugriffen $ b U n e r l a u b t e Z u g r i f f e e r z e u g e n E x c e p t i o n s , z . B . :
p u b l i c v o i d i n i t ( ) {
&
t r y {
P r o p e r t i e s p = S y s t e m . g e t P r o p e r t i e s ( ) ;
m s g 1 = N a m e : + p . g e t P r o p e r t y ( u s e r . n a m e ) ;
m s g 2 = H o m e : + p . g e t P r o p e r t y ( u s e r . h o m e ) ;
}
c a t c h ( E x c e p t i o n e ) {
m s g 1 = O u c h : + e . g e t M e s s a g e ( ) ;
m s g 2 = ;
}
} / Z Z Z
& 33& 33
L ' 5 6 0 ) - 9 )
JavaScript Crossplatform, object-oriented language
Besteht aus drei Mengen:
Core set
Server-side JavaScript (erweitert das core set mit server-side Funktionen)
Client-side JavaScript: erweitert das core set und bietet Objekte an, mit den man einen Browser manipulieren kann.
Unter dem Gebrauch von client-side JavaScript kann
man auf user-input, wie z.B. mouse clicks, page
navigation events und input in Formen, reagieren P A A T t 3
#
5 : * Architektur : S k r i p t e w e r d e n e m b e d d e d i n d e r H T M L S e i t e v o m W e b s e r v e r d e m B r o w s e r g e l i e f e r t u n d w e r d e n v o m B r o w s e r s ( d a r u m c l i e n t - s i d e ) J a v a S c r i p t I n t e r p r e t e r e x e k u t i e r t . ; + Einbettung von Scripts
Man gebraucht das
.
P P P P P 3 ' 3 6
3 E ,
< 8
G 0 < , @ A l l t a g G e b r a u c h v o n J a v a S c i p t ! ! > E v e n t H a n d l i n g ( V a l i d i e r u n g , A n i m a t i o n e n )
N a v i g a t i o n ( I n t e r - F r a m e C o m m u n i c a t i o n , B e a r b e i t u n g v o n m e h r e r e n F r a m e s a u f e i n m a l , c l i e n t - s i d e i m a g e m a p s , c o o k i e s , s t a t u s b a r i n t e r a c t i o n )
J a v a s c r i p t F l a v o u r s :
J a v a S c r i p t ( N e t s c a p e )
J s c r i p t ( M i c r o s o f t )
E C M A - 2 6 2 S p e c i f i c a t i o n ( A +
D 8 (
Referenzen
; Java Applets:
http://java.sun.com/applets/ (resources)
Java Tutorial : http://java.sun.com/docs/books/tutorial/index.html
Java-World Artikel ueber Applet Security:
http://www.javaworld.com/javaworld/jw-12-2000/jw-1215-security.html
JavaScript:
JavaScript Manual / Reference
Client-Side Scripting and HTML (W3C) < Z Z U Z C Z < | 2 C $ 0 * 0 G y 0 0 0 ; $
Danke fuer Ihre Aufmerksamkeit ! ! ! 3 H / / 0 2 ` ̙ 33 ` ` ff3 33 3 f ` 333 MMM ` f ` f ` 3 > ? " d d @ | ? " d d @ " @ ` n ? " d d @ @@ `` P R @ ` ` p > > 0 ( (
6 B
T Click to edit Master title style !
!
0 l
R Click to edit Master text styles
Second level
Third level
Fourth level
Fifth level !
S
0 4 ``
X *
0 `
Z *
0 `
Z * T
< f v h @ ? f ff3 f f 4 B l a n k P r e s e n t a t i o n B P B l u e 0 z r `
(
`
`
0 `y 18
P *
`
0 ѓ f 8
R *
d
`
c $ ? 4d
`
0 lӓ
R Click to edit Master text styles
Second level
Third level
Fourth level
Fifth level !
S
`
6 Xړ ' 1_
P *
`
6 hݓ 'f _
R *
H
` 0 bf @ ? 33 8 0 _ _ _ P P T 1 0 . & m , (
,
,
0 18
X *
,
0 8 g 8
Z *
,
6 < ( 1`
X *
,
6 p (g `
Z * H
, 0 bf @ ? ̙ 33 8 0 _ _ _ P P T 1 0 . ! ͚ f (
B |F p F
< lF `
F
H
0 h ? f ff3 f f y _ _ _ P P T 1 0 Y + D= ' =
@B +
P : (
P r
P S F B
F
P S x : F
" (08X H
P 0 h ? f ff3 f f y _ _ _ P P T 1 0 Y + D= ' =
@B + 9'
# ' @ (
c $ ,x < $ 0 x
x
c $ x B
x
! l E
% E , $ D 0 l
< 8c ? ~ E
N x g ֳ g ֳ f ? " `
R Browser
0 H H l
< 8c ? X
@ l
< 1 ? l
< 1 ? l
< 1 ?
T x g ֳ g ֳ ?
4 OS ( 2
T x g ֳ g ֳ ? K
W WebServer
( 2
T !x g ֳ g ֳ ?
4 OS ( 2 d
< ? x
1 l y s
' y s , $ D 0 x B
B
H D 3 Ԕ ? 8 y
y
` h&x Ԕ ? s
w HTTP-Response (HTML + Applet) 3 l 0
& 0
, $ D 0 B
B
T D 3 Ԕ ? 8
` ,+x Ԕ ?
j
f HTTP-Request
3 B
Z D 3 Ԕ ? 0
B
T D 3 Ԕ ?
B
Z D 3 Ԕ ? `
l 2 X
" X2 , $ D 0 l
< 1 ? 8 N P l
< 1 ? o l
< 1 ? l
< 1 ? X X p
T (0x g ֳ g ֳ ? 2 X ,
F HTML + Class Files f B
B
T D 3 Ԕ ? l !
a
! !
a , $ @ 0
N 4x g ֳ g ֳ ? " ` !
c a J
7 JVM ( 2
N 9x g ֳ g ж ? " ` !
a `
@ Java Framework r
N + B# s t y l e . v i s i b i l i t y < * % % ( D ' = - 6 B' b l i n d s ( h o r i z o n t a l ) *< 3 < * % D4 ' = % ( D ' = % ( D ' =4 @B B B B % ( D ' = 1 : B v i s i b l e *o 3 >+ B# s t y l e . v i s i b i l i t y < * & % ( D4 ' = % ( D ' = % ( D ' =4 @B B B B % ( D ' = 1 : B v i s i b l e *o 3 >+ B# s t y l e . v i s i b i l i t y < * " % ( D4 ' = % ( D ' = % ( D ' =4 @B B B B % ( D ' = 1 : B v i s i b l e *o 3 >+ B# s t y l e . v i s i b i l i t y < * ' % ( D ' = % ( Du ' = % ( D ' =4 @B B B B % ( D ' = 1 : B v i s i b l e *o 3 >+ B# s t y l e . v i s i b i l i t y < * ! % ( D ' =A @B B B B 0B % ( D ' = 1 : B v i s i b l e *o 3 >+ B# s t y l e . v i s i b i l i t y < * I % ( DA ' = % ( D ' = % ( D ' =A @B B B B 0B % ( D ' = 1 : B v i s i b l e *o 3 >+ B# s t y l e . v i s i b i l i t y < * I s % ( +8 +0 + x +
F > p (
~
s * lXx B
x
~
s * @Yx x
s * Zx m
^ < h 1 > E i n f a c h e s A p p l e t < / h 1 >
< p > I n d i e s e m T e s t w i r d e i n e i n f a c h e s
H e l l o W o r l d - A p p l e t a u s g e f & u u m l ; h r t .
< p > < a p p l e t c o d e = S i m p l e A p p l e t . c l a s s
w i d t h = 5 0 0 h e i g h t = 1 0 0
a l t = " C a n n o t l o a d a p p l e t >
N o a p p l e t s u p p o r t .
< / a p p l e t > i
2
v B
@
N D Ԕ ? %
N jx Ԕ ?
_ Classfile des Applets
N ox Ԕ ? *c
Dimensionen des Applets F v B
@
N D Ԕ ?
J
N sx Ԕ ? p
J Alternativer Text, falls Browser Classfile nicht laden oder ausfhren kann K K F # v B
N D Ԕ ? k
N Tyx Ԕ ?
: Alternativer Text, falls Browser applet Tag nicht versteht F ; ! b v B
N D Ԕ ? .
f
H
0 h ? X ( = ^ y _ _ _ P P T 1 0 Y + D= ' =
@B +
1 ) (
~
s * 0x B
x
~
s * x x
T x Ԕ ? " `
` java.lang.Object
T x Ԕ ? " `
b java.awt.Component
T hx Ԕ ? " `
b java.awt.Container (
T hx Ԕ ? " `
java.awt.Panel F v B
N D Ԕ ? g
g
v B
N D Ԕ ? g
g
v B
N D Ԕ ?
g
g
$
Z x Ԕ ? M
U
R - Zeichnungsfhigkeit (z.B. paint)
- Behandlung von Ereignissen
(z.B. mouseDown) S S S
Z x Ԕ ? ] e
K - Gruppierung von mehreren
Graphikelementen innerhalb
einer Komponente L L L
T x Ԕ ? " ` u
k 0
b java.applet.Applet v B
N D Ԕ ? h
h
u
Z ĩx Ԕ ?
h
d - init, start, stop, destroy H
0 h ? X ( = ^ y _ _ _ P P T 1 0 Y + D= ' =
@B + y
p t 0 (
t x
t c $ Lx B
x
x
t c $ x x
H
t 0 h ? f ff3 f f y _ _ _ P P T 1 0 Y + D= ' =
@B +
(
r
S x B
x
` 2
s * " ` @ cP
< x
"
[ unbekannt
3 ` 2
s * " ` 3@ c
< Xx P p
_
initialisiert 3
` 2
s * " ` @ c
< x 8~ 1X
Z zerstrt 3 ` 2
s * " ` b 6Y
< x u(
Y laufend 3 ` 2
s * " ` b w
< x
Z gestoppt 3 X B
0 D f Ԕ P
C d R
< GHWI f o cb j b
B G H vI@ f o
j b
B Z G@ HGhI9 f o
j R
@ B Z GH I f o @
< x N
= [1]: init()
< x Q
> [1]: start()
< x #
> [3]: start()
< x ( # H
= [2]: stop()
< x U
M u
@ [4]: destroy()
0 x u
e [1] = Laden des Applets
0 x u
Q
6 [2] = Laden einer neuen Seite, Iconifizierung 7 7 6
0 x @u
< [3] = Zurckkehren zu einer Seite, Deiconifizierung = = <
0 y u
i [4] = Verwerfen des Applets H
0 h ? O
f ff3 f f _ _ _ P P T 1 0 i . ^0N + D= ' =
@B + }
\ $ (
\ r
\ S y B
y
r
\ S |y y
H
\ 0 h ? f ff3 f f _ _ _ P P T 1 0 i . & + D= ' =
@B +
0 (
x
c $ y B
y
x
c $ y y
H
0 h ? f ff3 f f _ _ _ P P T 1 0 i . & + D= ' =
@B +
0 (
x
c $ y B
y
x
c $ y y
H
0 h ? f ff3 f f _ _ _ P P T 1 0 i . & + D= ' =
@B +
0 (
x
c $ <,y B
y
x
c $ -y y
H
0 h ? f ff3 f f _ _ _ P P T 1 0 i . & + D= ' =
@B + }
P l $ (
l r
l S lCy B
y
r
l S Gy y
H
l 0 h ? f ff3 f f _ _ _ P P T 1 0 i . 4b + D= ' =
@B +
@ 0 (
x
c $ yy B
y
x
c $ zy y
H
0 h ? f ff3 f f _ _ _ P P T 1 0 i . 4b + D= ' =
@B + }
$ (
r
S y B
y
r
S xy y
H
0 h ? f ff3 f f _ _ _ P P T 1 0 i . @ + D= ' =
@B + }
$ (
r
S ̒y B
y
r
S 0y y
H
0 h ? f ff3 f f _ _ _ P P T 1 0 i . 3i + D= ' =
@B +
` 0 (
x
c $ y B
y
x
c $ y y
H
0 h ? f ff3 f f _ _ _ P P T 1 0 i . 3i + D= ' =
@B +
P 0 (
x
c $ ly B
y
x
c $ @y y
H
0 h ? f ff3 f f _ _ _ P P T 1 0 i . 3i + D= ' =
@B + }
$ (
r
S ,y B
y
r
S y y
H
0 h ? f ff3 f f _ _ _ P P T 1 0 i . t9 + D= ' =
@B + $
# # (
c $ y < $ 0 y
x
c $ y B
y
z E
E , $ D 0 f
6 8c ? ~ E
H y g ֳ g ֳ f ? " `
S
Browser 0 H H f
6 8c ? X
@ f
6 1 ? f
6 1 ? f
6 1 ?
N ly g ֳ g ֳ ?
4 OS ( 2
N 8y g ֳ g ֳ ? K
W WebServer
( 2
N @y g ֳ g ֳ ?
4 OS ( 2 ^
6 ? x
1 8 z y C s
y Cs , $ D 0 r B
B
B D 3 Ԕ ? 8 y
y 4
Z ,y Ԕ ? C s
( HTTP-Response (HTML mit embedded Script) ) ) 3 < z 0
0
, $ D 0 ~ B
B
N D 3 Ԕ ? 8
Z y Ԕ ?
j
f HTTP-Request
3 B
T D 3 Ԕ ? 0
~ B
N D 3 Ԕ ?
B
T D 3 Ԕ ? `
z 2 X X
X2X , $ D 0 f
6 1 ? 8 N P f
6 1 ? o f
6 1 ? f
6 1 ? X X p
N y g ֳ g ֳ ? 2 X ,
A
HTML+ Scripts f ~ B
B
N D 3 Ԕ ? z !
a
!
a , $ @ 0
H g ֳ g ֳ ? " ` !
c a J
d Javascript Interpreter ( 2
!
H g ֳ g ж ? " ` !
a `
^
HTML Seite r
"
H g ֳ g ֳ ? " ` !
: Script ( 2 ~ B
#
N D 3 Ԕ ? & 0 H
0 h ? f ff3 f f
_ _ _ P P T 1 0 + D ' =
@B DI ' =
@B A ? %, ( < + O %, (
< + D ' = % ( D ' = % ( DG ' =4 @B B B
B % ( D ' = 1 : B v i s i b l e *o 3 >+ B# s t y l e . v i s i b i l i t y < * % ( D ' = - 6 B' b l i n d s ( h o r i z o n t a l ) *< 3 < * D4 ' = % ( D ' = % ( D ' =4 @B B B B % ( D ' = 1 : B v i s i b l e *o 3 >+ B# s t y l e . v i s i b i l i t y < * % ( D4 ' = % ( D ' = % ( D ' =4 @B B B B % ( D ' = 1 : B v i s i b l e *o 3 >+ B# s t y l e . v i s i b i l i t y < * % ( D4 ' = % ( D ' = % ( D ' =4 @B B B B % ( D ' = 1 : B v i s i b l e *o 3 >+ B# s t y l e . v i s i b i l i t y < * % ( D ' = % ( Du ' = % ( D ' =4 @B B B B % ( D ' = 1 : B v i s i b l e *o 3 >+ B# s t y l e . v i s i b i l i t y < * % ( D ' =A @B B B B 0B % ( D ' = 1 : B v i s i b l e *o 3 >+ B# s t y l e . v i s i b i l i t y < * % ( +8 +0 + y +
} u
(
r
S B
r
S y y
l " c E
j , $ D 0 `
0 "
0 h" } c E
JavaScript Funktion
4 0 P 2 l s I [
, $ D 0 Z B
s * D s
Z B
s * D M
0 ' d
I [
_ Event Handlers
4 0 P 2 H
0 h ? f ff3 f f _ _ _ P P T 1 0 . `
+ 6e Dm ' =
@B D( ' =
@B A ? %, ( < + O %, (
< + Dn ' = % ( D ' = % ( D ' =4 @B B B B % ( D ' = 1 : B v i s i b l e *o 3 >+ B# s t y l e . v i s i b i l i t y < * % ( D ' = + 4 8 ?\ C B # p p t _ x B C B # p p t _ x B *Y 3 > B
p p t _ x < * D ' = + 4 8 ?d C B 1 + # p p t _ h / 2 B C B # p p t _ y B *Y 3 > B
p p t _ y < * D ' = % ( D ' = % ( D9 ' =4 @B B B B % ( D ' = 1 : B v i s i b l e *o 3 >+ B# s t y l e . v i s i b i l i t y < *
% ( D ' = -u 6 B d i a m o n d ( i n ) *< 3 < *
+ }
$ (
r
S H B
r
S I
H
0 h ? f ff3 f f _ _ _ P P T 1 0 i . 5 + D= ' =
@B + }
p $ (
r
S Q B
r
S Q
H
0 h ? f ff3 f f _ _ _ P P T 1 0 i . $Z+ + D= ' =
@B + \
s k 0 (
r
S n T
0 by )
_
Fragen
C 0 A B D 0 0 0 2 8 _ [ 1 ] " ` 1
P o H
0 h ? f ff3 f f _ _ _ P P T 1 0 i . j9 + D= ' =
@B + 0 0 d (
d X
d C ` 4d
d S `
H
d 0 bf @ ? 33 8 0 _ _ _ P P T 1 0 . & m 0 x (
x X
x C ` 4d
x S ܓ `
H
x 0 bf @ ? 33 8 0 _ _ _ P P T 1 0 . |" ! 0 ( (
^
S ` 4d
c $ h `
H
0 bf @ ? 33 8 0 _ _ _ P P T 1 0 . & m " 0 ( (
^
S ` 4d
c $ `
H
0 bf @ ? 33 8 0 _ _ _ P P T 1 0 . & m # 0 ( (
^
S ` 4d
c $ `
H
0 bf @ ? 33 8 0 _ _ _ P P T 1 0 . & m r k $ z ہ 0 t 3 W /5 m $ . ( 0 f θ , p a C7 c9 5 ; 4 0 w 8 P 2, )
= < Oh +'0
p x
, 4 PPS-Veranstaltung e Hasan ra asa Konstantinos Katrinis P 103 Microsoft PowerPoint P @ ) @ .c%@ @X%@ V G V g # ? - / - - @ ! * - - 1 - - @ ! / * - - 3 - - @ ! Y - - 5 - - @ ! p - - 7 - - @ ! - - 9 - - @ ! - - ; - - @ ! - - = - - @ ! - - ? - - @ ! - - A - - @ ! - - C - - @ ! - - E - - @ ! - - G - - @ ! # - - I - - @ ! 5 - - K - - @ ! F - - M - - @ ! U - - O - - @ ! f - - Q - - @ ! u - - S - - @ ! - - U - - @ ! - - W - - @ ! - - Y - - @ ! - - [ - - @ ! - - ] - - @ ! - - _ - - @ ! - - a - - @ ! , 3 - - c - - @ ! 5 _ - - f - - @ ! Y - - - ' @ BComic Sans MS - . 2
F PPS . "System hi - @ BComic Sans MS - . 2
F - . - @ BComic Sans MS - . 2
F2 Design e
. - @ BComic Sans MS - . 2
F Eigenere . - @ BComic Sans MS - . 2
FW Homepage . - @ BComic Sans MS - . 2
H 4.
. - @ BComic Sans MS - . $ 2
n Praxisveranstaltung . - @ BComic Sans MS - . ? 2
. % Client Side Scripting: Java Applets
. - ՜. +,D ՜. +, H
On-screen Show n-s N
Times New Roman Comic Sans MS Arial Courier New Blank Presentation BP Blue PPS-Design Eigener Homepage
berblick Architektur Einbettung des Applets in HTML Programmierung eines Applets Programmierung: SimpleApplet Lebenszyklus eines Applets Lebenszyklus eines Applets ! Zeichnen innerhalb eines Applets Beispiel Applets Behandlung von Ereignissen Parametrisierung von Applets Parameterbergabe an Applet Sicherheitsrisiken Einschrnkungen fr Applets Fhigkeiten eines Applets % Exceptions bei unerlaubten Zugriffen JavaScript Architektur Einbettung von Scripts ! Alltag Gebrauch von JavaScipt Referenzen Slide 23 Fonts Used Design Template
Slide Titles 8 @ _PID_HLINKS A D x > h t t p : / / j a v a . s u n . c o m / j 2 s e / 1 . 3 / d o c s / a p i / j a v a / a p p l e t / A p p l e t . h t m l > h t t p : / / j a v a . s u n . c o m / j 2 s e / 1 . 3 / d o c s / a p i / j a v a / a p p l e t / A p p l e t . h t m l g e t P a r a m e t e r ( j a v a . l a n g . S t r i n g ) B h t t p : / / w w w . t i k . e e . e t h z . c h / ~ k a t r i n i s / d e h / a p p l e t s / S i m p l e A p p l e t . h t m l B h t t p : / / w w w . t i k . e e . e t h z . c h / ~ k a t r i n i s / d e h / a p p l e t s / S i m p l e A p p l e t . h t m l ? h t t p : / / w w w . t i k . e e . e t h z . c h / ~ k a t r i n i s / d e h / a p p l e t s / L i f e C y c l e . h t m l > h t t p : / / w w w . t i k . e e . e t h z . c h / ~ k a t r i n i s / d e h / a p p l e t s / S c r i b b l e . h t m l C h t t p : / / w w w . t i k . e e . e t h z . c h / ~ k a t r i n i s / d e h / a p p l e t s / P a r a m e t e r D e m o . h t m l C h t t p : / / w w w . t i k . e e . e t h z . c h / ~ k a t r i n i s / d e h / a p p l e t s / P a r a m e t e r D e m o . j a v a @ h t t p : / / w w w . t i k . e e . e t h z . c h / ~ k a t r i n i s / d e h / a p p l e t s / p r o p e r t i e s . h t m l O h t t p : / / w w w . t i k . e e . e t h z . c h / ~ k a t r i n i s / d e h / a p p l e t s / S o u n d E x a m p l e / S o u n d E x a m p l e . h t m l O h t t p : / / w w w . t i k . e e . e t h z . c h / ~ k a t r i n i s / d e h / a p p l e t s / S o u n d E x a m p l e / S o u n d E x a m p l e . j a v a N h t t p : / / w w w . t i k . e e . e t h z . c h / ~ k a t r i n i s / d e h / a p p l e t s / S o u n d E x a m p l e / S i m p l e S o u n d . h t m l N h t t p : / / w w w . t i k . e e . e t h z . c h / ~ k a t r i n i s / d e h / a p p l e t s / S o u n d E x a m p l e / S i m p l e S o u n d . j a v a A h t t p : / / w w w . t i k . e e . e t h z . c h / ~ k a t r i n i s / d e h / a p p l e t s / S a n d b o x D e m o . h t m l h t t p : / / j a v a . s u n . c o m / a p p l e t s / 3 h t t p : / / j a v a . s u n . c o m / d o c s / b o o k s / t u t o r i a l / i n d e x . h t m l D h t t p : / / w w w . j a v a w o r l d . c o m / j a v a w o r l d / j w - 1 2 - 2 0 0 0 / j w - 1 2 1 5 - s e c u r i t y . h t m l & h t t p : / / w w w . w 3 . o r g / T R / W D - s c r i p t - 9 7 0 3 1 4 6 h t t p : / / d e v e l o p e r . n e t s c a p e . c o m / d o c s / m a n u a l s / i n d e x . h t m l D h t t p : / / w w w . t i k . e e . e t h z . c h / ~ k a t r i n i s / d e h / j a v a s c r i p t / j a v a s c r i p t 1 . h t m l - __> Konstantinos Katrinis K o n s t a n t i n o s K a t r i n i s
! " # $ % & ' ( ) * + , - . / 0 1 2 3 4 5 6 7 8 9 : ; < = > ? @ A B C D E F G H I J K L M N O P Q R S T U V W X Y Z [ \ ] ^ _ ` a b c d e f g h i j k l m n o p q r s t u v w x y z { | } ~ R o o t E n t r y dO ) P i c t u r e s C u r r e n t U s e r S u m m a r y I n f o r m a t i o n ( P o w e r P o i n t D o c u m e n t ( > D o c u m e n t S u m m a r y I n f o r m a t i o n 8