0% found this document useful (0 votes)
9 views

dosen_rwf_task_elearning_task_file_konsep_client_server,_penggunaan_json,_api,_database_client-server_20241215125411049

Uploaded by

Agum Gymnastiar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
9 views

dosen_rwf_task_elearning_task_file_konsep_client_server,_penggunaan_json,_api,_database_client-server_20241215125411049

Uploaded by

Agum Gymnastiar
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 22

Client-Server Concept

with Flutter

Compiled by:
Rudhi Wahyudi Febrianto, S.Kom ., M.Kom .
Schedule 1. Client-Server Concept

2. JSON

3. API

Topics
4. Client-Server Database

5. Conclusion
Client-Server Concept
with Flutter

Understanding how client-server


architecture is implemented in Flutter
applications. This concept is very
important for developing efficient and
responsive applications. In this
presentation, we will explore various
aspects of this architecture.
Client-Server
Architecture
1. Client-server architecture allows
communication between client and server
devices.

2. The client sends a request to the server to


get the required data.

3. The server processes the request and


sends the data back to the client.
Get/Set Data
Mechanism
1. The 'Get' process involves retrieving data
from the server.

2. The 'Set' process involves sending data


from the client to the server.

3. Both of these mechanisms are essential for


the interaction between client and server.
JSON

Introducing the JSON data format


commonly used in client-server
applications. JSON (JavaScript Object
Notation) is a lightweight format that is
easy for humans to read and write. The
use of JSON is increasing due to its
simplicity in storing and transferring
data.
Introduction to JSON
Concepts
1. JSON is a data format used to exchange
information between servers and clients.

2. This format supports complex data


structures with objects and arrays.

3. JSON is easy to use in various programming


languages, including Dart for Flutter.
JSON Format

1. JSON uses a text-based notation consisting


of objects and arrays.

2. Objects are marked with curly brackets {},


while arrays are marked with square brackets
[].

3. This format is very flexible for defining


data.
JSON Types

1. JSON objects are collections of key-value


pairs.

2. JSON array is an ordered list of values.

3. Both can be used together in rich data


structures.
FIRE

Understanding the concept and use of


APIs in Flutter applications. API
(Application Programming Interface) is
a bridge that allows applications to
interact with each other. In application
development, APIs play an important
role in accessing data and services
from the server.
API Concept

1. APIs allow applications to communicate


with external services.

2. Its functions include data retrieval, data


updating, and data delivery.

3. APIs can be RESTful, SOAP, and GraphQL.


API Architecture

1. APIs can be organized in various


architectures such as REST, SOAP and
GraphQL.

2. REST API uses the HTTP protocol for


communication.

3. SOAP API is more formal and uses XML for


data exchange.
Step by Step Using API

To use an API in a Flutter application, the first step is to


understand the API documentation. Then, we need to
make an HTTP request using a package like 'http' in
Flutter. Finally, process the API response to display the
desired data in the application.
API Usage Examples

1. An example of API usage can be seen in a


weather application that accesses weather
data from a server.

2. APIs are also used in e-commerce


applications to manage products and
transactions.

3. API integration significantly improves


application functionality.
Client Server
Database

Discusses the various types of


databases that can be used in client-
server applications. This database
functions as data storage that can be
accessed by the server and client.
Choosing the right type of database is
critical to application efficiency.
Shared Preferences
(Local Database)
1. Shared Preferences is used to store simple
data locally on the device.

2. It is simple and fast to use for small data


access.

3. Ideal for application configuration and user


preferences.
SQL

1. SQL (Structured Query Language) is a


language for managing data in a relational
database.

2. SQL offers various functions for querying,


inserting, updating, and deleting data.

3. Widely used in applications that require


high data integrity.
Non SQL

1. Non SQL databases are designed to


manage data in unstructured form.

2. Its use is increasing in applications that


require large scale and flexibility.

3. Examples include document databases and


graph databases.
MySQL/Oracle

1. MySQL is one of the most popular and


open-source relational databases.

2. Oracle Database offers world-class


solutions for enterprises with powerful
features.

3. Both of these databases are widely used in


business and enterprise applications.
Firebase

1. Firebase is a cloud platform that provides a


real-time database for applications.

2. Supports mobile and web application


development with powerful backend features.

3. Firebase simplifies data integration and


user authentication.
1. Understand the client-server
Conclusion architecture in Flutter.

2. Master the use of JSON for data.

3. Understand the concept of API and


its use.

4. Know the types of databases that


can be used.

5. Know the important steps to


integrate databases into applications.
1. Example client-server usage
Task : with flutter in the application
Make it group
2. Example Use of JSON for
maximum 3 multiplatform data exchange in
people, looking its applications

for article the 3. use of API in the application


following : 4. Use of ClientServer Database
in the application
Then what is
collected in the
form of a report,
send per person

You might also like