Shared Virtual Presentation Board for e-Communication on the WebELS Platform

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


• Implementation


• 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


• Implementation


• 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


• Implementation


• 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


Local VPB Data

Online Slide

Presentation

Viewer Applet


Local VPB Data

Online Slide

Presentation

Viewer Applet


Local VPB Data

Viewer Applet


VPB Data

Servlet Container File & Database Server

Java Servlets

WebELS Meeting System

Online Slide

Presentation

Viewer Applet


Source VPB Data

Client Client Client

Client (Presenter)

Online Slide

Presentation

Viewer Applet


Local VPB Data

Online Slide

Presentation

Viewer Applet


Local VPB Data

Online Slide

Presentation

Viewer Applet


Local VPB Data

Viewer Applet


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)


+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


(Static Data Structure)

Annotation Data

(Dynamic Data Structure)


+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_size : float



Annotation Data


+pen_size : float




Annotation Data (0)

Annotation Data (1)

Annotation Data (n)

:

:

:

:

:

Annotation Data (2)


Annotation Data (0)

Annotation Data (1)

Annotation Data (n)

:

:

:

:

:

Annotation Data (2)

CONTENTS

• Introduction

• WebELS Overview


• Implementation


• 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

Content Editor Interface

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


• Implementation


• 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)


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

http://webels.ex.nii.ac.jp/

http://webels.lab.nig.ac.jp/

http://e-learning.dikti.go.id/webels/



http://133.101.32.151/index.html

http://webels4.ex.nii.ac.jp/Meeting/index.jsp


•

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


• Implementation


• 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.

Thank you for your attention!!!