APPLICATION

SYSTEM
LESSON 4
WHAT IS AN
APPLICATION SYSTEM?
An Application System is a software program
or collection of programs designed to perform
specific tasks or functions for users. These
tasks can range from data processing,
managing records, communication, and
automation.
 KEY CHARACTERISTICS OF
AN APPLICATION SYSTEM
User Interface Provides an interactive way for users to interact with the system
(UI) (GUI or CLI).

Database
Stores, retrieves, and manages data efficiently.
Integration

Performs specific tasks like data entry, processing, analysis, and

Functionality
reporting.

Protects user data and system integrity with authentication and

Security
authorization mechanisms.
 TYPES OF APPLICATION
SYSTEMS
Application systems are software solutions designed to perform specific tasks,
streamline processes, and enhance user experiences in various fields. They can range
from simple desktop applications to complex enterprise systems that integrate multiple
services and databases.

Standalone Web-Based Ensuring compliance

Enterprise Application
Application Application with regulations.

Runs on a single device Runs through a web browser Used by large organizations Designed for smartphones
without requiring an internet and requires an internet for managing business and tablets.
connection. connection. operations.
ARE A WEB SYSTEM AND A WEB
APPLICATION THE SAME?
 Key Features of a Web Application
WHAT IS A WEB ✅ Runs in a browser (Google Chrome,
Firefox, Edge)

APPLICATION? ✅ Requires internet connection (though

some can work offline)

A web application is a software program that runs in a

✅ Uses frontend and backend technologies
(HTML, CSS, JavaScript, Python, PHP, etc.)
web browser and allows users to perform specific
functions. It is designed for user interaction and typically
✅ Processes and stores data using a
database (MySQL, PostgreSQL, MongoDB)
requires backend processing and a database.

Examples of Web Applications

✔ Facebook – Social media platform where
users interact with posts.
✔ Gmail – Email service that allows sending
and receiving messages.
✔ Google Docs – Allows users to create and edit
documents online.
✔ Online Banking – Lets users check balances,
transfer funds, and pay bills.
 Key Features of a Web System
✅ Includes multiple applications and
components
✅ Has a centralized database and
WHAT IS A WEB authentication system
✅ Uses APIs (Application Programming
SYSTEM? Interfaces) to connect services
✅ Manages large-scale data processing
and automation
A web system is a broader concept that includes
multiple web applications, databases, servers, APIs, and Example of a Web System
other components working together to provide a 📌 E-Commerce System (Amazon, Shopee, Lazada)
complete service. A web system can have multiple web A full e-commerce system includes:
applications as part of its structure. User Accounts & Authentication (Login, Sign-up)
Shopping Cart & Checkout Process
Payment Processing (PayPal, Credit Card, GCash,
etc.)
Product Management System for sellers
Order Tracking & Delivery Updates
📌 University Management System
Student Portal (Web Application 1) – Allows
students to enroll, check grades, and access class
schedules.
Faculty Portal (Web Application 2) – Professors
upload grades and manage class records.
Admin Dashboard (Web Application 3) – Manages
BUILDING A
SIMPLE
GUI
APPLICATION
LESSON 5
OVERVIEW OF GUI
(GRAPHICAL USER INTERFACE)
Understanding Graphical User Interfaces (GUI)
A Graphical User Interface (GUI) provides an intuitive
and interactive way for users to interact with a
computer application. Unlike a Command-Line
Interface (CLI), where users must type text-based
commands, a GUI offers buttons, menus, text fields, and
labels, making the application more user-friendly.

Why Use a GUI?

Ease of use

Faster interaction

Reduced errors

Better accessibility
 EXAMPLE: LIBRARY MANAGEMENT
SYSTEM
Imagine you are developing a library management system.

CLI Version
A librarian using a CLI system would have to enter SQL queries to check out a book.
Example

This method requires the librarian to know SQL commands, which can be complex.

GUI Version
Instead of typing queries, the librarian clicks a "Check Out" button next to the book's name in a
graphical interface. The system automatically updates the database.
 CUSTOMTKINTER FOR
APPLICATION SYSTEMS
CustomTkinter is a modern, customizable library built on
top of Tkinter, designed to create visually appealing
Graphical User Interfaces (GUIs) for desktop applications.
For application systems, CustomTkinter is a great choice
because it allows developers to build interactive,
responsive, and professional-looking interfaces without
relying on complex frameworks.

Here are some reasons why CustomTkinter is a great choice

for building an application system

Modern and Scalable and

Ease of Use
Professional UI Responsive
CustomTkinter It simplifies GUI CustomTkinter
provides a sleek creation with apps
and visually fewer lines of automatically
appealing modern code compared adjust to different
UI compared to the to standard screen sizes and
classic Tkinter. Tkinter. resolutions.
CUSTOMTKINTER CAN BE USED
WITH SENSORS
CustomTkinter can be used as the UI (User
Interface) for a sensor-based system.
it can serve as a graphical interface to display
real-time sensor data by integrating it with
hardware communication libraries.

CustomTkinter for Displaying Sensor

Data
Example:

Temperature Sensor

Motion Sensor

Parking Sensor CustomTkinter can be used to visualize sensor

readings in real-time using labels, progress bars,
graphs, or other UI elements.
CUSTOMTKINTER FOR
CONTROLLING SENSORS
CustomTkinter can also be used to send
commands to control sensors or actuators.

Example:

Turn ON/OFF a fan based on temperature sensor data.

Open/Close a door based on an RFID scanner.

Change LED status based on sensor values.

Example: Controlling an LED Based on a Button Click

SAMPLE CUSTOMTKINTER UI
DATABASE
INTEGRATION
LESSON 6
 WHY USE SQLITE3?
A database is essential for storing and managing data in an
application.

No server required Works well with

Lightweight and fast Easy to set up
Python

Works locally within the Suitable for small-scale No complex configurations Built into Python as a
application. projects. needed. standard library.
 SQLITE3 VS MYSQL
SQLite3 and MySQL are both relational database management systems (RDBMS), but they serve
different purposes based on scalability, performance, and use cases. Below is a detailed comparison

Feature SQLite3 MySQL

Type Embedded, Serverless Client-Server Model

Storage Single file (.sqlite or .db) Multi-file database with a server

Setup No installation required Requires database server setup

Speed Faster for small applications Optimized for large-scale applications

Supports multiple users and concurrent

Concurrency Limited (single-user transactions)
transactions

Scalability Best for local applications Designed for high-traffic web applications

Lightweight apps, mobile apps, local Web applications, enterprise systems, cloud-
Use Case
storage based apps
THANK YOU
 INSTALLATION OF PYTHON ON
WINDOWS
✅ Step 1: Check If Python is Installed
Open File Explorer and go to:

C:\Users\ICTC\AppData\Local\Programs\Python

If you find a Python folder (like Python39 or Python311),

Python is installed.
If Python is not installed, go to Step 2.
If Python is installed, go to Step 3 to fix the PATH issue.

✅ Step 2: Install Python

1. Download Python from python.org.
2. Run the installer and check ✅ the box "Add Python to
PATH" before clicking Install.
3. After installation, restart your computer.
 INSTALLATION OF PYTHON ON
WINDOWS
✅ Step 3: Manually Add Python to PATH
If Python is installed but not recognized, add it to the system PATH.
Steps to Add Python to PATH (Windows 10/11)
Open Environment Variables:
Press Win + R, type sysdm.cpl, and press Enter.
Go to Advanced → Click Environment Variables.
Edit System PATH:
Under System Variables, find Path, then click Edit.
Click New and add these two paths (replace Python39 with your version):

C:\Users\ICTC\AppData\Local\Programs\Python\Python39
C:\Users\ICTC\AppData\Local\Programs\Python\Python39\Scripts

Click OK to save.
Restart Command Prompt and check again:
python --version
 INSTALLATION OF PYTHON ON
VSCODE
✅ Step 1
Create Folder
Open VS Code
Press Ctrl + ~ (tilde key) to open the terminal
Check if Python is installed by running:
python --version
If this does not work, try:
py --version
If Python is missing, download and install it, and add it to your PATH.

✅ Step 2: Create a Virtual Environment (venv)

Since you got the error "The system cannot find the path specified",
it means the venv folder does not exist. You need to create it.
Navigate to your project directory:
cd C:\Users\ICTC\Desktop\(Name of your folder)
Create a new virtual environment:
python -m venv venv
This will create a folder called venv in your project.
INSTALLATION OF PYTHON ON
VSCODE
✅ Step 3: Activate the Virtual Environment
Now, activate it based on your terminal:
Command Prompt (cmd)
venv\Scripts\activate

✅ Step 4: Install customtkinter

After activation, install customtkinter:
pip install customtkinter

✅ Step 5: Run Your Python Script

Now, run your script:
python (Name of your file).py
CODE
EXAMPLE
 ADD
USER
OUTPUT
DATABASE OUTPUT
CHECK EDIT
USER USER 1
OUTPUT OUTPUT
 EDIT
USER 2
OUTPUT
DATABASE OUTPUT
DELETE
USER
OUTPUT
DATABASE OUTPUT
 CODE BREAKDOWN
1. Importing Required Modules 3. Connecting to the Database
The program starts by importing the necessary libraries

This function establishes a connection to the SQLite

database (user_management.db).
customtkinter provides a modern interface for Tkinter.
It will create the database if it does not exist.
sqlite3 allows us to interact with a local database.
messagebox is used for displaying alert messages. 4. Adding a User
ttk is imported for creating a Treeview, which is used as a
table.
2. Initializing the Main Application

Creates the main window (app).

Sets the window size to 800x550 pixels.
Assigns the title "User Management System". Validates that all fields are filled.
Inserts the new user into the users table.
Shows a success message and refreshes the table.
 CODE BREAKDOWN
5. Loading Data into the Table 6. Adding a User via a Separate Window

Clears any existing data in the table.

Fetches all users from the database
and displays them in the Treeview
table.

Opens a new window to enter user details.

When the submit button is clicked, it calls
add_user() and closes the window.
 CODE BREAKDOWN
7. Checking a User’s Details 8. Editing a User's Information

Opens a new window where the user can enter a Allows users to select a field (Name, Email, or
name. Age) to edit.
Searches for the user in the database. Updates the database with the new value.
If found, displays their ID, Name, Email, and Age.