- Teacher: Ms. Monika Sharma
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
- Teacher: Mr Ketan M Deore

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:
- HTML and CSS: Design and Build Websites - Jon Duckett
- Above the Fold - Brian D Miller
- JavaScript and jQuery: Interactive Front-End Web Development - Jon Duckett
- 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:
- Front-end techniques: https://www.w3schools.com/
- Frontend basic learning and certification: https://www.freecodecamp.org/,
- Short cut keys & tricks: https://css-tricks.com/,
- In-depth articles, case studies, and guidelines on topics like usability, user research, interaction design, and accessibility: https://www.nngroup.com , https://javascriptweekly.com/
- Teacher: Ms Shruti Bir
- Teacher: Ms. Monika Sharma
- Teacher: Ms. Monika Sharma
- Teacher: Mr Jeevraj S Bhalerao