Course Description cum Session Plan

 

Introduction to Animation - DES2403

SEM – IV / 2ND YEAR

 

●        Course Instructor

Name: Ketan M Deore

Office Number:

Phone: 9712695416

Email: ketan.deore@dypiu.ac.in

Office hours: 9:00 am to 5 pm.

Location: DYPIU Akurdi.

 

●        Teaching Assistant

Name: Shruti Bir

Contact: NA

Office Hours: 9:00 am to 5 pm.

Location: DYPIU Akurdi.

 

  • Level (who can take this course?): 12th pass / Elementary and Intermediate course certificate
  • Credit: 1-1-4-4
  • Evaluation: Internal and external assignments (80 + 20 )
  • Breakup of evaluation: % wise (80% internal and 20% external / jury)
  • Maximum Number of Students: 44

 

 

Course Objectives:

●        Understand the history and evolution of animation as a form of communication.

●        Acquire fundamental skills to navigate the life cycle of video film making.

●        Develop concepts, stories, and synopses for animated projects.

●        Pre-visualize camera angles and shot division for storytelling purposes.

●        Write screenplays and scripts tailored for animation.

●        Explore various animation mediums to execute final stories effectively.

●        Create concept art and character designs for animated projects.

●        Collaborate effectively in group projects, particularly in story boarding and production phases.

●        Apply appropriate techniques for animation production, including shooting, animation, and editing.

●        Present their animated works for grading and constructive feedback.

 

 

Prerequisites:

  • Basic understanding of visual communication principles.
  • Familiarity with design software/tools would be beneficial but not mandatory.

 

 

 

 

 

 

 

 

 

Course Syllabus:

 

Modules

Lect.

Module 1: Introduction of Students and Faculty (3 hrs)

●        Ice-breaking activities

●        Introduction to the course objectives and expectations

●        Overview of faculty expertise and resources available

3

Module 2:  Introduction to Animation and Screening of Animation Films (3 hrs)

●        History and evolution of animation

●        Introduction to key animation techniques

●        Screening and analysis of classic and contemporary animated films

3

Module 3: Study of Principles and Process of Animation (6 hrs)

●        Principles of animation (e.g., squash and stretch, timing, anticipation)

●        Understanding the animation pipeline

●        Hands-on exercises to apply animation principles

3

Module 4: Introduction to Adobe Animate (6 hrs)

●        Animate UI, Tween Animation –

●        To learn and understand the UI of Adobe Animate application

3

Module 5: Symbol Animation (6 hrs)

●        Symbol Animation – Learn and understand the fundamentals of symbol animation technique in Adobe Animate using the ball bounce examples

●        Introduction to tween animation and its types

3

Module 6: Advance level of symbol animation (6 hrs)

●        Advanced symbol animation & Path Animation – Learn and understand the fundamentals of symbol animation technique in Adobe Animate along with path animation

3

Module 7:  Motion tween animation and graph editor (6 hrs)

●        Motion Tween Animation and Graph Editor –

●         To learn the technique of motion tween which is the core of Adobe Animate application and to implement the same in terms of attractive animations.

6

Module 8:  Masking (6 hrs)

●        Masking - using masking to create 3D Planet in Animate, Cell Animation –

●         To learn the masking technique in Adobe Animate to make the animate creative and attractive

6

Module 9: Panning and Zooming (12 hrs)

●        Pan Shot and Zoom shot animation –

●        To learn and understand the camera panning technique in Adobe Animate

06

Module 10:  Introduction to walkcycle (18 hrs)

●        Stick Figure Walk cycle, Symbol Walk cycle – To learn the technique of stick figure animation in Adobe Animate and to implement it in the form of stick figure character animation

●        Complete walkcycle using symbol system – To learn and understand the process of animating the stick figure character in Adobe Animate

12

Module 11: Project (6 hrs)

●        Project Discussion and Assigned to the students – To understand the importance of the project and implement the same as the given instruction, To follow the deadline and submit the project in the given timeframe.

●        Project status review 1 – To check the status of ongoing students project and solve their issues

6

Module 12: Presentation of Project/Informative Video (6 hrs)

●        Project status review 2 – To check the status of ongoing students project and solve their issues

●        Project doubts solving session – TO check and solve individual doubts regarding the project.

6

Total Hours

60

 

 

Lesson/Session Plan:

 

Sr. No

Content (Daily Plan)

Date (Proposed)

Date (Actual)

1

Animate UI, Tween Animation – To learn and understand the UI of Adobe Animate application

 

29/01/25

 

2

Symbol Animation – Learn and understand the fundamentals of symbol animation technique in Adobe Animate using the ball bounce examples

 

30/01/25

 

3

Advanced symbol animation & Path Animation – Learn and understand the fundamentals of symbol animation technique in Adobe Animate along with path animation

 

31/01/25

 

4

Masking - using masking to create 3D Planet in Animate, Cell Animation – To learn the masking technique in Adobe Animate to make the animate creative and attractive

05/02/25

 

5

Motion Tween Animation and Graph Editor – To learn the technique of motion tween which is the core of Adobe Animate application and to implement the same in terms of attractive animations.

 

06/02/25

 

6

Pan Shot and Zoom shot animation – To learn and understand the camera panning technique in Adobe Animate

 

13/02/25

 

7

Filters, Loop Animation using stick figure animation – To learn the filter for effects and the process of loop animation in Adobe Animate

 

14/02/25

 

8

Stick Figure Walk cycle, Symbol Walk cycle – To learn the technique of stick figure animation in Adobe Animate and to implement it in the form of stick figure character animation

 

21/02/25

 

9

Complete walkcycle using symbol system – To learn and understand the process of animating the stick figure character in Adobe Animate

 

24/02/25

 

10

Project Discussion and Assigned to the students – To understand the importance of project and implement the same as the given instruction, To follow the deadline and submit the project in the give timeframe.

 

25/02/25

 

11

Project work

 

27/02/25

 

12

Project work

 

28/02/25

 

13

Project work

 

06/03/25

 

14

Project status review 1 – To check the status of ongoing students project and solve their issues

07/03/25

 

15

Project work

10/03/25

 

16

Project work

11/03/25

 

17

Project status review 2 – To check the status of ongoing students project and solve their issues

12/03/25

 

18

Project work

13/03/25

 

19

Project work

17/03/25

 

20

Project work

18/03/25

 

21

Project work

19/03/25

 

22

Project doubts solving session – To check and solve individual doubts regarding the project.

20/03/25

 

23

Project doubts solving session – To check and solve individual doubts regarding the project.

21/03/25

 

24

Project submission (Informative Animation)

24/03/25

 

 

 

 

 

●        Course Outcome:

CO1

Demonstrate a comprehensive understanding of animation principles and techniques.

CO2

Exhibit proficiency in developing concepts, stories, and storyboards for animation projects.

CO3

Showcase skills in character design, concept art, and background creation.

CO4

Apply appropriate techniques for animation production, including pre-production, production and post production.

 

 

Text book: "The Animator's Survival Kit" by Richard Williams.

"Animation 1: Learn How to Animate Cartoons Step by Step" by Preston Blair

Reference book: "The Illusion of Life: Disney Animation" by Frank Thomas and Ollie Johnston

"Animation 1: Learn How to Animate Cartoons Step by Step" by Preston Blair

 

 

●        Study Materials:

●        PDF/NOTES/WEB REFERENCES.

·  The Illusion of Life by Disney: 12 Principles of Animation

·  Adobe Animate Tutorials: Adobe Help Center

 

___________________________________________________________________________________

 

 

 

 

 

Approved / Not approved

 

 

 

(Dr. Madhavi Deshpande)

Dean Academics - DYPIU

Director

School of Commerce and Management,

D.Y. Patil International University, Akurdi, Pune

 


Course Description cum Session Plan 

DP 2- Front-End Development - DES2305

SEM – III / 2nd YEAR

 

 

Course Instructor:

Ms. Shruti Bir
Office Number: 530
Phone: 7028015701
Email: shruti.bir@dypiu.ac.in
Office hours:   9:30 am -5:30pm
Location: SID, DYPIU, Akurdi, Pune.

Teaching Assistant
Name: NA
Contact: NA
Office Hours: NA
Location: NA

Level (who can take this course?): 12th pass / Elementary and Intermediate course certificate holder students who has a keen interest and passion for Web development.

Credit: 2 (30 hrs.)

Evaluation:
Internal Evaluation - 80% (Continuous Evaluation)
External Evaluation - 20% (Jury)
Maximum Number of Students: 44


Course Objectives:

·        Understand the design concept of Web Development

·       Understanding of HTML syntax, elements, tags, attributes, tree structure,

·       Understanding of CSS syntax, style rules, selectors

·       Understand how to use the Bootstrap framework to implement a responsive website.

·        Introduction to JavaScript, work with Forms and Validation

·        Understand the Concept of Web Accessibility

·        Debugging and Problem Solving

·        Introduction to Browser Compatibility & Version Control

·        Introduction to Web Performance Optimization

·       Build a Personal Multi-page Portfolio Website

·       Become Industry ready professional and stand out from others.

Prerequisites:

·        Basic Computer Literacy and familiarity with web browsers

·        Basic Understanding of the Internet and Websites

·        Basic Text Editing Skills with basic mathematical skills

·        Most importantly the Problem-Solving Mindset


Course Syllabus:

Serial Number

Module Topics

Hours

Module I

Introduction to internet, World Wide Web, how a website works

Components of a website, using the browser inspector for a webpage

Intro to HTML, CSS, and JavaScript and what they are for

06

Module II

HTML: Syntax, Elements, Tags, Attributes

The Tree structure

Commonly used HTML elements - text, images, forms, etc.

06

Module III

CSS: Syntax, Style rules, properties, selectors

Cascading Design

Commonly used CSS properties

06

Module IV

Implementation of Java script to validate various forms

Bootstrap: Importing Bootstrap, Bootstrap components

Responsive Grid layout

06

Module V

Understand web hosting basics: what it is and how it works

Creating a responsive portfolio website to understand web functionality

Understanding and implementing web forms using basic JavaScript functions

How to identify and avoid web development-related problems, best practices

06

Total Hours

 

30


Lessons & Session Plan:

Assignment Number

Module Details

Starting Date /Submission Date

Assignment 1

Introduction to internet, World Wide Web, how a website works.

Components of a website, using the browser inspector for a webpage

Intro to HTML, CSS, and JavaScript and what they are for.

Student must submit the live link of their programming file for day-to-day review and feedback.

24/11/2024

Assignment 2

HTML - Syntax, Elements, Tags, Attributes

The Tree structure

Commonly used HTML elements - text, images, forms, etc.

Student must submit the live link of their programming file for day-to-day review and feedback.

25/11/2024

Assignment 3

CSS - Syntax, Style rules, properties, selectors

Cascading Design

Commonly used CSS properties

Student must submit the live link of their programming file for day-to-day review and feedback.

26/11/2024

Assignment 4

JavaScript - Implementation to validate various forms

Bootstrap - Importing Bootstrap, Bootstrap components

Responsive Grid layout

Student must submit the live link of their programming file for day-to-day review and feedback.

27/11/2024

Assignment 5

Understand web hosting basics, Creating a responsive portfolio site

Understanding and implementing web forms using basic JavaScript functions

How to identify and avoid web development-related problems, best practices

Student must submit the live link of their programming file for day-to-day review and feedback.

28/11/2024

 

 

Course Outcome:
·        Develop fully functional, responsive, multi-page portfolio website using the best methodologies and practices and make accessible to the world.
·        Understand and Implement and Integrate HTML, CSS, bootstrap and JavaScript
·        Develop and validate web forms, understand web hosting and deployment
·        Troubleshoot and Debug Code and ensure Cross-Browser compatibility
·        Understand web accessibility, apply best practices in web development
·        Collaborate using version control and optimize web performance.
·        Become an industry ready design professional and stand out from the crowd 

Text Book: N/A 

Reference Book:

  1. HTML and CSS: Design and Build Websites - Jon Duckett
  2. Above the Fold - Brian D Miller
  3. JavaScript and jQuery: Interactive Front-End Web Development - Jon Duckett
  4. Responsive Web Design with HTML5 and CSS3 - Ben Frain

Study Materials:

Pdfs, Docs, Exl sheets, PPTs and also supportive internal tutorial Videos will be provided (if required) alongside the day-to-day lectures to make the learning and teaching more interactive, easy and fun.

Web references for external research and study:

  1. Front-end techniques: https://www.w3schools.com/
  2. Frontend basic learning and certification: https://www.freecodecamp.org/,
  3. Short cut keys & tricks: https://css-tricks.com/,
  4. In-depth articles, case studies, and guidelines on topics like usability, user research, interaction design, and accessibility: https://www.nngroup.com , https://javascriptweekly.com/