Manage Course › Add Course from Catalog › Course Admin Detail
🔔 Notifications 4
Unread (4)
New assignment submission — Introduction to TVET Systems
Learner "Souphavanh Khamphone" submitted "Module 1 Case Study" — awaiting grading
5 minutes ago
Course review request — Advanced Welding Techniques
Instructor "Khamla Boupha" submitted course for publish review. Please approve or reject.
30 minutes ago
New enrollment — Electrical Engineering Fundamentals
15 new learners enrolled via cohort "Batch 2026-A". Total enrollment: 48 learners.
2 hours ago
Content published — Healthcare Safety Procedures
Course "Healthcare Safety Procedures (v2.1)" has been approved and is now live.
4 hours ago
Read
Grade finalized — Python for Data Analysis
Instructor "Bouakham Silavong" finalized grades for Assignment 3. 32 learners graded.
Yesterday
Open Notification Inbox (UC-NOT.03) →
Super Admin
Prototype
🎬 Simulate:
Back to Catalog Add from Catalog mode

Web Development Fundamentals

Learn web development from the ground up, covering HTML, CSS, JavaScript, and Responsive Design. Approved by Northern TVET Center.

S
Inst. Sumalee Rakrian
Northern TVET Center v3.0 · Approved 10 Feb 2026
Review Content
Learning Objectives
Understand HTML structure and the use of semantic elements
Design UI with CSS, Flexbox, and Grid confidently
Write basic JavaScript to add interactivity to web pages

Course Description

Learn web development from the ground up, covering HTML, CSS, JavaScript, and Responsive Design for beginners who want to build solid Front-End Development skills.

S

Owner

Inst. Sumalee Rakrian
Skill Development Institute, Bangkok
Course Details
Course Thumbnail

Course Title

Web Development Fundamentals
Beginner 720 min All ages

Description

Learn web development from the ground up, covering HTML, CSS, JavaScript, and Responsive Design for beginners who want to build solid Front-End Development skills.

Objectives

Understand HTML structure · Design UI with CSS Flexbox and Grid · Write basic JavaScript · Build responsive layouts

Duration (minutes)

720
Total estimated study time

Difficulty Level

Beginner
Level of course content

Age Restriction

All ages
Minimum age or content rating

Prerequisites

Introduction to Python Programming

Grading Description

Learners are evaluated based on quiz scores (50%), assignment submissions (30%), and lesson completion (20%). Minimum passing score: 70%.

Course Page Section Visibility

Include "About this course" section
Include "Learning outcomes" section
Show module structure in catalog
Include recommendations section
Include testimonials section
Include reviews section
Include forum
Course Settings (Published)
Published · 12 Jan 2025

Course Type

Self-paced
Learn at your own pace

Pricing

Paid
Registration fee required

Assignment

Enabled
This course includes assignments

Published by

S
Super Admin
superadmin@backoffice.ac.th

Tags

Web Development TVET
These Course Settings are configured by the Super Admin of the owning institution — read-only in Add from Catalog mode
Back to Catalog

Screen Flow (from flow.puml):

→ Add to Program (success) → Course List → Back → Course Catalog Picker [modal]
📝 Spec notes — UC-LMS.18 / SCR-LMS.06 — Add from Catalog mode (fields, actions, requirements)
Identity
  • Screen: SCR-LMS.06 — Course Admin Detail (Add from Catalog mode)
  • Use case: UC-LMS.18 — Add Course from Catalog
  • Mode: Add from Catalog — 2 tabs only (no Course Settings tab)
Brief description

SCR-LMS.06 in "Add from Catalog" mode. Opened after the User selects a course in SCR-LMS.51 (UC-LMS.18 M-4). Displays 2 tabs: Tab 1 Course Overview (read-only from approved CCM snapshot) and Tab 2 Manage Course Instructor (disabled until course is added). The User reviews the course overview then clicks "Add to Program".

Fields
  • active_tab — enum [course_overview, instructor_management] · default: course_overview
  • course_title "Course Title" — text · data_ref: Course.title · read-only · Tab 1
  • course_description "Description" — textarea · data_ref: Course.description · read-only · Tab 1
  • course_objectives "Objectives" — textarea · data_ref: Course.objectives · read-only · Tab 1
  • owner_instructor_name "Owner" — computed from CourseInstructor where role=owner · read-only · Tab 1
Actions
  • switch_tab "(click Tab)" — always enabled; Tab 2 Manage Course Instructor disabled until course added · triggers UC-LMS.01-M-3
  • add_to_program "Add to Program" — enabled when mode == uc_lms_18 · triggers UC-LMS.18-M-6 → M-7 (upsert InstitutionCourse) → M-8 (return SCR-LMS.03)
  • back_to_catalog "Back to Catalog" — always enabled · triggers UC-LMS.18-AF-6A → reopens SCR-LMS.51 dialog
Additional requirements
  1. Tab 1 Course Overview — read-only in all modes; content sourced from approved CCM snapshot (SS-CCM.11) — not the current draft [refs: SS-CCM.11]
  2. Tab 2 Manage Course Instructor (UC-LMS.01) — disabled until Add to Program succeeds; open issue: hide entire Tab or show but lock functions
  3. A Course already added to the institution may be re-selected — the existing link is identified; Add to Program acts as update instead of create
  4. Visibility scope — Program Admin can access only courses within their active Working Institute; Super Admin can access all courses. Enforcement must be done server-side [refs: NFR-10]
⚠ Open issues (UC-LMS.18)
  • InstitutionCourse entity not yet in entities.puml — soft-link (deletable) vs hard-link (non-deletable if Enrollments exist) decision pending
  • is_shared flag not yet modeled in CCM — location undecided (Course entity, CoursePublishRequest, or new CourseSharingPolicy entity)
  • Course from another institution that is unpublished/retired after being added — behavior not yet defined
  • Tab 2 Manage Course Instructor in Add mode is disabled — decide: hide entire Tab or display but lock functionality until Add is completed