Upload
johnberena
View
153
Download
0
Tags:
Embed Size (px)
Citation preview
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.
CONTENTS
• Introduction
• WebELS Overview
• Shared Virtual Presentation Board
• Implementation
• Practical Evaluation
• Conclusion
CONTENTS
• Introduction
• WebELS Overview
• Shared Virtual Presentation Board
• Implementation
• Practical Evaluation
• Conclusion
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
CONTENTS
• Introduction
• WebELS Overview
• Shared Virtual Presentation Board
• Implementation
• Practical Evaluation
• Conclusion
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
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
WebELS System Diagram
Editor
Download
Contents
Uplaod
View
er
Dow
nload
Video Conference Control
Database Server
Content Server
Streaming Server
Learning Material
(presentation
slide,image, video)
Lecture,
Meeting, Self-
Learning
WebELS SystemContent A
Content B
Content C
Video Conference
Room A
Video Conference
Room B
Video Conference
Room C
WEBELS OVERVIEW
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
CONTENTS
• Introduction
• WebELS Overview
• Shared Virtual Presentation Board
• Implementation
• Practical Evaluation
• Conclusion
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.
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)
CONTENTS
• Introduction
• WebELS Overview
• Shared Virtual Presentation Board
• Implementation
• Practical Evaluation
• Conclusion
WebELS System Diagram
Editor
Download
Contents
Uplaod
View
er
Dow
nload
Video Conference Control
Database Server
Content Server
Streaming Server
Learning Material
(presentation
slide,image, video)
Lecture,
Meeting, Self-
Learning
WebELS SystemContent A
Content B
Content C
Video Conference
Room A
Video Conference
Room B
Video Conference
Room C
IMPLEMENTATION
IMPLEMENTATION
Presentation Viewer
Content Information
Panel
Presentation Display
Panel
Annotation ToolBar
Control Panel
Content Information
Panel
Presentation Display
Panel
Annotation ToolBar
Control Panel
IMPLEMENTATION
Cursor Synchronization
AttendeePresenter
Presenter Attendee
Zoom InFit Window
(a)
(b)
(c)
AttendeePresenter
Presenter Attendee
Zoom InFit Window
AttendeePresenter
Presenter Attendee
Zoom InFit Window
AttendeePresenter AttendeePresenter
Presenter AttendeePresenter Attendee
Zoom InFit Window Zoom InFit Window
(a)
(b)
(c)
CONTENTS
• Introduction
• WebELS Overview
• Shared Virtual Presentation Board
• Implementation
• Practical Evaluation
• Conclusion
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)
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
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
CONTENTS
• Introduction
• WebELS Overview
• Shared Virtual Presentation Board
• Implementation
• Practical Evaluation
• Conclusion
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.