Shared Virtual Presentation Board for e-Communication on the WebELS Platform
1. Shared Virtual Presentation Board
for e-Communication on the
WebELS Platform
Arjulie John BERENA, National Institute of Informatics, Japan
Zheng HE, National Institute of Informatics, Japan
Pao SRIPRASERTSUK, National Institute of Informatics, Japan
Sila CHUNWIJITRA, The Graduate University for Advanced Studies, Japan
Eiji OKANO, Kyousei Systems, Inc., Japan
Haruki UENO, National Institute of Informatics, Japan
The 18th International Conference on Computers in Education, ICCE 2010
November 29, 2010 (Monday) to December 3, 2010 (Friday)
Putrajaya, Malaysia.
4. Background of the Study
• Lifelong education is definitely required for sustainable
technological growth and development.
• E-learning provides solution for engineers and scientist who have
time and location limitations to acquire advanced learning.
• The recent growth of Internet technologies have made
e-learning become an important method for distance realtime
lecture or meeting to support higher education.
• Screen-sharing technique is a popular technology online
presentation, but it requires high-speed network and has a lot of
drawbacks.
• Therefore, there is a need for an online presentation system that
can work well even in low-speed network but can still emulate a
classroom environment.
INTRODUCTION
6. What is WebELS?
• WebELS stands for Web-based E-Learning System.
• WebELS is a general purpose e-Learning platform for
supporting higher education in science and engineering
especially for PhD education.
• WebELS consists of two major modules, i.e., WebELS
Learning for self-learning, WebELS Meeting for Internet-based
online lecture or meeting.
WEBELS OVERVIEW
7. Design Concept
• Slide-based presentation for lecture and meeting
• System does not require high bandwidth network
• Powerful content authoring features
• Content can be shared among lecturers
• No complicated firewall and proxy setup
• Easy to use and understand system interface
WEBELS OVERVIEW
9. WebELS as an E-Communication System
Web-based
Application
WEB APPLICATION SERVER
FLASH STREAMING SERVER
DATABASE
WebELS Meeting Server
Presenter Attendee
Online Presentation
Online Annotation
Video Conference
Chat Messaging
HTTPHTTP
RTMP/RTMPTRTMP/RTMPT
Presentation Viewer Presentation Viewer
Wide Video +
Chat Messaging
Small Video +
Chat Messaging
Web Browser - WebELS Top Page Web Browser – WebELS Top Page
Web-based
Application
WEB APPLICATION SERVER
FLASH STREAMING SERVER
DATABASE
WebELS Meeting Server
Presenter Attendee
Online Presentation
Online Annotation
Video Conference
Chat Messaging
HTTPHTTP
RTMP/RTMPTRTMP/RTMPT
Presentation Viewer Presentation Viewer
Wide Video +
Chat Messaging
Small Video +
Chat Messaging
Web Browser - WebELS Top Page Web Browser – WebELS Top Page
WEBELS OVERVIEW
Online Presentation
Online Annotation
Video Conferencing
Chat Messaging
11. Virtual Presentation Board (VPB) Concept
on WebELS Meeting System
SHARED VIRTUAL PRESENTATION BOARD
WebELS Meeting System
Online Slide
Presentation
Viewer Applet
Presentation Content
Source VPB Data
Client Client Client
Client (Presenter)
Online Slide
Presentation
Viewer Applet
Presentation Content
Local VPB Data
Online Slide
Presentation
Viewer Applet
Presentation Content
Local VPB Data
Online Slide
Presentation
Viewer Applet
Presentation Content
Local VPB Data
Viewer Applet
Presentation Content
VPB Data
Servlet Container File & Database Server
Java Servlets
WebELS Meeting System
Online Slide
Presentation
Viewer Applet
Presentation Content
Source VPB Data
Client Client Client
Client (Presenter)
Online Slide
Presentation
Viewer Applet
Presentation Content
Local VPB Data
Online Slide
Presentation
Viewer Applet
Presentation Content
Local VPB Data
Online Slide
Presentation
Viewer Applet
Presentation Content
Local VPB Data
Viewer Applet
Presentation Content
VPB Data
Servlet Container File & Database Server
Java Servlets
Presenter sends the VPB
data to the server every
slide event.
Listener polls the VPB
data from the server
every one second.
12. VPB Data Structure and Data Stream
SHARED VIRTUAL PRESENTATION BOARD
VPB DATA STRUCTURE
Slide Presentation Data
(Static Data Structure)
Annotation Data
(Dynamic Data Structure)
Slide Presentation Data
+presentation_mode: int
+slide_number : int
+cursor_xy : int(2)
+current_zoom : double(2)
+new_screen_zoom: int(2)
+scrollbar_xy : int(2)
+video_mode : int
+video_time : int
Annotation Data
+pen_color (R,G,B) : int(3)
+pen_size : float
+start_mouseDragged_xy : int(2)
+end_mouseDragged_xy : int(2)
VPB DATA STRUCTURE
Slide Presentation Data
(Static Data Structure)
Annotation Data
(Dynamic Data Structure)
Slide Presentation Data
+presentation_mode: int
+slide_number : int
+cursor_xy : int(2)
+current_zoom : double(2)
+new_screen_zoom: int(2)
+scrollbar_xy : int(2)
+video_mode : int
+video_time : int
Annotation Data
+pen_color (R,G,B) : int(3)
+pen_size : float
+start_mouseDragged_xy : int(2)
+end_mouseDragged_xy : int(2)
Annotation Data
+pen_color (R,G,B) : int(3)
+pen_size : float
+start_mouseDragged_xy : int(2)
+end_mouseDragged_xy : int(2)
Slide Presentation Data
Annotation Data (0)
Annotation Data (1)
Annotation Data (n)
:
:
:
:
:
Annotation Data (2)
Slide Presentation Data
Annotation Data (0)
Annotation Data (1)
Annotation Data (n)
:
:
:
:
:
Annotation Data (2)
19. WebELS Server
at NII
(Tokyo,Japan)
NII Annex
(Chiba, Japan)
Tsinghua University
(China)
PRACTICAL EVALUATION
Distance Exchange Lecture Between NII (Japan)
and Tsinghua University (China)
20. PRACTICAL EVALUATION
WebELS Servers•
National Institute of Informatics, Japan
Website: http://webels.ex.nii.ac.jp/
2. National Institute of Genetics, Japan
Website: http://webels.lab.nig.ac.jp/
3. UNESCO, Jakarta, Indonesia
Website: http://e-learning.dikti.go.id/webels/
4. Kyoto Power University
Website: http://133.101.32.151/index.html
5. WebELS Business Meeting Server
WebELS: http://webels4.ex.nii.ac.jp/Meeting/index.jsp
WebELS Servers
21. PRACTICAL EVALUATION
•
UNESCO, Indonesia
Tsinghua Univ., China
Chulalongkorn Univ., Thailand
STMIK-LIMKI, Indonesia
Comet Inc, Japan
Ohmsha Inc., Japan
Kyosei Systems Inc, Japan
e-Communication Consortium, Japan
To be used for JST-JICA Collaboration Project on Sahara
Solar Breeder between Japan and Algeria.
Collaborators
23. CONCLUSION
•
WebELS features Online Presentation, Online
Annotation, Video Conferencing and Chat Messaging
which combines to serve as an e-Communication
System to support higher education especially PhD.
Shared Virtual Presentation Board (VPB) allows the
attendees to synchronize slide events (slide number,
cursor position, zoom scale, video playback,
annotation) with the presenter even in a low-speed
network.
WebELS have been useful in conducting exchange
distance lecture or meeting between organizations and
universities.