Welcome This is a document to explains the chosen concept to the animator. This will take you through a 5 section process to provide the necessary details to the animator before starting the animation. The legend on the left will indicate the current status of the document. The big Black coloured number will denote the current section, the Grey color would denote the completed sections, and the Turquoise color would denote the remaining sections. The slides having yellow background (like this one) are the 'Instruction slides'

Connection in TCP Brief description of the animation (1 or 2 sentences) ‏ Basics of Networking Rejo Mathew, Vijay Katkar, Inderkumar Kochar,Siddharth Patankar

Learning objectives After interacting with this Learning Object, the learner will be able to: Identify reliable connection oriented protocol List types of communication protocols Describe TCP connection establishment and termination process

Master layout or diagram Make a schematic diagram of the concept Explain the animator about the beginning and ending of the process. Draw image big enough for explaining. In the image, identify and label different components of the process/phenomenon. (These are like characters in a film) ‏ Illustrate the basic flow of action by using arrows. Use BOLD lines in the diagram (minimum 2pts.) ‏ In the slide after that, provide the definitions of ALL the labels used in the diagram You may have multiple master layouts. In this case, number the master layout. (e.g. Master layout 1, 2, 3…) ‏

Master Layout SYN J SYN K, ACK J+1 ACK K+1 TCP Connection Establishment Process clientserver socket connect accept connect returns accept returns SYN: TCP packet in which syn flag is set ACK: TCP packet in which ack flag is set J,K : Sequence number of Packet

Master Layout FIN M ACK M+1 ACK N+1 clientserver Close close FIN N close Closed TCP Connection Termination Process FIN: TCP packet in which fin flag is set ACK: TCP packet in which ack flag is set N,M : Sequence number of Packet

Definitions and Keywords 1 Client: A device or computer or laptop which sends connection establishment/close connection request to another device or computer or laptop 2 Server: A device or computer or laptop which accepts request 3 FIN: Finish (Close) the connection 4 SYN: Request for Synchronous Connection 5 ACK: Acknowledgement for the request

Explain the process In this step, use an example to explain the concept. It can be an analogy, a scenario, or an action which explains this concept/process/topic Try to use examples from day-to-day life to make it more clear You have to describe what steps the animator should take to make your concept come alive as a series of moving images. Keep the examples simple to understand, and also to illustrate/animate

Analogy / Scenario / Action

Stepwise description of process The goal of the document is to provide instructions to an animator who is not a expert. You have to describe what steps the animator should take to make your concept come alive as a moving visualization. Use one slide per step. This will ensure clarity of the explanation. Add a image of the step in the box, and the details in the table below the box. You can use any images for reference, but mention about it's copyright status The animator will have to re-draw / re-create the drawings Add more slides as per the requirement of the animation

Step 1: Audio Narration (if any) ‏ Text to be displayed (if any) ‏ (DT) Description of the action/ interactivity Normal Scenario for Connection establishment SYN J clientserver socket connect Client sends connection request to server using SYN packet Client sends connection request to server using SYN packet The red line with an arrow head is shown moving: starting from client to the server. It stops animating after it touches the serverline.

Step 2: Audio Narration (if any) ‏ Text to be displayed (if any) ‏ (DT) Description of the action/ interactivity Normal Scenario for Connection establishment SYN J SYN K, ACK J+1 clientserver socket connect accept connect returns Server sends acknowledgem ent for the SYN packet The black line with an arrow head is shown moving: starting from server to the client. It stops animating after it touches the client line. Server sends acknowledgem ent for the SYN packet

Step 3: Audio Narration (if any) ‏ Text to be displayed (if any) ‏ (DT) Description of the action/ interactivity Normal Scenario for Connection establishment SYN J SYN K, ACK J+1 ACK K+1 clientserver socket connect accept connect returns accept returns Client sends acknowledgem ent back to the Server The red line with an arrow head is shown moving: starting from client to the server. It stops animating after it touches the server line.

Step 4: Audio Narration (if any) ‏ Text to be displayed (if any) ‏ (DT) Description of the action/ interactivity Normal Scenario for Connection establishment FIN M clientserver Close close Client sends close request to the Server using FIN packet The red line with an arrow head is shown moving: starting from client to the server. It stops animating after it touches the server line.

Step 5: Audio Narration (if any) ‏ Text to be displayed (if any) ‏ (DT) Description of the action/ interactivity Normal Scenario for Connection Termination FIN M ACK M+1 clientserver Close close Server sends acknowledgem ent to the client back The black line with an arrow head is shown moving: starting from server to the client. It stops animating after it touches the client line. Server sends acknowledgem ent to the client back

Step 6: Audio Narration (if any) ‏ Text to be displayed (if any) ‏ (DT) Description of the action/ interactivity Normal Scenario for Connection termination FIN M ACK M+1 clientserver Closed Close FIN N Close Server sends close to the client using FIN packet The black line with an arrow head is shown moving: starting from server to the client. It stops animating after it touches the client line.

Step 7: Audio Narration (if any) ‏ Text to be displayed (if any) ‏ (DT) Description of the action/ interactivity Normal Scenario for Connection Termination FIN M ACK M+1 ACK N+1 clientserver Closed Close FIN N Close Closed Client sends acknowledgem ent to the Server The red line with an arrow head is shown moving: starting from client to the server. It stops animating after it touches the server line. Client sends acknowledgem ent to the Server

Step 8: Audio Narration (if any) ‏ Text to be displayed (if any) ‏ (DT) Description of the action/ interactivity Abnormal Scenario :Loss of ACK packet SYN J clientserver socket connect accept connect returns Server sends acknowledgement for the SYN packet but it gets lost. So after waiting period client resends the SYN packet The red line with an arrow head is shown moving: starting from server to the receiver. It stops animating after it touches the client line. Server sends acknowledgement for the SYN packet but it gets lost. So after waiting period client resends the SYN packet SYN J Waiting period ACK J+1

Animation design Please see the design template provided in the next slide. This is a sample template, and you are free to change as per your design requirements. Try and rename the tabs / buttons / sections / subsections as shown in the template. Use ‘callouts’ as shown above to explain the source of content. Ex: If the call out is placed at the Tab 01, and you want the content to be taken from slide 3 of this presentation, then place this callout on the Tab 01, and write ‘Slide 3’ inside the callout. Slide

Animation area Instructions/ Working area Credits Name of the section/stage Interactivity area Tab 02Tab 03Tab 04Tab 05Tab 06Tab 07 Button 01 Button 02 Button 03 Introduction Slide 3

Interactivity and Boundary limits In this section, you will add the ‘Interactivity’ options to the animation. Use the template in the next slide to give the details. Insert the image of the step/s (explained earlier in the Section 3) in the box, and provide the details in the table below. The details of Interactivity could be:  Types: Drop down, Slider bar, Data inputs etc.  Options: Select one, Multiple selections etc  Boundary Limits: Values of the parameters, which won’t show results after a particular point  Results: Explain the effect of the interaction in this column Add more slides if necessary

Instructions for the animator Instruction to the learner Results and Output Boundary limits Interactivity type Interactivity option 1: Step No: 1 Image/graphic for explaining the interactivity options

Self- Assessment Questionnaire for Learners Please provide a set of questions that a user can answer based on the LO. They can be of the following types: These questions should be 5 in number and can be of objective type (like MCQ, Match the columns, Yes or No, Sequencing, Odd One Out). The questions can also be open-ended. The user would be asked to think about the question. The author is requested to provide hints if possible, but a full answer is not necessary. One can include questions, for which the user will need to interact with the LO (with certain parameters) in order to answer it. It is better to avoid questions based purely on recall. APPENDIX 1

Questionnaire: Use appropriate formatting for the questions APPENDIX 1

Links for further reading In the next slide, provide some reference reading material for the users. It could be books, reference publications, or website URLs. APPENDIX 2

Links for further reading Reference websites: Books: Research papers: APPENDIX 2

Summary Please provide points to remember to understand the concept/ key terms of the animation, in the next slide. The summary will help the user in the quick review of the concept. APPENDIX 3

Summary APPENDIX 3