Skip to content
ออกแบบและพัฒนาระบบ Website สำนักงานสาธารณสุขจังหวัดชัยภูมิ (โดยใช้ frontend และbackend framework ที่เลือก)ไฮไลท์ ภาพสไลด์เลื่อนเมนูพร้อมไอคอน (ระบบงานดิจิทัล จองห้องประชุม smart profile..)ประกาศ/ข่าวเกี่ยวกับ (footer)หมวดหมูประกาศตามกลุ่มงานข่าวสารกิจกรรมสสจ.ชัยภูมิ (เหมือนในเฟส)HDCSmart Profileจองห้องประชุม...
ฐานข้อมูล MySQLใช้ Node.js + Expressport 3000
meeting เก็บการจองห้องประชุมmeeting_room เก็บข้อมูลห้องประชุมmeeting_type เก็บประเภทห้องประชุมmember เก็บข้อมูลสมาชิกmember_workgroup เก็บกลุ่มงาน
เปิด rufus.exe → Device เลือกแฟลชไดรฟ์Boot selection เลือกไฟล์ .iso ที่ดาวน์โหลดไว้กด Start จะขึ้นเตือนว่า ข้อมูลทั้งหมดใน USB จะถูกลบ → OK ยืนยัน แล้วก็รอเมื่อเสร็จแล้วจะขึ้นว่า Ready → Closeเลือกการตั้งค่าที่ต้องการ กด next → Install Now ใส่คีย์ทีหลังได้กำหนด Partition (แบ่งไดรฟ์) → next1 GB = 1024 MB ลง Driver และ Software ที่จำเป็น
วันที่ 8 พฤษภาคม 68
- Frontend Framework
- วิเคราะห์และออกแบบโครงสร้าง Website
- สร้าง Project website
- Backend Framework
- วิเคราะห์และออกแบบโครงสร้างฐานข้อมูล
- สร้าง project API
2. การติดตั้งระบบปฏิบัติการ
- Windows OS
- Linux OS
3. เครื่องมือสำหรับพัฒนา (IDE)
- ติดตั้ง extension ที่จำเป็น
Website สำนักงานสาธารณสุขจังหวัดชัยภูมิ
Frontend Framework
วิเคราะห์และออกแบบโครงสร้าง Website
เมนู - หน้าแรก เกี่ยวกับ ข่าวสาร ระบบงานดิจิทัล
หน้าแรก
ประกาศ/ข่าว
ระบบงานดิจิทัล
Smart Profile
dashboard
สร้าง Project website
ng new ชื่อโปรเจกต์
ติดตั้ง css ที่จะใช้
npm install bootstrap
Backend Framework
วิเคราะห์และออกแบบโครงสร้างฐานข้อมูล
สร้าง project API
npm install ที่จำเป็น
ระบบจองห้องประชุม
cmd เข้า MySQL
mysql -u root -p
สร้างฐานข้อมูล ชื่อ meetingdb
CREATE DATABASE meetingdb
เลือกฐานข้อมูลที่จะใช้
USE meetingdb;
สร้างตารางในฐานข้อมูล
CREATE TABLE workgroup (
workgroup_id VARCHAR(10) PRIMARY KEY,
workgroup_name VARCHAR(255) NOT NULL,
active CHAR(1) DEFAULT 'Y'
);
เพิ่มข้อมูลลงในตาราง
INSERT INTO workgroup (workgroup_id, workgroup_name, active) VALUES
('101', 'กลุ่มงานบริหารทั่วไป', 'Y'),
('102', 'กลุ่มงานพัฒนายุทธศาสตร์สาธารณสุข', 'Y'),
('103', 'กลุ่มงานส่งเสริมสุขภาพ', 'Y');
ดูข้อมูลในตาราง
SELECT * FROM workgroup;
ตรวจสอบข้อมูลในตาราง
โปรแกรม XAMPP
Start MySQL
โปรแกรม Navicat
Database ชื่อ meetingdb มี Table
รันโปรเจกต์
npm start หรือ nodemon
การติดตั้งระบบปฏิบัติการ
Windows OS
ดาวน์โหลด Windows ISO
เปิดไฟล์ที่ดาวน์โหลด → Accept → Create installation media... →Next → Save ไฟล์ รอ → Finish
สร้าง USB Boot ด้วย Rufus
เสียบแฟลชไดรฟ์เข้าเครื่องที่จะติดตั้ง
กด F2 เข้า BIOS ของเครื่อง
เลือกเมนู Boot เลือก Boot Priority
เลือก Boot จาก USB เป็นอันดับแรก แล้วกด F10 บันทึก → Enter
เริ่มติดตั้ง Windows
Linux OS
ดาวน์โหลดไฟล์ ISO ที่ต้องการ เช่น
ขั้นตอนการเตรียมและติดตั้งเหมือน Windows
เครื่องมือสำหรับพัฒนา (IDE)
Visual Studio Code
ติดตั้ง extension ที่จำเป็น
HTML
Want to print your doc?
This is not the way.
This is not the way.
Try clicking the ··· in the right corner or using a keyboard shortcut (
CtrlP
) instead.