CTSP Full CMS + Testing Platform

0 to 100 Advanced System
Website CMS, Applicant Portal, QC, Exam Centers, Results & PostgreSQL

This is the complete master blueprint for a CTSP-style testing service platform: public website editable CMS, top/header/menu/slider/cards/page builder, applicant applications, project/vacancy CMS, form builder, QC verification, applicant queries, exam center registration, center approval, seating plans, roll slips, answer keys, result, merit, notifications, audit logs and database structure.

Now includes full website editing tabs and advanced CMS/admin structure based on the CTSP reference website layout.
90+Recommended Database Tables
25+CMS + Recruitment Modules
150+Fields / Settings / Controls
CompleteWebsite → Apply → Test → Merit
Public Website Information Architecture

Website Frontend Structure Matching CTSP-Style Layout

Complete website pages, shortcut boxes, public tabs, slider sections and dynamic public modules that can be controlled from admin CMS.

Public Website Tabs
👤 CEO Message | ❔ FAQ | ✎ Complaint Form☎ 0311-1140666 | ✉ info@ctsp.com.pk | 🎧 Contact us
ABOUTEDUCATIONAL TESTPROFESSIONAL TESTSERVICESCLIENTSAPPLY ONLINESUBJECT SPECIALISTTEST CENTER

YOUR CAREER
OUR MISSION

Transparent, merit based and quality testing services across Pakistan.

APPLY ONLINE
📁NEW PROJECTS
👤APPLICANT STATUS
📖SYLLABUS
📄ROLL NO SLIP
🔑ANSWER KEYS
📊GENERAL RESULT
🏅MERIT
💼SKILL JOBS
🌐OVERSEA JOBS
FAQ
Top Utility BarCEO Message, FAQ, Complaint Form, phone, email, contact us — all editable from CMS.
Logo HeaderLogo upload, slogan, spacing, alignment, sticky option, mobile logo.
Main NavigationAbout, Educational Test, Professional Test, Services, Clients, Apply Online, Subject Specialist, Test Center.
Hero SliderBackground image, overlay, heading, subheading, CTA, slide order, active/inactive.
Shortcut CardsNew Projects, Applicant Status, Syllabus, Roll Slip, Answer Keys, Result, Merit, Jobs, FAQ.
Footer CMSAddress, phone, email, social links, quick links, copyright, policy pages.
Advanced Website CMS Structure

Website Editing Tabs / Admin CMS Modules

This is the full backend CMS needed to edit the public website without touching code. Every section of the CTSP-style homepage and inner pages becomes dynamic.

CMS 0-to-100
🏠

Dashboard CMS

Quick stats for visitors, applications, projects, queries, centers, results and pending approvals.

WidgetsStats CardsAlerts
🔝

Top Bar Manager

Edit CEO Message, FAQ, Complaint Form, phone, email, contact links, icons, visibility and sorting.

topbar_itemsiconURL
🖼️

Logo & Branding

Upload logo, favicon, dark/light logo, slogan, primary colors, button color and typography settings.

logofavicontheme

Menu Builder

Create nested menus, dropdowns, mega menus, order, permissions, active status and mobile labels.

menusmenu_itemsmega_menu
🎞️

Slider Manager

Hero images, headings, overlay, button, CTA, display dates, slide order and mobile image.

slidersCTAschedule

Shortcut Cards CMS

Edit homepage feature boxes: icon, title, description, link, order, grid style and active status.

cardsiconslinks
📄

Page Builder

Create About, Services, Clients, policies, downloads, instruction pages with block-based sections.

pagesblocksSEO
📝

Notice / News CMS

Publish latest announcements, deadlines, correction windows, answer key updates and result notices.

noticesnewspublish_at
📁

Media Library

Manage images, PDFs, ads, documents, circulars, slider photos, icons and public downloads.

foldersfile_hashprivate/public
🔎

SEO Manager

Meta title, description, Open Graph image, schema, canonical URL and sitemap generation.

metaschemasitemap
🌐

Language CMS

English/Urdu language strings, button labels, error messages, email templates and public text.

translationslabels
⚙️

Site Settings

Maintenance mode, Google Analytics, reCAPTCHA, SMTP, SMS API, WhatsApp API and cache controls.

settingsintegrations
Admin Editing Tabs

Complete CMS Admin Panel Tabs & Editable Fields

Each website tab will have its own admin editing page with fields, SEO, visibility, order, attachments and audit logs.

Admin CMS Forms

CMS Tab 1 — Website General Settings

Website Name
Website Short Name
Main Logo Upload
Favicon Upload
Primary Color
Secondary Color
Header Layout Type
Footer Layout Type
Website Timezone
Maintenance Mode
Last Edited By
Last Edited At

CMS Tab 2 — Top Bar Edit

Item Title
Item Icon
Item Type: Page / URL / Modal / Form
Target URL
Open in New Tab?
Display Order
Visible Desktop?
Visible Mobile?
Phone Number
Email Address
Active / Inactive
Audit Status

CMS Tab 3 — Header / Logo Area

Logo Image
Mobile Logo
Logo Width
Logo Height
Logo Alignment
Header Background Color
Slogan Text
Registered Trademark Toggle
Sticky Header Yes/No
Header Padding

CMS Tab 4 — Main Menu Builder

Menu Label
Menu Slug
Menu Type
Parent Menu
Linked Page
External URL
Mega Menu Enabled?
Dropdown Columns
Sort Order
Active Highlight Rule
Auth Required?
Role Visibility

CMS Tab 5 — Hero Slider Manager

Slide Title
Slide Subtitle
Desktop Background Image
Mobile Background Image
Overlay Color
Overlay Opacity
Button Text
Button URL
Text Alignment
Display Order
Start Date
End Date
Active / Inactive
Open Apply Page Directly?

CMS Tab 6 — Homepage Shortcut Cards

Card Title
Card Description
Icon Type
Custom Icon Upload
Linked Module
Linked URL
Display Style: Small / Large
Sort Order
Show Description?
Active / Inactive

CMS Tab 7 — Page Builder

Page Title
Page Slug
Page Category
Page Template
Hero Title
Hero Image
Content Blocks
Gallery Block
FAQ Block
Download Attachments
Publish Status
Schedule Publish Date

CMS Tab 8 — SEO / Social Preview

Meta Title
Meta Description
Meta Keywords
Canonical URL
OG Image
Twitter Card Type
Schema Type
Noindex Toggle
Sitemap Include?
SEO Score

CMS Tab 9 — Form Builder

Form Name
Form Module
Field Label
Field Type
Required?
Placeholder
Validation Rule
Options Source
Conditional Logic
Display Order
Save Table Mapping
Admin Notification Email

CMS Tab 10 — Downloads / Documents

Document Title
Document Category
PDF / File Upload
Linked Project
Linked Vacancy
Version Number
Download Visibility
Download Count
Publish Date
Expiry Date

CMS Tab 11 — Footer Manager

Footer Logo
Footer About Text
Address
Phone
Email
Social Media Links
Quick Links
Useful Links
Copyright Text
Developer Credit Toggle

CMS Tab 12 — Templates & Theme

Homepage Template
Project Listing Template
Result Page Template
Applicant Page Template
Button Radius
Card Shadow
Font Family
Icon Set
Custom CSS
Custom JS
Website CMS Workflow

Admin Website Editing Flow

How admin edits the website from CMS and how content goes live safely with approval, preview and audit logs.

CMS Publishing Flow
01

Admin Login

  • Role-based CMS access
  • Two-factor optional
  • Activity logging
02

Select Website Module

  • Top bar / menu / slider
  • Pages / cards / footer
  • Project widgets
03

Edit Content

  • Text, icons, images
  • URL, order, visibility
  • SEO fields
04

Preview Mode

  • Desktop preview
  • Mobile preview
  • Public URL preview
05

Approval Workflow

  • Draft → Review
  • Approver comments
  • Revision history
06

Publish Schedule

  • Publish now
  • Schedule date/time
  • Expire automatically
07

Cache Refresh

  • Homepage cache clear
  • Sitemap refresh
  • SEO index update
08

Audit Saved

  • Old data / new data
  • Editor user ID
  • IP and timestamp
09

Public Display

  • Frontend updates
  • Module status applied
  • Responsive output
10

Rollback Option

  • Restore old version
  • Unpublish content
  • Emergency disable
Applicant End-to-End Journey

Full Candidate Flow from Registration to Merit

The applicant flow includes account creation, profile setup, project applications, verification, payment, roll slip, test, result and merit.

12-Step Applicant Flow
01

Register ID

  • Name, father name, CNIC
  • Mobile, Gmail, password
  • Captcha + OTP verification
02

Open Dashboard

  • Profile completion meter
  • System notifications inbox
  • Non-editable messages log
03

Complete Profile

  • Photo, DOB, gender
  • Marital/religion/fitness
  • CNIC-aligned personal info
04

Address Data

  • Province → District → Tehsil → UC
  • Ward, town, street, house
  • Postal + permanent address
05

Qualifications

  • Matric to highest degree
  • Marks/CGPA + percentage auto-calc
  • Boards, institutes, certificates
06

Experience & Skills

  • Organizations and designations
  • Duration auto-calculation
  • Skill certifications and uploads
07

Select Project/Post

  • Advertisement, vacancy, quota
  • Eligibility engine
  • One/multiple permitted posts
08

Upload Documents

  • CNIC, domicile, degrees
  • Experience, certificates, photo
  • PDF/JPG/PNG validation
09

Declare & Submit

  • Review screen
  • Declaration checkbox
  • Application no. + form locked
10

QC Status

  • Accepted/rejected/objection
  • One-time query if rejected
  • Email/SMS/inbox updates
11

Exam Access

  • Challan/payment status
  • Roll number slip
  • Center, date, shift, seat
12

Result & Merit

  • Answer key view
  • General result by CNIC
  • Tentative/revised merit
Forms with Every Important Field

0-to-100 Applicant Forms Structure

Every form is broken into professional sections with recommended fields, automatic fields, document uploads and backend-ready data points.

Detailed Field-Level Design

Form 1 — Account Registration

Full Name as per CNIC
Father / Guardian Name
CNIC Number
Mobile Number
Gmail / Email Address
Alternate Mobile Number
Password
Confirm Password
Email OTP Verification Status
Mobile OTP Verification Status
Captcha Verification
Account Created Date / IP / Device

Form 2 — Personal Profile

Passport Photo Upload
Full Name as per CNIC
Father Name as per CNIC
Date of Birth as per CNIC
Gender
Marital Status
Religion
Nationality
Domicile Province
Domicile District
Physically Fit? Yes / No
Disability Category / Details
Disability Certificate Number
Disability Certificate Upload

Form 3 — Dynamic Location & Address

Province Dropdown
District Dropdown filtered by Province
Tehsil Dropdown filtered by District
UC Dropdown filtered by Tehsil
Ward Number
Town / Mohalla / Area
Street Number
House Number
Postal Address
Permanent Address as per CNIC
Same as Permanent? Yes / No
Address Validation Timestamp

Form 4 — Academic Qualifications

Qualification Level
Degree Title
Major Subject
Board / University
College / Institute
Registration / Roll Number
Passing Year
Result Declaration Date
Total Marks / Total CGPA
Obtained Marks / Obtained CGPA
Percentage Auto Calculated
Grade Auto Calculated
Certificate / Transcript Upload
Verification Status

Form 5 — Qualification Sequence

1. Matric
2. FA / FSc / ICS / DAE
3. BA / BSc / BS
4. MA / MSc / MS / MPhil / PhD
Other Technical Diploma
Professional License
Equivalent Certificate Needed?
HEC / Board Equivalence Upload

Form 6 — Experience Details

Organization Name
Department / Division
Designation
Job Type: Govt / Private / Contract
Start Date
End Date
Currently Working? Yes / No
Total Experience Months / Years
Key Responsibilities
Reference Contact
Experience Certificate Upload
QC Verification Remarks

Form 7 — Professional Skills & Certifications

Skill Name
Certification Title
Institute Name
Certificate Number
Issue Date
Expiry Date
Skill Level
Relevant to Post?
Certificate Upload
Verification Flag

Form 8 — Project / Vacancy Application

Project / Advertisement Selection
Post / Vacancy Selection
Post Code
Quota Category
District / Region Quota
Gender Quota
Minority / Disability Quota
Eligibility Pass / Fail Engine
Age Calculation at Closing Date
Fee Amount as per Post
Application Draft Number

Form 9 — Document Upload Pack

CNIC Front
CNIC Back
Passport Size Photo
Domicile / Local Certificate
Matric Certificate
Intermediate Certificate
Bachelor Degree
Master / Higher Degree
Experience Certificates
Professional Certificates
NOC / Department Permission
Other Supporting Documents
File MIME Type Validation
File Size / Virus Scan Result

Form 10 — Declaration & Final Submit

Declaration Checkbox
Typed Applicant Name
CNIC Confirmation Re-entry
Application Number Generation
Submission Date & Time
Submission IP Address
Device / Browser Signature
Application Lock Status
Confirmation Email Log
SMS Confirmation Log
Exam Center Management

Complete Test Center Registration, Approval & Allocation Module

Center owner/institution applies, CTSP verifies, capacity is approved, center is used in exam sessions, rooms and seats are allocated.

Exam Center Module

Center Form A — Institution / Owner Profile

Institution / Building Name
Center Type
Ownership Type
Registration Number
Focal Person Name
Designation
Primary Mobile
Alternate Mobile
Official Email
WhatsApp Number
CNIC of Focal Person
Registration Document

Center Form B — Location & Accessibility

Province
District
Tehsil
UC
Area / Town
Street / Road
Full Postal Address
Google Map Pin URL
Latitude
Longitude
Nearest Landmark
Public Transport Availability

Center Form C — Building & Capacity

Total Floors
Available Rooms
Candidate Seating Capacity
Room-wise Capacity
Large Halls?
Ground Floor Rooms
Separate Male/Female Areas?
Waiting Area
Parking Capacity
Wheelchair Access
Emergency Exits
Fire Safety

Center Form D — Facilities

Electricity
Generator / UPS
Water
Washrooms
Male Washrooms
Female Washrooms
CCTV
CCTV Coverage
Internet
Computer Lab
First Aid
Security Guards

Center Form E — Room Inventory

Room Code
Floor Number
Room Name / Number
Room Type
Room Seating Capacity
Exam-Usable Capacity
Benches / Chairs Count
Separate Desk Availability
Fan / AC Status
Lighting Status
CCTV in Room?
Room Photo Upload

Center Form F — Inspection & Approval

Inspection Assigned To
Inspector Name
Inspection Date
Physical Capacity Verified
Facility Score
Security Score
Accessibility Score
Inspection Report Upload
Approval Recommendation
Remarks
Approved / Rejected / Hold
Approved Capacity Lock
Center module logic: center owner applies → CTSP screens → physical inspection → approved center pool → project allocation → room capacity lock → seat plan → exam operations → settlement/reporting.
Examination Operations Flow

Roll Slips, Test Centers, Seating, Attendance, Result & Merit

Complete post-approval exam pipeline: approved applicants become scheduled candidates and final merit records.

Exam Operations
🗓️

Exam Planning

Create exam plans by project, post, paper, city, date, shift and session.

exam_eventssessions
🏫

Center Allocation

Assign approved centers according to city demand, capacity and accessibility.

allocationscapacity_lock
🪑

Seat Planning

Generate building → floor → room → seat map with candidate distribution.

roomsseat_maps
🎫

Roll No Slip

Generate QR-based admit cards with roll number, photo, post, center and instructions.

roll_numbersadmit_cards
👮

Staff Assignment

Assign supervisors, invigilators, observers and material receivers.

exam_staff

Attendance

Candidate attendance, signature, biometric future-ready, absent/late flags.

attendance
📦

Paper Control

Sealed packets, paper codes, answer sheets, dispatch, receive and incident logs.

paper_packets
📊

Result & Merit

Answer keys, objections, marks, result publication, tentative and revised merit.

answer_keysresults
Admin / QC Control Center

Restricted QC Verification + Admin Decision Flow

QC users only see assigned projects/posts. Candidate form opens with data and documents side-by-side, and every decision is traceable.

QC Restrictions

🛡️ QC User Workflow

1
Assigned Project/Post OnlyQC officer sees only posts assigned to them.
2
First Application Auto-OpenPending application opens in synchronized tabs.
3
Identity VerificationName, father name, CNIC and DOB verified.
4
Qualification & Document TabsData and PDF/JPG open together for validation.
5
Accept / RejectReject requires reason; accept hides rejection box.
6
Audit RecordQC user ID and timestamp stored.

⚙️ Admin Oversight Workflow

1
Create Projects & VacanciesPosts, deadlines, fees, quotas, criteria and syllabus.
2
Assign QC WorkloadProject/post-wise assignment and queue balancing.
3
Monitor DecisionsAccepted, rejected, objections and pending review.
4
Applicant Query ReviewOne-time query can be viewed and resolved.
5
Final FreezeApproved data locked for exam planning.
6
Exports & ReportingExcel/PDF, stats and QC productivity.
DraftApplicant working, editable.
SubmittedLocked and ready for QC.
Under ReviewAssigned to QC officer.
ObjectionCorrection/query needed.
ApprovedEligible for next stage.
RejectedReason saved and trackable.
PostgreSQL Data Architecture

Full Database Connectivity Map

A scalable modular database plan separating website CMS, identity, application, center operations, exam operations, results and logs.

90+ Tables Blueprint

1. Website CMS Layer

cms_topbar_items
cms_branding
cms_menus / cms_menu_items
cms_sliders
cms_home_cards
cms_pages / cms_page_blocks
cms_downloads
cms_media_library
cms_seo_meta
cms_footer_sections
cms_revisions

2. Identity + Application Core

applicant_profiles
applicant_addresses
departments → projects → vacancies
qualifications / experiences / skills
application_documents
payments / challans
qc_verifications / remarks
applicant_queries / replies

3. Exam Center + Test Layer

center_contacts / facilities
center_rooms / documents
center_inspections
exam_events / sessions
center_allocations
candidate_assignments
roll_numbers / admit_cards
attendance / incidents
answer_keys / results / merit_lists
Detailed Database Table Groups

CMS + Recruitment + Exam Database Tables

Recommended tables and important fields for PostgreSQL schema and backend API planning.

Schema Modules
1. Website CMS Tables
site_settings: website_name, logo_id, favicon_id, primary_color, secondary_color, timezone, maintenance_mode, analytics_code.
cms_topbar_items: title, icon, type, url, phone/email value, display_order, desktop_visible, mobile_visible, status.
cms_branding: logo_id, mobile_logo_id, slogan, logo_width, logo_alignment, header_bg_color, sticky_header.
cms_menus / cms_menu_items: label, slug, parent_id, linked_page_id, external_url, mega_menu, role_visibility, sort_order.
cms_sliders: title, subtitle, image_desktop, image_mobile, overlay_color, cta_text, cta_url, start_date, end_date, status.
cms_home_cards: title, description, icon, custom_icon_id, linked_module, url, grid_size, sort_order, status.
cms_pages / cms_page_blocks: page_title, slug, template, content_blocks_json, publish_status, scheduled_at.
cms_seo_meta: entity_type, entity_id, meta_title, meta_description, canonical_url, og_image_id, schema_json.
cms_revisions: module_name, record_id, old_data, new_data, edited_by, approved_by, published_at.
2. Authentication & Security Tables
users: id, full_name, father_name, cnic, mobile, email, password_hash, status, email_verified_at, mobile_verified_at.
roles / permissions: role_name, permission_key, access_scope, module_name.
login_activity_logs: user_id, ip_address, user_agent, login_time, logout_time, failed_attempts.
otp_verifications: channel, otp_hash, sent_to, expiry_time, verified_at.
3. Applicant Master Tables
applicant_profiles: user_id, CNIC profile fields, DOB, gender, marital status, religion, nationality, disability details, photo_id.
applicant_addresses: mailing/permanent address, province_id, district_id, tehsil_id, uc_id, ward, street, house_no.
location tables: provinces, districts, tehsils, union_councils, parent-child keys.
4. Project, Vacancy & Eligibility Tables
departments: department_name, logo, contact, status.
projects: advertisement_no, title, publish_date, closing_date, project_type, status.
vacancies: project_id, post_title, post_code, seats, fee, age_min, age_max, quota_mode.
vacancy_requirements: qualification_level, min_percentage, experience_months, domicile, gender, subject criteria.
5. Application Form Tables
applications: application_no, user_id, project_id, vacancy_id, current_step, status, is_locked, submitted_at.
application_qualifications: degree, board, institute, passing_year, marks, percentage, certificate_doc_id.
application_experiences: organization, designation, dates, total_months, certificate_doc_id.
application_documents: type, file_path, mime_type, size, scan_status, qc_status, remarks.
6. QC, Payment & Query Tables
qc_assignments: qc_user_id, project_id, vacancy_id, date_assigned, status.
qc_verifications: application_id, reviewer_id, decision, started_at, completed_at.
verification_remarks: field_name, document_id, issue_type, remark_text, severity.
payment_challans / payments: challan_no, amount, transaction_id, paid_amount, proof_doc_id, status.
applicant_queries / replies: query_text, supporting_doc, submitted_once_lock, reply_text, closed_at.
7. Exam Center Tables
exam_centers: center_no, institution_name, type, ownership, province/district/tehsil/uc, address, map_url, lat, lng, status.
center_contacts: focal_person, designation, mobile, alternate_mobile, email, whatsapp.
center_capacity: floors, rooms, total_capacity, exam_usable_capacity, waiting_area, parking.
center_facilities: electricity, generator, washrooms, cctv, internet, computers, ramp, emergency_exit, guards.
center_rooms: room_code, floor_no, room_name, seats_total, seats_usable, cctv, lighting, ventilation.
center_inspections: inspector_id, visit_date, physical_capacity, facility_score, security_score, accessibility_score.
8. Exam, Result & Merit Tables
exam_events: project_id, vacancy_id, exam_title, exam_date, exam_type, publish_status.
exam_sessions: event_id, shift_name, start_time, end_time, reporting_time.
center_allocations: session_id, center_id, reserved_capacity, allocated_count, supervisor_id.
candidate_exam_assignments: application_id, event_id, session_id, center_id, room_id, seat_no.
roll_numbers / admit_cards: roll_no, QR_token, pdf_path, download_count.
answer_keys / results / merit_lists: paper_code, marks, rank, quota_rank, list_type, version_no.
9. Logs, Notifications & Exports
email_logs / sms_logs: user_id, module, recipient, template, provider_response, status, sent_at.
in_app_notifications: title, message, recipient_user_id, read_at, action_url.
audit_logs: actor_id, action_type, module_name, record_id, old_data, new_data, ip, created_at.
export_jobs: requested_by, export_type, filters_json, file_path, generated_at.
Enterprise Controls

Security, CMS Approval, RBAC, Audits & Data Governance

A recruitment/testing system handling CNICs, documents, CMS publishing and exam data requires strict access control and traceability.

Professional Safeguards
Control AreaRecommended FeaturesPurpose
CMS Approval WorkflowDraft, review, approved, scheduled, published, expired, rollbackSafe website editing without accidental public changes.
Role-Based AccessSuper Admin, CMS Editor, Content Approver, Admin, QC Officer, Center Inspector, Exam Ops, Result Officer, ApplicantSeparate module access and limited data exposure.
QC Scope RestrictionQC officer only sees assigned project and post recordsPrevents unauthorized applicant browsing.
Audit TrailEvery CMS edit, approve/reject/edit/export logged with actor, IP, old/new dataRegulatory traceability and accountability.
Document SecurityPrivate storage, signed URLs, virus scan, MIME validation, file hashSafe applicant and center document handling.
Applicant LockingSubmitted form frozen; query and correction windows controlledStops post-submission manipulation.
SEO & Cache SafetySitemap regeneration, cache clear, preview mode, noindex toggleKeeps website updates stable and searchable.
Exam IntegrityQR admit slips, attendance log, incident log, center/room/seat recordControls test-day risk.
Final Build Roadmap

Recommended Development Phases

Practical implementation order for the full CTSP platform.

Execution Plan
1

Phase 1

Website CMS: top bar, header, menu, slider, cards, pages, SEO, media.

2

Phase 2

Projects, vacancies, applicant registration, dashboard and application forms.

3

Phase 3

Documents, payments, submission lock, QC panel, applicant query system.

4

Phase 4

Exam centers, inspection, approval, center allocation and roll slips.

5

Phase 5

Attendance, answer keys, result, merit, AI/OCR, analytics and APIs.