8/14/2019 DigaDiga Architecture 2003

1/22

DIGADIGAVirtual Class

8/14/2019 DigaDiga Architecture 2003

2/22

DETAILED ARCHITECTURE

8/14/2019 DigaDiga Architecture 2003

3/22

COMPONENTS

Shared Whiteboard

Video/Audio sharing

Attendees List

File Sharing

8/14/2019 DigaDiga Architecture 2003

4/22

SHARED WHITEBOARD

Whiteboard features

Square drawing Filled Square Line Dashed Line Circle Eraser

Free hand Writing Line Thickness Line Color Clear the whole board

8/14/2019 DigaDiga Architecture 2003

5/22

WHITEBOARD

8/14/2019 DigaDiga Architecture 2003

6/22

USED FLASH COMPONENTS

Two MovieClips (temp_mc & draw_mc)

Shared Objects

8/14/2019 DigaDiga Architecture 2003

7/22

8/14/2019 DigaDiga Architecture 2003

8/22

MOVIECLIP COMPONENT

For shared board two movieClip Componentsare used.

Temp_mc and Draw_mc

MovieClip:movieClip are just plains to draw

something on it. We can add motion to thosedrawings on movieClip.

Sprite (AS3)Sprite is a new component in AS3, that is

also just plain but motion cannot be added tothe drawings on it.

8/14/2019 DigaDiga Architecture 2003

9/22

STRATEGY OF TWO MOVIECLIPS

Temp_mc

When presenter wants to draw something on the board,he draws it on temp_mc on his side only.

temp_mc temp_mc draw_mc

Clearstemp_mc

Sends pointsto Server

Sends points

to Client

8/14/2019 DigaDiga Architecture 2003

10/22

TRANSFERRING SQUARE

Flag = 1 color=blue x1 = 10 x2 = 10 y1 = 20 y2 = 20

Presenter (Client) Attendee (Client)

Server (Red5)

Shared Object

Array

8/14/2019 DigaDiga Architecture 2003

11/22

TRANSFERRING LINE AFTER SQUARE

Flag = 1 color=blue x1 = 10 x2 = 20 y1 = 10 y2 = 20

Presenter (Client) Attendee (Client)

Server (Red5)

Shared Object

ArrayFlag = 2 color=green x1 = 1 x2 = 20 y1 = 1 y2 = 10

8/14/2019 DigaDiga Architecture 2003

12/22

GETTING POINTS FOR DRAWING

Tools:

Tool button click select the flag value.

On Mouse Button Down:

Picks the initial points (x1,y1). On Mouse Move:

Continues to draw on temp_mc.

On Mouse Button Up:

Picks the ending points (x2,y2).

8/14/2019 DigaDiga Architecture 2003

13/22

WHY ARRAY . ???

Flag = 1 color=blue x1 = 10 x2 = 20 y1 = 10 y2 = 20

Presenter (Client) Attendee (Client)

Server (Red5)

Shared Object

ArrayFlag = 2 color=green x1 = 1 x2 = 20 y1 = 1 y2 = 10

8/14/2019 DigaDiga Architecture 2003

14/22

SAME STRATEGY FOR THESE TOOLS

Filled square

Line

Dashed line

8/14/2019 DigaDiga Architecture 2003

15/22

LETS ANALYZE CIRCLE

8/14/2019 DigaDiga Architecture 2003

16/22

PENCIL AND RUBBER

8/14/2019 DigaDiga Architecture 2003

17/22

8/14/2019 DigaDiga Architecture 2003

18/22

RUBBER

Rubber is just a filled white square, whichcomes over the previous drawing.

Because of white background, it lookserasing the material on the board.

8/14/2019 DigaDiga Architecture 2003

19/22

WORKING OF PENCIL AND ERASER

Almost same as the rest of tools.

Getting Points:

On Mouse Button Down:

Picks the initial points (x1,y1).

On Mouse Move:

Send initial and current point to theserver.

On Mouse Button Up:

Ends drawing.

8/14/2019 DigaDiga Architecture 2003

20/22

PARALLEL SESSIONS

8/14/2019 DigaDiga Architecture 2003

21/22

8/14/2019 DigaDiga Architecture 2003

22/22

PARALLEL SESSIONS

Students Present:

Gets everything from database, soconflict does not occur.

Audio / Video SharingSame strategy as for shared objects.