G.C.E. A/L ICT Unit 10.6-10.8 Tamil | PHP, MySQL & Web Publishing A/L ICT Tamil, Unit 10 PHP MySQL, Web Development Tamil, HTML Forms GET POST, Database Connectivity, Web Hosting, GCE AL ICT 2026

💻 G.C.E. A/L ICT (தமிழ் ஊடகம்)

Unit 10.6 - 10.8: Web Authoring, PHP, MySQL & Publishing

📌 இந்தப் பாடத்தின் நோக்கம்: Competencies 10.6, 10.7 & 10.8-ல் Web Authoring Tools, Static vs Dynamic Web Pages, PHP Basics, HTML Forms, GET/POST, MySQL Database Connectivity மற்றும் Website Publishing ஆகியவற்றை Theory, Code Examples, மற்றும் Exam Q&A வடிவில் எளிமையாகக் கற்றுக்கொள்ளலாம்.

10.6

Web Authoring Tool & WYSIWYG

Web Authoring Tool: Web Pages-ஐ உருவாக்கவும், திருத்தவும், நிர்வகிக்கவும் பயன்படுத்தப்படும் மென்பொருள் (எ.கா: Adobe Dreamweaver, Visual Studio Code, KompoZer).

WYSIWYG: "What You See Is What You Get". திரையில் நாம் காணும் வடிவமே இறுதியாக Web Page-ல் தோன்றும் வடிவமாக இருக்கும்.

நன்மைகள்: Web Development எளிதாகிறது, வேகமாக உருவாக்கலாம், Visual Editing, Code Assistance (Syntax Highlighting, Auto-completion).

Static vs Dynamic

Static vs Dynamic Web Pages

Static Web Page	Dynamic Web Page
முன்கூட்டியே நிர்ணயிக்கப்பட்ட தகவல்கள்	User Input/Database அடிப்படையில் மாறும்
Developer மாற்றும் வரை மாறாது	நேரம், User Action அடிப்படையில் உருவாகும்
HTML மட்டும் போதும்	PHP, MySQL, JavaScript தேவை

Architecture

Dynamic Website Architecture Flow

USER → Web Browser → HTTP Request → Web Server
                                          ↓
                                        PHP
                                          ↓
                                -------------------
                                ↓                 ↓
                            Processing          MySQL
                                                  ↓
                                               Database
                                                  ↓
                                                Result
                                                  ↓
                                                 PHP
                                                  ↓
                                             HTML Output
                                                  ↓
                                            Web Browser
          

PHP Basics

PHP Variables & Data Types

PHP Variable எப்போதும் $ குறியீட்டுடன் தொடங்கும்.

<?php
$name = "Kamal";      // String
$age = 18;            // Integer
$marks = 85.5;        // Float
$passed = true;       // Boolean

echo "Name: " . $name; // String Concatenation (.)
?>
          

Arrays

PHP Arrays (Indexed & Associative)

Indexed Array:

$students = array("Kamal", "Nimal", "Sunil");
echo $students[0]; // Output: Kamal (Index starts at 0)
          

Associative Array:

$student = array("name" => "Kamal", "age" => 18);
echo $student["name"]; // Output: Kamal
          

Control

Control Structures (if, else, loops)

// if...elseif...else
$marks = 75;
if ($marks >= 75) {
    echo "A";
} elseif ($marks >= 65) {
    echo "B";
} else {
    echo "S";
}

// for Loop
for ($i = 1; $i <= 5; $i++) {
    echo $i; // Output: 12345
}

// foreach Loop (for Arrays)
$names = array("Kamal", "Nimal");
foreach ($names as $name) {
    echo $name;
}
          

Functions

PHP Functions

Code Reusability-க்காக Functions பயன்படுத்தப்படுகின்றன.

function add($a, $b) {
    return $a + $b;
}
$result = add(10, 20);
echo $result; // Output: 30
          

Form Elements

முக்கிய HTML Form Elements

• Text: <input type="text" name="username">
• Password: <input type="password" name="pass">
• Radio: (ஒரு Option மட்டும்) <input type="radio" name="gender" value="Male"> (ஒரே name இருக்க வேண்டும்)
• Checkbox: (பல Options) <input type="checkbox" name="subject" value="ICT">
• Select: <select name="district"><option value="Colombo">Colombo</option></select>
• Fieldset: Related controls-ஐ group செய்ய <fieldset> மற்றும் <legend> பயன்படும்.

GET vs POST

GET vs POST Method (மிக முக்கியம் ⭐)

GET Method	POST Method
Data URL-ல் காணப்படும்	Data Request Body-ல் அனுப்பப்படும்
Search/Retrieval-க்கு ஏற்றது	Data Submission (Login/Register)-க்கு ஏற்றது
URL-ஐ Bookmark செய்யலாம்	Form Data பொதுவாக Bookmark செய்யப்படாது
Password-க்கு பொருத்தமானது அல்ல	Password போன்ற sensitive data-க்கு விரும்பத்தக்கது
URL Length வரம்பு உள்ளது	பெரிய Data-க்கு சிறந்தது

PHP Processing

PHP மூலம் Form Data பெறுதல்

// HTML Form
<form action="process.php" method="post">
    <input type="text" name="name">
    <input type="submit" value="Submit">
</form>

// process.php
<?php
$name = $_POST["name"]; // method="post" → $_POST
echo "Name: " . $name;
?>
          

🎯 நினைவில் வைக்க: method="get" → $_GET | method="post" → $_POST

MySQL Basics

Database அடிப்படை சொற்கள்

• Database: தொடர்புடைய Data-களின் தொகுப்பு.
• Table: தொடர்புடைய Records-ஐ சேமிக்கும் அமைப்பு.
• Row/Record: ஒரு முழுமையான Data Record.
• Column/Field: ஒரு குறிப்பிட்ட Attribute (எ.கா: Name, Age).
• Primary Key: ஒவ்வொரு Record-ஐ தனித்துவமாக அடையாளம் காணும் Field (எ.கா: StudentID).

SQL Commands

முக்கிய SQL Commands (CRUD)

-- 1. CREATE Database & Table
CREATE DATABASE school;
USE school;
CREATE TABLE student (
    id INT PRIMARY KEY,
    name VARCHAR(50),
    age INT
);

-- 2. INSERT (Add Data)
INSERT INTO student (id, name, age) VALUES (1, 'Kamal', 18);

-- 3. SELECT (Retrieve Data)
SELECT * FROM student;
SELECT name, age FROM student WHERE id = 1;

-- 4. UPDATE (Modify Data)
UPDATE student SET age = 19 WHERE id = 1;

-- 5. DELETE (Remove Data)
DELETE FROM student WHERE id = 1;
          

⚠️ எச்சரிக்கை: DELETE FROM student; என்று WHERE இல்லாமல் கொடுத்தால் Table-ல் உள்ள அனைத்து Records-களும் நீக்கப்படும்!

Connectivity

PHP & MySQL Connectivity

<?php
// 1. Connection உருவாக்குதல்
$conn = new mysqli("localhost", "root", "", "school");

// 2. Connection சரிபார்த்தல்
if ($conn->connect_error) {
    die("Connection failed");
}

// 3. Form Data-வை Save செய்தல் (INSERT)
$name = $_POST["name"];
$age = $_POST["age"];
$sql = "INSERT INTO student (name, age) VALUES ('$name', '$age')";
$conn->query($sql);
echo "Data saved";

// 4. Database-லிருந்து Data பெறுதல் (SELECT)
$result = $conn->query("SELECT * FROM student");
while ($row = $result->fetch_assoc()) {
    echo $row["name"] . "<br>";
}
?>
          

Publishing

Local vs Internet Publishing

Local Publishing	Internet Publishing
Local Computer/Intranet-ல் இயங்கும்	Remote Server-ல் இயங்கி பொதுவாக அணுகக்கூடியது
XAMPP, WAMP போன்றவை பயன்படும்	Web Hosting Service தேவை
http://localhost/ மூலம் அணுகலாம்	Domain/Subdomain மூலம் அணுகலாம்
Development & Testing-க்கு மட்டும்	Production Website-க்கு

Steps

Internet Publishing படிகள்

1. Website உருவாக்குதல் & Local-ல் Test செய்தல்
2. Web Hosting Account பெறுதல்
3. Website Files (HTML, PHP, CSS, Images) Upload செய்தல்
4. MySQL Database உருவாக்கி Configure செய்தல்
5. Domain/Subdomain இணைத்தல்
6. Online Website-ஐ Test செய்தல்

Performance

Website Performance-ஐ பாதிக்கும் காரணிகள்

• Image/File Size: பெரிய Files Loading-ஐ மெதுவாக்கும் (Compress செய்ய வேண்டும்).
• HTTP Requests: அதிக Images/CSS/JS Files அதிக Requests தேவைப்படுத்தும்.
• Server Performance: Slow Server Response Time-ஐ அதிகரிக்கும்.
• Database Efficiency: திறமையற்ற SQL Queries (எ.கா: தேவையில்லாத SELECT *) மெதுவாக்கும்.
• Caching: அடிக்கடி பயன்படுத்தப்படும் Resources-ஐ சேமித்து வைப்பது வேகத்தை அதிகரிக்கும்.
• Bandwidth & Internet Speed: User-ன் Network வேகம்.

📝 A/L மாதிரி வினாக்கள்

Q1

Static மற்றும் Dynamic Web Page-க்கு இடையிலான வேறுபாட்டை விளக்குக.

விடை: Static Web Page முன்கூட்டியே நிர்ணயிக்கப்பட்ட தகவல்களைக் காட்டும். Dynamic Web Page என்பது User Input, Database அல்லது நேரம் போன்ற நிபந்தனைகளின் அடிப்படையில் உள்ளடக்கத்தை உருவாக்கும் அல்லது மாற்றும்.

Q2

GET மற்றும் POST இடையே இரண்டு வேறுபாடுகளைக் குறிப்பிடுக.

விடை: 1. GET-ல் Data URL-ல் காணப்படும், POST-ல் Request Body-ல் அனுப்பப்படும். 2. GET Search/Retrieval-க்கு ஏற்றது, POST Password போன்ற sensitive data submission-க்கு விரும்பத்தக்கது.

Q3

`school` என்ற பெயரில் Database மற்றும் `student` Table உருவாக்கும் SQL Command எழுதுக.

CREATE DATABASE school;
USE school;
CREATE TABLE student (
    id INT PRIMARY KEY,
    name VARCHAR(50),
    age INT
);
          

Q4

HTML Form-ல் User Name பெற்று `save.php`-க்கு POST method மூலம் அனுப்பும் Code எழுதுக.

<form action="save.php" method="post">
    Name: <input type="text" name="name">
    <input type="submit" value="Save">
</form>
          

Q5

Website Performance-ஐ பாதிக்கும் ஐந்து காரணிகளைக் குறிப்பிடுக.

விடை: 1. Image/File Size, 2. Server Performance, 3. HTTP Requests எண்ணிக்கை, 4. Database Query Efficiency, 5. Caching.

⚡ One-Minute Revision Sheet

🔥 முழு Flow மனதில் வைத்திருக்க:
HTML FORM → GET / POST → PHP → MySQL → SQL QUERY → DATABASE → PHP → HTML → BROWSER

🔑 Key Keywords:
WYSIWYG = What You See Is What Get
$_GET / $_POST = Form Data பெற
PRIMARY KEY = Unique Record Identifier
Local Publishing = XAMPP/WAMP (Testing)
Internet Publishing = Web Hosting + Domain

❓ அடிக்கடி கேட்கப்படும் கேள்விகள் (FAQ)

Q: WYSIWYG என்றால் என்ன? A: WYSIWYG என்பது 'What You See Is What You Get' என்பதன் சுருக்கம். இதன் பொருள், திரையில் நாம் காணும் வடிவமே இறுதியாக Web Page-ல் தோன்றும் வடிவமாக இருக்கும் என்பதாகும்.

Q: Static Web Page மற்றும் Dynamic Web Page-க்கு இடையிலான வேறுபாடு என்ன? A: Static Web Page முன்கூட்டியே நிர்ணயிக்கப்பட்ட தகவல்களைக் காட்டும். Dynamic Web Page என்பது User Input, Database அல்லது நேரம் போன்ற நிபந்தனைகளின் அடிப்படையில் உள்ளடக்கத்தை உருவாக்கும் அல்லது மாற்றும்.

Q: HTML Form-ல் GET மற்றும் POST method-க்கு இடையிலான வேறுபாடு என்ன? A: GET method-ல் Data URL-ல் காணப்படும் மற்றும் Search/Retrieval-க்கு ஏற்றது. POST method-ல் Data Request Body-ல் அனுப்பப்படும் மற்றும் Password போன்ற sensitive data submission-க்கு விரும்பத்தக்கது.

Q: PHP மூலம் MySQL Database-உடன் எவ்வாறு இணைப்பது? A: PHP-யில் `new mysqli("localhost", "username", "password", "database_name")` என்ற code-ஐப் பயன்படுத்தி MySQL Database-உடன் இணைப்பு உருவாக்கப்படுகிறது.