Ashenafi - M20 (2) Final
Ashenafi - M20 (2) Final
Ashenafi - M20 (2) Final
HOSTING COMPANY: WAPSHRM (WEST ARSI ZONE PUBLIC SER- VICE AND
HUMAN RESOURCE MANAGEMENT)
ID: RU1238/12
i|Page
APPROVOL SHEET
As the student academic advisor, I clarify that the internship report prepared by the student is
original work and compiled according to the guideline provided by the department as far as my
knowledge is concerned.
ii | P a g e
ACKNOWLEDGMENT
The presence of supportive individuals around me greatly contributed to my positive experience
during the internship, before mentioning them I want to thank God almighty for his usual help in
each sort of my work. And then I want to thank my department for giving me the choice to spent
my internship where ever I wanted. I want to thank my supervisor Mr. Smegn Bekele for his
unforgettable help. I want to be grateful for those willing people in WAPSHRMICT department
that has invested their precious times to share me all the knowledge they have these are Mrs.
Shemsiya Aman Bekele and Mr. Mussa kedir. Finally, I also want to thank my advisor Mr.
Gueyta for his Good advises and kindness he have shown me.
iii | P a g e
EXECUTIVE SUMMERY
This internship report is about my two months of internship at WAPSHRMICT (West Arsi Zone
Public Service and Human resource management information communication technology)
department.
Chapter One: the first chapter of this report provides information about my internship hosting
organization. It begins with the brief history of the agency and also in this chapter we will find
the missions and visions of the organization.
Chapter Two: -This chapter describes my overall internship experience. this include how did I
get into the organization, in which section I have been working in, how does the flow in the
section look like, what challenges I have been facing, what measure I have taken in order to
overcome these challenges and many more.
Chapter Three: This chapter describes the overall benefits I have got from the internship in terms
of improving practical skills, upgrading theoretical knowledge, improving communication skills,
improving team laying skills and many more are included.
Chapter Four: This chapter provides a comprehensive overview of my project work, focusing on
the key elements such as the project's objective, methodology, features, and functionalities.
Specifically, it explores the development of a mobile application. Additionally, the chapter
highlights the limitations of the app and discusses its future potential.
Chapter Five: Chapter Five: In this last chapter I have put an overall conclusion about my
internship and recommendation for the internship hosting organization
iv | P a g e
ACRONYMS
API: Application Programming Interface
OWSAP ZAP: Open Web Application Security Project Zed Attack Proxy
WEPSHRMICT: West Arsi Zone Public Service And Human Resource Management
Table of Contents
v|Page
DECLARATION........................................................................................................................................i
APPROVOL SHEET.................................................................................................................................ii
ACKNOWLEDGMENT..........................................................................................................................iii
EXECUTIVE SUMMERY.......................................................................................................................iv
ACRONYMS..............................................................................................................................................v
CHAPTER ONE........................................................................................................................................1
INTRODUCTION.....................................................................................................................................1
1.1 The back ground of my internship hosting organization..............................................................1
1.1.1 History of WAPSHRMICT (West Arsi Zone Public Service and Human Resource...........1
Management Information Communication Technology) department:..........................................1
1.2 Vision of the organization...............................................................................................................1
1.3 Mission of the organization.............................................................................................................2
1.4 Values and principles......................................................................................................................2
1.5 Organizational structure.................................................................................................................3
1.6 Products and services of the organization......................................................................................3
1.7 Customer or end user of the government organization................................................................4
CHAPTER TWO.......................................................................................................................................5
ABOUT MY INTERNSHIP EXPERIENCE...........................................................................................5
2.1 How did i get to this organization?.................................................................................................5
2.2 The section i have been working in.................................................................................................5
2.3 How does the work flow looks like?...............................................................................................5
2.4 Tasks i have been executing............................................................................................................5
2.5 Procedures i have been using while performing my tasks............................................................6
2.6 How good i have been in performing my tasks..............................................................................6
2.7 Challenges i have been facing while performing my tasks...........................................................6
2.8 Measures i have taken to overcome the above challenges.............................................................7
CHAPTER THREE...................................................................................................................................9
THE BENEFITS GAINED FROM THE INTERNSHIP.......................................................................9
3.1 What i gained in terms of improving practical skills....................................................................9
3.2 What i gained in terms of upgrading my theoretical knowledge................................................10
3.3 What i gained in terms of upgrading my interpersonal communication skills.........................10
vi | P a g e
3.4 What i gained in terms of upgrading my team playing skills.....................................................11
3.5 In terms of leadership skill............................................................................................................12
3.6 Work ethics and related issues......................................................................................................12
3.7 Entrepreneurship...........................................................................................................................12
CHAPTER FOUR...................................................................................................................................14
BETESEB APP........................................................................................................................................14
4.1 Introduction...................................................................................................................................14
4.2 Statement of problem....................................................................................................................15
4.3 Methodology...................................................................................................................................16
4.3.1 Problem identification............................................................................................................16
4.3.2 Requirements gathering.........................................................................................................16
4.3.3 Technical planning and architecture design.........................................................................16
4.3.4 User interface and user experience design............................................................................16
4.3.5 Development and implementation.........................................................................................16
4.3.6 Testing and quality assurance................................................................................................17
4.3.7 Evaluation and feedback........................................................................................................17
4.4 Objective.........................................................................................................................................17
4.4.1 General Objective...................................................................................................................17
4.4.2 Specific objective.....................................................................................................................17
4.5 Scope...............................................................................................................................................17
4.6 Limitation.......................................................................................................................................18
4.7 SYSTEM ARCHITECTURE.......................................................................................................18
4.7.1 Core functional modules.........................................................................................................18
4.8 Features and functionalities..........................................................................................................19
4.9 Implementation detail...................................................................................................................28
4.10 Testing and evaluation................................................................................................................28
4.11 Result............................................................................................................................................29
4.12. Discussion....................................................................................................................................34
4.13 Future plan...................................................................................................................................35
CHAPTER FIVE.....................................................................................................................................37
CONCLUSION AND RECOMMENDATION.....................................................................................37
vii | P a g e
5.1 Conclusion......................................................................................................................................37
5.2 Recommendation...........................................................................................................................37
5.2.1 Recommendation for the hosting company...........................................................................37
5.2.2 Recommendation for Beteseb App........................................................................................38
5.2.3 Recommendation for our university.......................................................................................38
References................................................................................................................................................39
APPENDIX..............................................................................................................................................40
viii | P a g e
Table of figures
figure 4 1 User Interface................................................................................................................................... 19
figure 4 2 User Authentication.......................................................................................................................... 20
figure 4 3 Role-Based Access Control................................................................................................................. 21
figure 4 4 Location Tracking............................................................................................................................... 22
figure 4 5 Family Health Module........................................................................................................................ 23
figure 4 6 Chat.................................................................................................................................................. 24
figure 4 7 Entertainment & Library.................................................................................................................... 25
figure 4 8 Document Storage............................................................................................................................. 26
figure 4 9 User Interface Design......................................................................................................................... 27
figure 4 10 Family document............................................................................................................................ 30
figure 4 11 Real time location............................................................................................................................ 31
figure 4 12 family health information................................................................................................................ 32
figure 4 13 family discussion.............................................................................................................................. 33
figure 4 14 Suggested Informations................................................................................................................... 34
ix | P a g e
CHAPTER ONE
INTRODUCTION
1.1 The back ground of my internship hosting organization
1.1.1 History of WAPSHRMICT (West Arsi Zone Public Service and Human Resource
Management Information Communication Technology) department:
WAPSHRMICT (West Arsi Zone Public Service and Human resource management information
communication technology) department was established to foster the social and the eco- nomic
development and building good governance in the west Arsi zone under the proclamation
number 133\2003 of the state. It is necessary to produce a human resource having adequate
professional knowledge and skill in the information and communication technology that enables
to further strengthen the democratic administration Sectors, the public and the government,
having gained adequate, current and quality information to be able to provide their service pro-
vision in qualitative and speedy way through developing and expanding the information and
communication technology in the region the organization is re-organized into the first four major
vision/mission critical/oriented directorates and different supportive directorates. These include:
Trustworthiness.
Continuous learning and development.
Making a difference.
Adding value.
Transparency.
Solving the problem of the user by co-operative learning.
Executing their work honestly.
Providing efficient and effective services.
Their customers are pillars of their existence.
There employees are key to their success.
Making difference in the field of information security
2|Page
1.5 Organizational structure
The following figure is the structure of the company:
3|Page
1.7 Customer or end user of the government organization
It has three different versions within it. This process is mainly aimed to build and maintain an
electronic government system. This core processes have three versions this are: -
1. Networking
2. Application development
3. Datacenter service and management
4|Page
CHAPTER TWO
Sometimes there will be a need of network installation either in the organization or in the
different places of the zone therefore we will go out and work network installation sometimes.
Wearing styles.
Talking styles.
Work ethics.
Tolerating customers bad behaviors
Language challenge: I mostly meet with people that are totally Oromic language speakers and
won’t understand Amharic at all, this has highly affected my interrelationship with some staff
members. And I also meet people that don’t like to have any kind of conversation with Amharic
speakers. This has limited me to have a good interaction with some staff members in there.
The Internet speed: the internet speed in this government organization is totally weak. As I
mentioned before in my no work times, I spent my time watching at video tutorials about python
programming, so this network speed has put a big problem on my work. Even There were a
times that I simply sit with no work whole day.
Lack of time: sometimes my teachers will get busy so they can’t answer the questions I have, so
they can’t show me what I have to learn on that day.
My laptop broke: One of the biggest obstacles I had to overcome was that I needed my laptop to
complete my project, and it fell to the ground. My keyboard began to malfunction in a few
places. Changing the keyboard on my laptop would have been too costly.
2.8 Measures i have taken to overcome the above challenges
To overcome the life style challenge: The social relation in the work place is not the same as the
social life that I have spent in the campus that’s why I declared this social life challenge a life
style challenge.
It took me a long time to start wearing like as every worker do but finally, I succeed.
I stopped talking to people like I do with my friends.
I made my self-ready to habituate with work ethics, stopped a lot of informal things I do
while I was with my friends and alone (like yawning loud and many more) , I have
trained myself.
7|Page
We face so many workers that are unsatisfied with our works and they sometimes get
angry and start to talk to us in informal way, and it been hard for me to tolerate that but
finally I succeed.
To overcome the language challenge: I can’t speak Oromic language so to communicate with
these people I need to get a translator and I did. To overcome the internet speed problem: I have
tried to inform this problem but I got no answer for that, therefore the only choice I have to get a
good connection is to look for other places that have good Wi-Fi connection like Hawassa
kerawd Hotel. To overcome this Lack of time problem: when my teachers get busy, I will keep on
teaching myself watching video tutorials. To overcome my laptop damage: to overcome this I have
bought a temporary Bluetooth key- board.
8|Page
CHAPTER THREE
9|Page
years in Electrical and computer Engineering class were highly applicable. As I have learnt the
theory about networking now I have what it looks practically in my internship.
Generally, the practical skills I have gained include:
10 | P a g e
conversation about our personal lives and go out on our coffee times and I felt free to ask any
thing that is not clear for me while my work. And we also share life experiences how they have
finished their university classes and they gave me advices on how I am going to be successful
with my learning. I highly improved my free speaking and understanding ability that will be an
experience for my entire life. In this organization I had a lesson on interpersonal communication
skills that helps me in every part of my social relationships.in this organization There is an age,
experience, and knowledge difference but the interpersonal relationship is perfect.
11 | P a g e
3.5 In terms of leadership skill
I am not part of these but I have tried to observe how the leadership should be just by observing
my work compound and having conversation with leaders in the government organization.
A leader must have:
Ability to encourage and motivate workers to do their best.
The ability to communicate with all workers without any force.
The ability to listen problems and focus on its solution.
As leader to have clear and defined goals missions and vision.
Be willing to admit and learn from failures and weaknesses.
Ability to design a solution for any problems
3.7 Entrepreneurship
It is official that all graduates cannot be employed in government and nongovernmental company
(organization). Hence it is very important to be an employer to reduce unemployment. The
WAPSICT (west Arsi public service Information communication technology) working
12 | P a g e
environment had been a good starting place to enhance my entrepreneur capabilities. Indeed, I
learned a lot on improving critical thinking and problem- solving skills. The change from school
to workplace itself was another learning opportunity, it made me to adapt the work place
atmosphere.
This internship had played a great role improving my entrepreneurship skills in multidirectional
ways including: -
Increases my attitude to be creative and innovative through practical knowledge.
How to manage my own business.
How organize and control resources to ensure the profit for my business.
How to identify new products (services) opportunities.
How to help people with computer software and hardware fails.
To take feedbacks from the user.
How to satisfy my customers with my faster service.
How to tolerate people with bad behavior
13 | P a g e
CHAPTER FOUR
BETESEB APP
4.1 Introduction
The family unit plays a fundamental role in society, serving as the building block for
communities and the foundation for the development of ethical citizens. It is widely recognized
that the overall health and stability of families are crucial for the well-being of individuals and
the prosperity of a nation. However, various challenges can arise, impacting the fabric of family
life. In response to these challenges, I have developed a mobile application called "Beteseb,"
which means "family" in Amharic, to contribute towards creating stable and thriving families.
The Beteseb app is designed to provide families with a platform that offers essential features
aimed at addressing key aspects that contribute to family well-being. By leveraging the power of
mobile technology, my app aims to facilitate access to crucial resources and support systems that
promote health, children's education, and overall family happiness.
The app begins with a user-friendly login interface, where users are required to enter their
username and password. To ensure privacy and security, i have implemented a feature that
allows users to choose between hiding or showing their entered password. The app provides
immediate feedback in case of incorrect login credentials, helping users troubleshoot login issues
effectively.
Upon successful login, the app presents users with role-specific interfaces tailored to parents and
children. The parent page offers a range of features carefully curated to address the unique needs
and responsibilities of parents. These features include access to health-related information,
educational resources for parenting guidance, tools for managing family schedules, and
communication channels to foster family unity.
Meanwhile, the children's page provides a safe and engaging environment for children, with age-
appropriate educational materials, interactive learning activities, and platforms for fostering
creativity and expression. Additionally, the app facilitates parent-child interaction by enabling
parents to monitor their children's progress, set goals, and provide feedback.The development of
the Beteseb app stems from a deep understanding of the importance of family stability and well-
being in shaping the future of individuals and societies. By harnessing the potential of mobile
14 | P a g e
technology, we aim to empower families, enhance their overall quality of life, and contribute to
the creation of ethical and resilient citizens.
In this paper, I will provide a comprehensive overview of the Beteseb app, including its features,
functionality, and the underlying principles that guided its development. I will also discuss the
potential impact of the app on promoting family stability and well-being. Furthermore, I will
explore future enhancements and avenues for expanding the app's reach to benefit more families
in our community.
The effectiveness of the Beteseb app in promoting family stability and well-being will be
evaluated through user feedback, surveys, and performance metrics. The insights gained from
these evaluations will guide future enhancements and updates to ensure the app remains
responsive to the evolving needs of families.
15 | P a g e
4.3 Methodology
4.3.1 Problem identification
The first step in developing the Beteseb app was to identify the key challenges and needs faced
by families in maintaining stability and promoting well-being. This involved conducting a
thorough review of existing literature, consulting experts in the field, and gathering insights from
focus groups and surveys with target users.
16 | P a g e
environments, and version control systems to ensure efficient collaboration and code
management.
4.4 Objective
4.4.1 General Objective
The Beteseb app aims to empower families by addressing challenges, enhancing communication,
ensuring safety, providing access to resources, and fostering a nurturing environment for family
stability and well-being.
4.5 Scope
The Beteseb app focuses on enhancing family communication, ensuring safety through location
tracking, providing access to health information, and offering educational resources. It aims to
promote family stability and well-being by facilitating secure messaging, real-time location
17 | P a g e
monitoring, health-related content, and interactive learning materials. The app serves as a tool to
strengthen family bonds and happiness, complementing existing support systems. User feedback
and performance metrics will guide future enhancements to the app.
4.6 Limitation
One limitation of the mobile app is that the information available is limited to the data entered by
the users themselves. The app relies on user-provided data for functionality, and therefore, its
effectiveness and accuracy are dependent on the completeness and accuracy of the data input by
the users
18 | P a g e
figure 4 1 User Interface
Data Management and Storage - Database: To store user profiles, health data, chat
messages, and document metadata. - File Storage: For storing documents, images, and
other media.
Security and Privacy - Data Encryption: To protect sensitive information. - Privacy
Controls: Ensuring user data is handled with confidentiality.
Backend Services - Server: To handle requests, authentication, data processing, and
storage. - APIs: For location services, health data processing, and other functionalities.
Cross-Platform Compatibility - Ensure the app is functional across various devices and
operating systems.
19 | P a g e
figure 4 2 User Authentication
20 | P a g e
figure 4 3 Role-Based Access Control
In the app, the location page is exclusively designed for parents, providing them with specialized
location-related features. However, the other pages, including the documents page, family health,
chat, entertainment, and library, are accessible to both parents and children roles. This inclusive
access allows parents and children to interact and engage with various features of the app
together, fostering collaboration, communication, and shared experiences within the family unit.
21 | P a g e
figure 4 4 Location Tracking
22 | P a g e
figure 4 5 Family Health Module
23 | P a g e
.
figure 4 6 Chat
24 | P a g e
figure 4 7 Entertainment & Library
Document Storage - Functionality: Secure storage for important family documents. -
Features: Upload and delete options for images, PDFs, and videos; categorized storage
for easy retrieval.
25 | P a g e
figure 4 8 Document Storage
User Interface Design - Functionality: Intuitive and user-friendly interface tailored for
both parents and children. - Features: Home page with an app bar, body, and floating
action button; feature buttons arranged in a vertical order.
26 | P a g e
figure 4 9 User Interface Design
Cross-Platform Compatibility - Functionality: Ensuring the app works seamlessly
across different devices and operating systems. - Features: Responsive design adaptable
to various screen sizes and operating systems.
Privacy and Security - Functionality: Protecting user data and ensuring confidentiality.
- Features: Data encryption, secure handling of sensitive information.
Monitoring and Analytics - Functionality: Track app usage and user engagement for
continuous improvement. - Features: Analytics dashboard, usage statistics
27 | P a g e
4.9 Implementation detail
Development Environment and Frameworks - Flutter SDK: For building natively
compiled applications. - Dart Programming Language: Primary language for Flutter. -
IDE: Android Studio or Visual Studio Code.
User Interface (UI) Implementation - Flutter Widgets: For UI building. - Custom
Widgets: For specific design requirements. - Responsive Design: Using MediaQuery for
screen size adaptation.
User Authentication - Firebase Authentication: For secure user sign-in/sign-up. -
Role-Based Access: Managing different user roles.
Location Services - Geolocator Plugin: For real-time location tracking. - Google Maps
for Flutter: To display user locations.
Health Data Management - Form Widgets: For health data input. - Local Storage:
Using SQLite for data storage.
Real-Time Communication - Firebase Cloud Fire store: For real-time chat
functionality. - Push Notifications: Using Firebase Cloud Messaging.
Entertainment & Library Content - API Integration: For fetching external content. -
Media Player Widgets: For media playback.
Document Storage and Management - Firebase Cloud Storage: For file storage. - File
Handling: Upload and download functionalities.
Testing and Quality Assurance - Unit Tests: For individual functions and widgets. -
Integration Tests: For overall app functionality. - Widget Testing: For UI components.
Performance Optimization - Profiling Tools: For app performance enhancement. -
Code Optimization: For efficiency and speed.
Security and Privacy Measures - Data Encryption: For protecting sensitive data. -
Secure Coding Practices: To avoid vulnerabilities
28 | P a g e
Integration Testing - Objective: Ensure different parts of the app work together
seamlessly. - Tools: Flutter integration testing tools. - Process: Creating tests that interact
with the app as a user would, checking the flow between various app components.
Widget Testing - Objective: Ensure UI components render correctly and respond to user
inputs. - Tools: Flutter's Widget Testing Framework. - Process: Testing each widget in
isolation, verifying their appearance and interactions.
Performance Testing - Objective: Assess the app's performance, speed, and
responsiveness. - Tools: Flutter's performance profiling tools. - Process: Monitoring app
performance, identifying and fixing bottlenecks.
Security Testing - Objective: Verify the security measures implemented in the app. -
Tools: Security testing tools like OWASP ZAP. - Process: Testing for vulnerabilities,
ensuring data encryption and secure data handling practices are effective.
Continuous Testing and Monitoring - Objective: Continuously test and monitor the
app post-deployment. - Process: Implementing automated tests and monitoring tools for
ongoing quality assurance.
Evaluation Metrics - User Feedback: Satisfaction ratings, usability feedback. -
Performance Metrics: Load times, responsiveness. - Error Rates: Frequency and severity
of bugs and crashes. - Adoption Rates: Number of downloads, active users. The testing
and evaluation phase is crucial for ensuring the quality, security, and user satisfaction of
the 'beteseb' app. It involves rigorous and iterative testing processes, incorporating user
feedback for continuous improvement.
4.11 Result
The result of this project is the successful development and implementation of the
Beteseb mobile application, which aimed to support family stability and security.
Through the creation of different interfaces for parents and children, with role-based
access, the app effectively catered to the specific needs of each user group.
Documents: Efficiently store and access important family documents with our secure
Document Storage feature.
29 | P a g e
figure 4 10 Family document
Current location: Ensure the safety and security of your family members with our
reliable and accurate Location feature.
30 | P a g e
figure 4 11 Real time location
Family Health: Track and manage your family's health with our intuitive Family Health
feature.
31 | P a g e
figure 4 12 family health information
Chat: The Chat feature successfully facilitated seamless communication, allowing family
members to stay connected and foster closer relationships.
32 | P a g e
figure 4 13 family discussion
Entertainment and Library: The Entertainment and Library feature provided a suitable
area for users to explore a wide range of educational and entertaining resources
33 | P a g e
figure 4 14 Suggested Informations
The Beteseb mobile application successfully promoted family stability and security
through features such as location tracking, family health monitoring, seamless chat
functionality, and an entertainment and library feature, enhancing user experience and
family engagement
4.12. Discussion
The 'beteseb' mobile application opens up important discussions about its impact on
family dynamics and the broader societal implications. Firstly, the app's features, such as
real-time location tracking and health monitoring, have the potential to influence family
interactions and communication patterns. Balancing the need for safety with individual
autonomy within families becomes a crucial consideration. Additionally, the app's user
34 | P a g e
experience and accessibility, particularly the tailored interfaces for parents and children,
play a vital role in ensuring its usability across different age groups and technological
proficiency levels.
Furthermore, the social and ethical implications of continuous monitoring through the
'beteseb' app should be explored. Privacy concerns and the issue of trust among family
members need to be addressed. Additionally, understanding societal attitudes towards the
increasing integration of technology into family life is essential in evaluating the app's
reception and acceptance.
From a technical standpoint, the app's reliability, especially concerning features like
location tracking, must be thoroughly examined to ensure accurate and consistent
performance. Data security measures should also be assessed to protect sensitive
information like health data and legal documents.
Considering user feedback and incorporating it into future enhancements will contribute
to the continuous improvement of the 'beteseb' app. Exploring its broader societal impact,
such as its role in enhancing family security and cohesion, helps to understand the
implications beyond individual families and highlights potential benefits for society as a
whole.
35 | P a g e
Expanded Family Health Page - Broaden the family health page to capture
additional health information, providing a comprehensive understanding of the
user's family health background.
36 | P a g e
CHAPTER FIVE
5.2 Recommendation
5.2.1 Recommendation for the hosting company
Even though I had a good and developing experience at the organization it’s an obvious thing
that the organization does not have a program to create a good internship experience for us to
develop our skill most of our productivity and development comes from the staffs’ personal help
37 | P a g e
and encouragement and our personal strength. So, the organization should work on developing a
system for intern students to have a good and productive internship experience.
By implementing these measures, our university can create a robust internship program that
provides valuable opportunities for students to gain practical experience, develop skills, and
enhance their career readiness.
References
[1] Flutter - Beautiful native apps in record time. (n.d.). Retrieved from https://flutter.dev/
38 | P a g e
[2] Flutter documentation. (n.d.). Retrieved from https://flutter.dev/docs
[4] Flutter: A Portable UI Framework for Mobile, Web, Embedded, and Desktop. (n.d.). Retrieved from
https://doi.org/10.5281/zenodo.2657188
APPENDIX
Login page code
39 | P a g e
import 'package:flutter/material.dart';
import 'package:firebase_auth/firebase_auth.dart';
@override
setState(() {
_isLoading = true;
});
try {
40 | P a g e
await _firebaseAuth.signInWithEmailAndPassword(
email: '${_emailController.text.trim()}@ba.com',
password: _passwordController.text.trim(),
);
} catch (e) {
setState(() {
_errorMessage = e.toString();
});
showDialog(
context: context,
return AlertDialog(
actions: [
TextButton(
onPressed: () {
Navigator.of(context).pop();
},
child: Text('OK'),
41 | P a g e
), ], ); }, ); }
setState(() {
_isLoading = false;
}); }
@override
return Scaffold(
appBar: AppBar(
centerTitle: true,
backgroundColor: Colors.transparent,
elevation: 0,
title: Text(
'Login Page',
), ),
body: Padding(
padding: EdgeInsets.all(16.0),
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
42 | P a g e
Text(
style: TextStyle(
fontSize: 27,
fontWeight: FontWeight.bold,
),
),
Text(
),
SizedBox(height: 16.0),
TextField(
controller: _emailController,
decoration: InputDecoration(
labelText: 'Name',
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(10.0),
),
filled: true,
fillColor: Colors.grey[200],
43 | P a g e
). ),
SizedBox(height: 16.0),
TextField(
controller: _passwordController,
decoration: InputDecoration(
labelText: 'Password',
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(10.0),
),
filled: true,
fillColor: Colors.grey[200],
suffixIcon: IconButton(
icon: Icon(
),
onPressed: () {
setState(() {
_obscurePassword = !_obscurePassword;
}); }, ), ),
obscureText: _obscurePassword,
),
44 | P a g e
SizedBox(height: 16.0),
ElevatedButton(
child: _isLoading
? SizedBox(
width: 20.0,
height: 20.0,
child: CircularProgressIndicator(
valueColor: AlwaysStoppedAnimation<Color>(Colors.black),
), )
: Text(
'Log In',
),
style: ElevatedButton.styleFrom(
), ), ], ), ),
); }}
45 | P a g e