LAKIREDDY BALI REDDY COLLEGE OF ENGINEERING
(AUTONOMOUS)
Accredited by NAAC with ‘A’ Grade & NBA (Under Tier - I)
An ISO 21001:2018,14001:2015,50001:2018 Certified Institution
Approved by AICTE, New Delhi and Affiliated to JNTUK, Kakinada
L.B. REDDY NAGAR, MYLAVARAM, KRISHNA DIST., A.P.-521 230.
http://lbrce.ac.in/it/index.php, hodit@lbrce.ac.in , Phone: 08659-222933, Fax: 08659-222931
DEPARTMENT OF INFORMATION TECHNOLOGY
COURSE HANDOUT
PART-A
Name of Course Instructor: D. VIJAYASRI
Course Name & Code : USER INTERFACE DESIGN USING FLUTTER &
23IT53
L-T-P Structure : 0-0-2 Credits: 1
Program/Sem/Sec : B.Tech/IT/III/B A.Y.: 2024-25
:
Course Objectives:
Learns to Implement Flutter Widgets and Layouts
Understands Responsive UI Design and with Navigation in Flutter
Knowledge on Widges and customize widgets for specific UI elements, Themes
Understand to include animation apart from fetching data
Course Educational Objectives (CEOs):
Introduce core programming concepts of Python programming language.
Demonstrate about Python data structures like Lists, Tuples, Sets and dictionaries
Implement Functions, Modules and Regular Expressions in Python Programming and
to create practical and contemporary applications.
Course Outcomes:
At the end of this course, the student will be able to
CO1: Apply Flutter and Dart fundamentals to design and develop interactive user
interfaces. (Apply-L3)
CO2: Implement UI layouts, navigation, state management, and responsive design
principles for mobile applications. (Apply-L3)
CO3: Integrate animations, API data fetching, form validation, and debugging techniques
to enhance application performance and usability. (Apply-L3)
CO4: Improve individual / teamwork skills, communication & report writing skills with
ethical Value
COURSE ARTICULATION MATRIX (Correlation between Cos, Pos & PSOs):
Cos PO1 PO2 PO3 PO4 PO5 PO6 PO7 PO8 PO9 PO10 PO11 PO12 PSO1 PSO2 PSO3
CO1 3 1 3 2 3 1 3 3
CO2 3 3 3 3 3 1 3 3
CO3 3 3 3 3 3 2 3 3
CO4 1 2 2 2
Note: 1- Slight (Low), 2 - Moderate (Medium), 3 - Substantial (High)
PART-B:
COURSE DELIVERY PLAN (LESSON PLAN):
No. of Tentative Actual HOD
S.
Topics to be covered Classes Date of Date of Sign
No.
Required Completion Completion
a) Install Flutter and Dart SDK
1. 21 30-06-2025
b) Write a simple Dart program to 02
. understand the language basics.
a) Explore various Flutter widgets (Text, 02 07-07-2025
Image, Container, etc.).
2. 22 b) Implement different layout structures 14-07-2025
using Row, Column, and Stack widgets
a) Design a responsive UI that adapts to 02 21-07-2025
different screen sizes
3. 33 b) Implement media queries and
breakpoints for responsiveness
a) Set up navigation between different 02 28-07-2025
screens using Navigator.
4. 44 b) Implement navigation with named
routes.
a) Learn about stateful and stateless 02 04-08-2025
widgets.
5. 55 b) Implement state management using set 11-08-2025
State and Provider
a) Create custom widgets for specifie UI 02 18-08-2025
elements.
6. 66 b) Apply styling using themes and custom 25-08-2025
style
a) Design a form with various input fields. 02 1-09-2025
b) Implement form validation and error
7. 67 handling. 8-09-2025
a) Add animations to Ul elements using 02 15-09-2025
Flutter's animation framework.
8. 88 b) Experiment with different types of 22-09-2025
animations (fade, slide, etc.).
a) Fetch data from a REST API 02 29-09-2025
b) Display the fetched data in a meaningful
9. 99 way in the UL. 6-10-2025
a) Write unit tests for Ul components. 02 13-10-2025
10. 11 b) Use Flutter's debugging tools to identify
0 and fix issues. 20-10-2025
11. 11 INTERNAL LAB EXAM 02 27-10-2025
1
PART-C
EVALUATION PROCESS (R23 Regulation):
Evaluation Task Marks
Day to Day Work: 15
Internal Test 15
Continuous Internal Assessment 30
Procedure 20
Execution & Results 30
Viva-voce 20
Semester End Examination (SEE) 70
Total Marks = CIE + SEE 100
PART-D
PROGRAMME OUTCOMES (POs):
Engineering knowledge: Apply the knowledge of mathematics, science, engineering
PO 1 fundamentals, and an engineering specialization to the solution of complex engineering problems.
Problem analysis: Identify, formulate, review research literature, and analyze complex engineering
PO 2 problems reaching substantiated conclusions using first principles of mathematics, natural sciences,
and engineering sciences.
Design/development of solutions: Design solutions for complex engineering problems and design
PO 3 system components or processes that meet the specified needs with appropriate consideration for
the public health and safety, and the cultural, societal, and environmental considerations.
Conduct investigations of complex problems: Use research-based knowledge and research
PO 4 methods including design of experiments, analysis and interpretation of data, and synthesis of the
information to provide valid conclusions.
Modern tool usage: Create, select, and apply appropriate techniques, resources, and modern
PO 5 engineering and IT tools including prediction and modeling to complex engineering activities with
an understanding of the limitations.
The engineer and society: Apply reasoning informed by the contextual knowledge to assess
PO 6 societal, health, safety, legal and cultural issues and the consequent responsibilities relevant to the
professional engineering practice.
Environment and sustainability: Understand the impact of the professional engineering solutions
PO 7 in societal and environmental contexts, and demonstrate the knowledge of, and need for sustainable
development.
Ethics: Apply ethical principles and commit to professional ethics and responsibilities and norms
PO 8 of the engineering practice.
Individual and team work: Function effectively as an individual, and as a member or leader in
PO 9 diverse teams, and in multidisciplinary settings.
Communication: Communicate effectively on complex engineering activities with the engineering
PO 10 community and with society at large, such as, being able to comprehend and write effective reports
and design documentation, make effective presentations, and give and receive clear instructions.
Project management and finance: Demonstrate knowledge and understanding of the engineering
PO 11 and management principles and apply these to one’s own work, as a member and leader in a team,
to manage projects and in multidisciplinary environments.
Life-long learning: Recognize the need for, and have the preparation and ability to engage in
PO 12 independent and life-long learning in the broadest context of technological change
PROGRAMME SPECIFIC OUTCOMES (PSOs):
PSO 1 Organize, Analyze and Interpret the data to extract meaningful conclusions.
PSO 2 Design, Implement and Evaluate a computer-based system to meet desired needs.
PSO 3 Develop IT application services with the help of different current engineering tools.
Course Module Head of the
Title Course Instructor
Coordinator Coordinator Department
Name of
the
Faculty
Signature
