20CYS202 - User Interface Design 
:teacher: Course Instructor: Ramaguru R, Assistant Professor, TIFAC-CORE in Cyber Security.
:books: Course Outcome
| CO# | CO Description |
|---|---|
| CO1 | Understand the basics of World Wide Web |
| CO2 | Develop interactive Web pages using HTML |
| CO3 | Present a professional document using Cascaded Style Sheets |
| CO4 | Construct websites for user interactions using JavaScript |
| CO5 | Develop and deploy web applications |
:watch: Course Plan
| Unit # | Lecture No. | Topic | Methodology | No. of Hours |
|---|---|---|---|---|
| # | 1 | Course Introduction  |
||
| # | 1 | Introduction to User Interface Design |
||
| 1 | 2 | Introduction to Web |
||
| 1 | 2 | Client-Server Architecture of Web |
||
| 1 | 2 | Web Server |
||
| 1 | 2 | Application Server |
||
| 1 | 3 | Evolution of Web |
||
| 1 | 3 | Web 1.0, Web 2.0, Web 3.0 |
||
| 1 | 4 | Introduction to HTML |
||
| 1 | HTML: <html>, <body>, <head>, <title> |
|||
| 1 | HTML Formatting: <b>, <strong>, <i>, <mark>, <del>, <sub>, <sup>, <p> and Styles |
|||
| 1 | HTML Links: <a> |
|||
| 1 | HTML Lists: <ul>, <ol>, <dl>, <li> |
|||
| 1 | HTML Creating Forms: <form>, <input>, <label> |
|||
| 1 | HTML: Simple Web Page - Personal Website |
|||
| 2 | Introduction to CSS |
|||
| 2 | Features to CSS |
|||
| 2 | CSS Box Layout |
|||
| 3 | Introduction to Java Script |
|||
| 3 | Introduction to Java Script JS: Form Validation |
|||
| 3 | JS: Event Handling |
|||
| 3 | JS: Document Object Model |
|||
| 3 | JS: Application Deployment |
Quick Refreshers
Mini-Project Topics
Click Here to view Mini-Project Topics and Teams
Evaluation Criteria
| Components | Marks |
|---|---|
| [Internal][CA-T] Quiz (1 Nos) | 5 |
| [Internal][CA-L] Assignments (3 Nos) | 5 + 5 + 5 |
| [Internal][CA-L] Lab Evaluation (2 Nos) | 5 + 5 |
| [Internal][CA-L] Mini-Project | 20 |
| [Internal] Periodical I | 10 |
| [Internal] Periodical II | 10 |
| [External] End-Semester Exam | 30 |
Click Here to view Evaluation Pages of the Students
Click Here to view Assignments of the Students
Dates and Deadlines
| Course Start | 14 - Sept - 2022 |
|---|---|
| Mini-Project Topic Finalization | 06 - Oct - 2022 |
| Periodicals I | 28 - Oct - 2022 |
| Lab Evaluation I | 14 - Nov - 2022 |
| Periodicals II | 07 - Dec - 2022 |
| Lab Evaluation II | 19 - Dec - 2022 |
| Missed Periodicals | 02 - Jan - 2023 |
| Mini-Project Evaluation | 05 - Jan - 2023 |
| End Semester | 23 - Jan - 2023 |
| Publication of Results | 17 - Feb - 2023 |
:green_book: Text and Reference Books
- Text: DT Editorial Services. HTML 5 Black Book (Covers CSS3, JavaScript, XML, XHTML, AJAX, PHP, jQuery). Second Edition, Dreamtech Press; 2016.
- Text: Ben Frain. Responsive Web Design with HTML5 and CSS. Third Edition. Packt Publishing; 2020.
- Reference : Ethan Marcotte, Responsive Web Design, Second Edition; 2014
- Reference : Tittel E, Minnick C. Beginning HTML5 and CSS3 for Dummies. Third edition, John Wiley & Sons; 2013
- Reference : Powell TA, Schneider F. JavaScript: the complete reference. Paperback edition, Tata McGraw-Hill; 2012.