Flutter Guide
Flutter Guide
2. PRESENTATION
As an SENA apprentice, it is important to stay informed about emerging technologies and tools that are
changing the way mobile applications are developed. Flutter is one of those tools. It is
an open-source framework that has gained great popularity due to its ability to create apps
native mobile applications for iOS and Android using a single codebase. Flutter is known for its design
based on widgets and its high-speed rendering engine, which allows creating applications with a
smooth and rich user experience.
However, as SENA apprentices, it is important to ask ourselves: what are the challenges and limitations?
What challenges could we face when using Flutter? How can we overcome these challenges to create applications?
high quality? What opportunities does Flutter offer to develop innovative mobile applications that
Do they satisfy the needs of the users? These are questions that we must consider when learning and using.
Use Flutter as a mobile development tool.
GFPI-F-135 V01
3. FORMULATION OF LEARNING ACTIVITIES
Description of the Activity(ies): Carefully watch the video that is linked in the
next linkInvalid input. Please provide text for translation.also pays attention to details, to the messages-
what it conveys, to the emotions it awakens in you and answer the following questions:
a. What is the main message of the video?
b. How does it make you feel?
c. Why do you think the author chose those elements for the video?
d. Is there anything that particularly catches your attention or makes you reflect on your own
life?
Required Environment: Computer Room
Materials: Computer and internet
Flutter is a technology from Google that enables the development of cross-platform mobile applications.
quick and efficient way. It is a powerful and versatile tool that has gained a lot of popularity in the
in recent years thanks to its ability to create high-quality mobile applications in a short time.
c. What advantages do you think Flutter has over other mobile application development technologies?
vile?
d. Do you think Flutter is an important technology for the future of mobile application development?
Viles? Why?
The instructor will explain the installation steps for Flutter and Dart to be able to set up the pro environment.
programming
Description of the Activity(ies): Follow the Flutter installation guide provided by the instructor
Required Environment: Computer Room
Materials: Computer and internet
The instructor will explain the steps to create the counter clicks application in Flutter as an introduction to
programming in flutter.
Description of the Activity(ies): The instructor will explain the following concepts:
Explanation about Widgets in Flutter and their characteristics.
Explanation about Layouts
Explanation of UI management.
oExplanation of folders
Required Environment: Computer Lab
Materials: Computer and internet
The instructor will explain the handling of different interfaces and parameter passing in Flutter.
interfaces.
Description of the Activity(ies): The instructor will explain the following concepts:
oExplanation about dependency management.
Explanation on state management
oExplanation about GoRouter.
oExplanation about environment variables .ENV
Required Environment: Computer Room
Materials: Computer and internet
The instructor will explain the concepts for performing a verification of the connection status.
device wifi.
Description of the Activity(s): The instructor will explain the following concepts:
oExplanation about Clean Architecture.
GFPI-F-135 V01
oExplanation about Bloc Pattern
Required Environment: Computer Room
Materials: Computer and Internet
The instructor will explain the concepts to create a basic calculator with state management.
block
Description of the Activity(ies): The instructor will explain the following concepts:
oExplanation about BlocProvider
oExplanation about MultiBlocProvider
Required Environment: Computer Room
Materials: Computer and internet
The instructor will explain the concepts to develop the PokeApiFlutter application and consume the API.
of Pokémon
Description of the Activity(ies): The instructor will explain the following concepts:
o Explanation about Http Get
oExplanation on how to consume an API in Flutter
Computer Room
Materials: Computer and internet
The instructor will explain the concepts to create the FlutterLibrary application.
Description of the Activity(ies): The instructor will explain the following concepts:
oExplanation about Supabase
Required Environment: Computer Lab
Materials: Computer and internet
3.4.1 Activity: Create a Flutter application for the project selected by the learner.
Description of the Activity(ies): The learner will apply their selected project.
taking into account the concepts of Clean Architecture and the bloc pattern.
oThe apprentice will support their application
Required Environment: Computer Room
Materials: Computer and internet GFPI-F-135 V01
4. EVALUATION ACTIVITIES
Learning Evidence Evaluation Criteria Techniques and Instruments of
Evaluation
INCORPORATES TECHNOLOGIES
EMERGING AND
DISRUPTIVE ACCORDING TO
WITH THE PURPOSES OF
SOFTWARE.
5. GLOSSARY OF TERMS
Flutter: The open-source development framework created by Google that is used to build applications.
native mobile applications for iOS and Android from a single code base.
Widget: A basic component of the user interface in Flutter. Widgets are the building blocks of
fundamental constructions to create the user interface and can be both visual (such as b-
tones or text boxes) as well as design (such as columns or rows).
2.State: The mutable information that can change during the life of a widget in Flutter.
use state management to control the appearance and behavior of widgets in res-
setting for events or data changes.
3.AppBar: A Flutter widget that represents an application bar at the top of the screen.
size. It is commonly used to show the application title, actions and navigation.
GFPI-F-135 V01
4.Scaffold: A widget that provides an application layout structure bite, which includes a
AppBar, a Drawer, and a main content area. It facilitates the creation of the basic structure of the
majority of mobile applications.
5.Dart: The programming language in which Fluuer is written. Dart is an object-oriented language.
widgets developed by Google and used to create Flutter applications.
6.BuildContext: An object that provides information about the location of a widget in the tree
of Fluuer widgets. It is used to access properties and methods of parent widgets or to
build new widgets.
7.Navigator: A component that manages the navigation between different screens or views in a
Fluuer application. It is used to push and pull navigation routes in the stack.
8.Hot Reload: A development feature in Flutter that allows developers to see the
immediate changes in the user interface without completely restarting the application. It facilitates the pro-
development and debugging process.
9.Stateful and Stateless Widgets: Widget accessibility in Flutter. Stateful widgets can change
its state over time, while Stateless does not have internal state and its representation
The setting never changes after being created.
6. BIBLIOGRAPHIC REFERENCES
Smith, John.
Year of publication: 2020.
Fluuer App Development: A Comprehensive Guide
Editorial: O'Reilly Media.
2.Academic article on Flutter:
Johnson, Sarah A.
Year of publication: 2019.
Title of the air Culo: An Overview of Flutter for Cross-Platform Mobile App Development.
Journal of Mobile Application Development, 15(2) 5-55.
3.Advanced book on Flutter:
Brown, David R.
Año de publicación: 2021.
Book Title: Mastering Flutter: Advanced Techniques for Cross-Platform Mobile App Development
velopment.
Editorial: Addison-Wesley Professional.
4.Conference article on Flutter: GFPI-F-135 V01
Maria L. Garcia
Year of publication: 2022.
Title of the air ass: Evaluating the Performance of Flutter for Building Cross-Platform Mobile
Apps.
Title of the conference: Proceedings of the International Conference on Mobile Software
Engineering and Systems (MOBILESOFT), 129-138.
5.Introductory book on Fluter:
Rajesh Patel
Year of publication: 2018.
Beginning Flutter: A Hands-On Guide to App Development.
Editorial: Packt Publishing.
7. DOCUMENT CONTROL
8. CHANGE CONTROL (only fill out if adjustments are made to the guide)
Author(s)
GFPI-F-135 V01