Development of Collaboration Environments for Web-Based Learning

(1)

!"""#

!"

#$ "

%

$&#

'

!

" #$

% &

" '

( )

*&

+ ) ,"-

. & "

/

0 1 "

'

2 1 "

#$

3 1

" #'

!"# $ %#" & '

(' ) * ' )

' ) )")" )+,-. /

/" 01 '

01

4

" #/

5

" #6

7 89 8%9

-$ *8(9 8+9 / 8.9 7-*809

829: : $ **839;*849-*859

< : *89=

":

234

* 5

!

"!

6>

> #

1 ?

- , ?

#

)

>

#

- #

#

-!%6 77

?

$

(2)

**

** !

",

$ ** **,

1 @ ,"1@

A-1 **

Bookmarklets to show and hide the layer.

* )" 3##' )

- ,%

* )"0 2&)+ )

-B - **

",( BC

",+

'*

1

? ", .

2")8)"'% 6'%9'

) ':'")&)

* ::.;"

* )"< &)& "'

* )"= 2' ' && ' &)

? "?

6

*-

'*

?

&

A-DE7>&F?8%9

*

?

,

2")>9? 2@:964" "

964" /%' @' /% '

(3)

* )", 2 &)

* )"A 2

? , 2

* *

-!%6 *B2

?

; 3

C7>,3

3*F

/1@

@

G ?

G &

=

*

* )"1 2 '& ) )

* )"C 3 ''"

# -!%63$27

; 4

1

% 1 ** "-

(

/ 1@

?

*

(4)

. 1

0 @ !

/

2 B C

script embeded layer

web server

annotation server

user

1. Request a page by URI

3. Request existing annotations

5. Alter an annotation

6. Store the annotation asynchronously

2. Show a layer

7. Hide the layer

4. Check updates of stored data

* )"D %;"' )

# 6(46 2 24%

" ' ' **

C7>$

"% - '

&CB

- BCB

C

$ ** * $ ** ;

: $ ** 1@

) **

A-

$ **

/1@

' ?&#'" '

&"' )

***

5?

=

=?G* G

&

",+

$ **

&

,

&

/ =

A- *E7>C@

A-):

BA-):B8(9A-):B

=

/ A- )F

: A-):8+9A-):

A-

?

?HF HH"

IJ" A-):

*

* "A-): $

?

* "

# &((42 %>2 B

?

>

= >

*

/

*

, ",5

=

*

" ) &"''' ) '"

* : " ' ' '# # )

'" &'# "$&

&) '" )' ' 'E '& '

" 'E ' "

(5)

>

= ",

5 * *

, ,

1= *

&

% &

1

"?

(

!

?

? '

*

* *

",5

* )" (# '" '

!!

@--

", @--

>"

" 1!

$ @-- !

*!

"% &

=

*

@--

* )" )%%

=

**- *

** 1@

" # #

B *

5

*

# /%%%

'

(6)

¯ 7* "

'

¯ C " #/

#6

¯ B ? " '

%5

)!@ %55.8.9

F

1

# ' 4% %

%5

B

¯ &

¯ $

¯ ' *

¯ <

¯ /

&

¯ ? *

¯ -

*

¯ * !

B

@* %

!""#

! $% && &!""'

( ) *+% &&, -&. &+

&!""'

# $ / && +&

!""'

0 1 1 && +&!""'

' 2 1 3 4* +

&&4 + +&!""'

5 6 7 78 + 888*9

&&&!""'

: ; + ; + + ; + +

&& +-&!""5

< =++=+> &&?++&!""'

" + ,,* + && + +&!""5

) +) &&+

&&!""'

! 22)-@+ +

&& ,+& + &4&+ ,

&"""(:0

( 32*8;92*8;A &&4+

&+ ,&!""0&!&"0&B-B-&

# 17+3C+#'!5$ +B

&- 4-,+ -+ D2*8;E

&& &+&+#'!5@

0 $8F3 4 !"9 B

@ !""0

&& 4+&&&'!!:&

()*+ , A1*%* + +

G , 4$42 !""#!""<<:

+ ,4

/ +4 4 )

G , 4 2 / + + +

+@4

+ ,*+ , A1

G , 4$42 <5<

/ +4 4 ) G , 4