Explore

วันที่ 15 พฤษภาคม 68

1.การพัฒนา Website สำนักงานสาธารณสุขจังหวัดชัยภูมิ

- ศึกษาการใช้งาน

Grid system⁠

⁠

- ออกแบบและสร้าง หน้าแรก ตามโครงสร้างที่ออกแบบไว้

2.ศึกษาโปรแกรมจำลองเครื่องแม่ข่าย (ตัวอย่างเช่น โปรแกรม

VirtualBox⁠

, Vmware Workstation)

- ติดตั้งโปรแกรม

- ทดสอบลง OS

⁠

Grid system

ระบบตาราง 12 ช่อง ใช้ในการจัดเรียงและวางเลย์เอาต์ของเนื้อหา

หลักการทำงานของ Grid

แบ่งหน้าจอเป็น 12 ส่วนเท่า ๆ กัน ในแต่ละแถว (row)

ใช้คลาส .container หรือ .container-fluid เพื่อเป็นกรอบของ Grid

ใช้ .row เพื่อเริ่มต้นแถว

ใช้ .col หรือ .col-[ขนาด]-[จำนวน] เพื่อสร้างคอลัมน์ (column)

.container > .row > .col

Responsive Grid

col-sm-6 = หน้าจอเล็กขึ้นไป (≥576px) ให้กว้าง 6 จาก 12

col-md-4 = หน้าจอกลางขึ้นไป (≥768px) ให้กว้าง 4 จาก 12

col-lg-3 = หน้าจอใหญ่ขึ้นไป (≥992px) ให้กว้าง 3 จาก 12

ถ้าไม่ระบุขนาด col จะแบ่งพื้นที่ให้เท่ากัน

การจัดตำแหน่ง

justify-content-start (จัดซ้าย)

justify-content-center (จัดกลาง)

align-items-center (จัดตำแหน่งแนวตั้ง)

ออกแบบและสร้าง หน้าแรก ตามโครงสร้างที่ออกแบบไว้

สร้างหน้าใหม่

ng generate component home

home.component.html → html

home.component.scss → css

home.component.ts → script

⁠

Carousel⁠

highlight สไลด์ภาพเลื่อน

⁠

Card⁠

⁠

Icon

https://fontawesome.com/icons⁠

⁠

ข่าวสาร กิจกรรมสสจ.ชัยภูมิ เหมือนที่โพสลงในเฟส

ศึกษาการ build Angular project

⁠

โปรแกรมจำลองเครื่องแม่ข่าย

เซิร์ฟเวอร์ (Server) หรือ แม่ข่าย คือ เครื่องคอมพิวเตอร์ที่มีคุณสมบัติในการคำนวณ, จัดเก็บข้อมูล และจัดการกับระบบต่าง ๆ เพื่อเป็นแหล่งทรัพยากรให้กับอุปกรณ์ในเครือข่าย

VirtualBox คือ ซอฟแวร์โอเพนซอร์สแบบ Virtualization สำหรับจำลองระบบปฏิบัติการอื่นในคอมพิวเตอร์หนึ่งเครื่อง

เป็นซอฟต์แวร์สำหรับใช้ทำการจำลองระบบคอมพิวเตอร์

ประโยชน์ ใช้ทดสอบ OS ก่อนลงใช้งานจริงในเครื่องจริง

ติดตั้งโปรแกรม

VirtualBox⁠

ดาวน์โหลดไฟล์ .iso

ทดสอบลง Windows OS

สร้าง Virtual Machine ใหม่

เปิด VirtualBox → กด สร้าง

⁠

ตั้งชื่อ Windows 10

ISO Image: เลือกไฟล์ .iso ที่ดาวน์โหลด

ชนิด: เลือก Microsoft Windows

รุ่น: เลือก Windows 10 (64-bit)

⁠

Hardware

กำหนดหน่วยความจำหลัก (RAM) อย่างน้อย 4096 MB (4 GB) / 8192 MB (8 GB)

1 GB = 1024 MB

⁠

สร้างฮาร์ดดิสก์เสมือน (Virtual Hard Disk)

เลือก Create a virtual hard disk now

ตั้งขนาดประมาณ 50 GB → ถัดไป

⁠

กด Finish

⁠

ติดตั้ง Windows

เลือก VM ที่สร้าง แล้วกด เริ่ม จะขึ้นกำลังรัน

Windows จะเริ่มการติดตั้งในแบบ GUI (เหมือนในเครื่องจริง)

เลือกภาษา Time and currency format เลือก Thai → กด Next

กด Install Now

ถ้าไม่มี Product Key → กด I don’t have a product key (ทดลองใช้งานได้)

เลือก Windows edition เช่น Windows 10 Home

ยอมรับเงื่อนไขการใช้งาน → Next

เลือก Custom: Install Windows only (advanced)

แบ่ง Partition → กด Next (ให้ Windows ลง OS ใน virtual disk ที่สร้างไว้)

⁠

ทดสอบลง Linux OS

⁠

Ubuntu⁠

⁠

เปิด VirtualBox → กด สร้าง

ตั้งชื่อ: Ubuntu 24.04

ISO Image: เลือกไฟล์ .iso ที่ดาวน์โหลด

ชนิด: Linux

รุ่น: Ubuntu (64-bit)

ถ้าไม่กด Skip Unattended Installation ตอน Finish Noจะติดตั้งให้เลย ไม่ต้องตั้งค่าภาษาอะไรต่าง ๆ เอง

⁠

ตั้ง Password กำหนดเอง

⁠

Hardware

หน่วยความจำหลัก 4096 MB (4 GB)

⁠

Hard Disk

เลือก Create a virtual hard disk now

Type VDI

Size อย่างน้อย 25 GB

กด Finish

⁠

ติดตั้ง Ubuntu

กด เริ่ม เพื่อเปิด VM → Ubuntu จะบูตจากไฟล์ ISO

⁠

ลองตรวจสอบการทำงานของเครื่องเสมือน เช่น การเชื่อมต่ออินเทอร์เน็ต และการใช้งานพื้นฐาน

ศึกษาโปรแกรมจำลองเครื่องแม่ข่าย ลองติดตั้งโปรแกรมและทดลองลง OS ในเครื่องเสมือน ช่วยให้เข้าใจหลักการทำงานของ Virtualization และสามารถติดตั้ง OS ภายใน VM

⁠

20/05/68

⁠

https://www.canva.com/design/DAGn9H5Guh4/aNnBUXna_HlF_kq9uOluVA/edit?utm_content=DAGn9H5Guh4&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton⁠

⁠

Want to print your doc?
This is not the way.

Try clicking the ··· in the right corner or using a keyboard shortcut (

CtrlP

) instead.