Final Year Project Presentation

Supervisor :Marker :

Prof. Michael R. LyuProf. Cai Leizhen

LYU 9902 Digital School

Student : Wong Kwok Hung 97570894Wong Ho Yin Starsky 97544174

Overview

1) Introduction

2) System level of our project

3) Collaborative Environment (CE)

4) Role Play Collaborative Environment (RPCE)

5) Further Improvement

6) Conclusion

1) Introduction

- The aim of this project is to enhance the learning experiences among, learners in team projects and discussions and allow students who are physically apart to perform joint work.

- We have implemented the whole system, including the server and the client, for the user

- The server is the central control of the whole system. It controls every message to pass through the system and controls the usage of resource inside the system- For the client, participants can invoke one or more activities in it. These include chat room, voting, write board or media sharing.

1) Introduction

Direct XLibrary

Direct Show

LibraryWinsockLibrary

Server

Collaborative Environment

ComputerAided

Learning

Communication Tools:

Chatroom, Private message, Write board,Media room, Voting, Talk, Whisper, Page

ApplicationLevel

SystemLevel

2) System level of our project

There are four main parts inside the system level of our project:

- DirectX library

- DirectShow library

- WinSock library

- The Server

2) System level of our project

The Direct X Library

- DirectX is a Microsoft Windows® API such that it can provide display of images in 2D/3D and playback audio files on Windows.

- APIs provided by Direct X are so confused and complicated, we have constructed our Class of Graphical library to encapsulate the details of the function calls.

- We have defined our own class to functions manipulate the graphical data.

- Detail has been discussed in the 1st semester

2) System level of our project

The DirectShow Library

- DirectShow is a Microsoft Windows® API such that it can provide playback multimedia streams.

- At the heart of the DirectShow services is a modular system of pluggable components called “filters”, arranged in a configuration called a “filter graph”.

- Most filters can be categorized into one of the following three types:

1) Source filter, 2) Transform filter, 3) Rendering filter

2) System level of our project

The DirectShow Library

Example of the filter graph

DirectShow Architecture

2) System level of our project

The DirectShow Library

- What we had done on DirectShow library ?

We had tried to unify all those filters into one function called “PlayMMFile”

We can open MultiMedia files on different kind of source, such as from hard disk or from Internet, by one function.

We try to unify all different transform filters inside it.

That means we can open different kinds of MultiMedia file format, such as MP3 (audio), WAV (audio), DAT (video), MPG (video), AVI (video), … etc, by just one function

2) System level of our project

The WinSock Library

- WinSock is the network application-programming interface (API) for Microsoft Windows®

- Like the Direct X library, we have also encapsulated the details of the original interface

- Detail has been discussed in the lst semester.

- This library is mainly used to build the server, and, for communication between the server and the client

2) System level of our project

The Server

- In order to allow different users to communicate with each other over a network, a server is needed to handle messages (data) passing to and from each client

- It is also the central control of resource inside the network

- At the 1st semester, we have tried to write a very simple server that can provide broadcast function ONLY.

- However, such server is inadequate

•No security•No fault tolerance•Cannot send point-to point messages

2) System level of our project

The Server

- We have made a Improved Server

Broadcast message

Encryption of each message passing to and from

Check each registered client is still alive or not

Point-to-point message

Feathers

Architecture

Network protocol - UDP

Our own protocol for Server-Client communication.

2) System level of our project

The Server- Our own protocol for Server-Client communication

Broadcast messages

Point-to-point message

System messages

‘0’ Data \0

1 Byte 1 ByteAt most 64kb

3) Collaborative Environment(CE)

In the first semester, we have built the libraries and tools for developing multimedia network application. And have built an application called FWLEfor teaching English.

3) Collaborative Environment(CE)

At the beginning, we want to integrate all the components under FWLE.

FWLE

Chatroom Writeboard Video ……. Others

…..

This approach is not general enough. Because FWLE is just specified in teaching English.

We have modified the structure.

FWLE

Collaborative Environment (CE)

3) Collaborative Environment(CE)

Aim for Collaborative Environment:

2.Allow students who are physically apart to perform joint work.

3.Enhance the learning experiences among learners in team projects.

1.Provide an integrated interface for all the stuff.

Feature:

1. All the users can invoke one or more activities( chatroom, voting, writeboard, media room). 2. The instance of each activity runs locally at each users’ site.

3. The response of each user is distributed to all the users.

3) Collaborative Environment(CE)

Collaborative Environment (CE)

Basic communcation tools provide a interface for teacher and studentsto communicate and interact.

Basic communication tools

1. Chat Room2. Private Message3. Write Board4. Voting5. Media Room

Computer Aided Learning

Self Learning Application:1. FWLE

Group Learning Application:1. Games

Computer Aided Learning is for students to “self learn” or “group learn”.

3) Collaborative Environment(CE)

Interface of Collaborative Environment:

Working Space System message

ClassmateList

RoomList

3) Collaborative Environment(CE)Roomlist:

Advantages:

1. related activities can be grouped together

2. Room creator can set a limit for the number of user in a room.

3. Room creator can monitor the activities in his room.

Ann’s Side

3) Collaborative Environment(CE)

Communication Tools: (1) Private MessageJohn’s Side

3) Collaborative Environment(CE)

Communication Tools: (2) Chatroom

3) Collaborative Environment(CE)

Communication Tools: (3) Write board

3) Collaborative Environment(CE)

Communication Tools: (4) Media room

3) Collaborative Environment(CE)

Communication Tools: (5) Voting

3) Collaborative Environment(CE)

Start the FWLE by choosing the menu: (self learning)

3) Collaborative Environment(CE)

Play Games with other: (group learning)

4) Role Play Collaborative Environment(RPCE)

The Collaboration Environment (CE) we mentioned in the previous chapter is a traditional menu driven application. But menu driven style interface may not be suitable to all kind of students.

Young student or old teacher may feel so confused in dealing with so many buttons, windows and dialogs.

It is estimated that at least 30% of the student population face problems in adapting to network-based education. They require in-class interaction and discipline.

2.) Simplify the interface of CE

Aim of RPCE:

1.) Try to simulate the learning environment of the real world.

4) Role Play Collaborative Environment(RPCE)

Role Play Collaborative Environment (RPCE)

Basic communication tools Computer Aided Learning Application

1. Talking2. Whispering

Self Learning Application:1. FWLE

Group Learning Application:1. Games

3. Paging

Nearing same as CE’s structure.The only difference is the basic communication tools.

4) Role Play Collaborative Environment(RPCE)

Interface:

4) Role Play Collaborative Environment(RPCE)

ClientServer

MapPictureEngine

MapEvent

Admin.

Map matrix, Compressed Map Pictures,Map indexing table

Movement, Respond

State of other clients

The pictures are compressed using LZW algorithm.

4) Role Play Collaborative Environment(RPCE)

Walking:

4) Role Play Collaborative Environment(RPCE)

Talking:

4) Role Play Collaborative Environment(RPCE)

Paging:

Peter’s sideSam’s side

4) Role Play Collaborative Environment(RPCE)

Start the game:

4) Role Play Collaborative Environment(RPCE)

Start the CAL:

4) Role Play Collaborative Environment(RPCE)

RPCE is a new idea, it still has many weakpoints:

- Difficult to integrated some more complicated functions like voting, write board, media room into it naturally.

- most of the functions require the target within the same screen.

Conclusion:

RPCE is very user friendly and easy to use.

Possible Improvement:

Show the whole world into a small map for easier navigation.

Allow student to create their own area on the map.

5) Further Improvement

5) Further Improvement

Lunch box booking menu

Name: Class:

Post form

Choice: Quantity:

Std. ID: Pwd:

5) Further Improvement

Integrate the programs of last semester into CE/RPCE.

We have successfully integrated the reversi into our system.

6) Conclusion

- We have designed and built a network-base education system.

- We have developed our system in both

System level:libraries for network programminglibraries for handling the multi media stuffa server

Application level:Computer Aided Learning system FWLE for learning EnglishCollaborative Environment (CE) Role-Play Collaborative Environment (RPCE)

6) Conclusion

- Due to time limitation, some of our idea cannot be implemented

- For example, we implement only one Computer Aided Learning(CAL) system for self-learning. Actually, many different kinds of CAL are exists. Some are even for a group of people.

- We hope this project demonstrate a kind of learning environment which is different from traditional one

- Finally, hope that this learning environment can be more suitable for future world, which becomes more digitized and computerized

~ The End ~