anhdung244 / Do_an_1

Đồ án môn học CS105 - Đồ họa máy tính

Đây là source code đồ án môn học CS105 - Đồ họa máy tính của nhóm em. Vì đồ source code khá nặng nên tụi em sẽ up source lên github tại link sau: https://github.com/anhdung244/Do_an_1/

Giáo viên hướng dẫn: ThS. Cáp Phạm Đình Thăng

Thành viên:

STT	Tên	MSSV	Github
1	Nguyễn Anh Dũng	19521394	anhdung224
2	Trương Chí Diễn	19520464	TruongChiDien
3	Trần Hoàn Đức Duy	19521434	hdduytran

Video Demo

Vì dung lượng file lớn nên nhóm em sẽ đăng lên Google Drive. Thầy có thể vào đường dẫn này để xem video demo.

Cài đặt souce code

• Link sử dụng trực tiếp mà không cần cài đặt source tại đây
• Ở phần dưới đây sẽ hướng dẫn cài đặt các công cụ để có thể cài đặt và chạy được source code này.

Yêu cầu cơ bản

1. Trình duyệt web

Có thể bỏ qua bước này nếu đã có một trong các trình duyệt được liệt kê dưới đây:

1. Trình duyệt web Google Chrome
2. Trình duyệt web Microsoft Edge
3. Trình duyệt Cốc Cốc
4. Trình duyệt Opera

Khuyến khích sử dụng 1 trong các trình duyệt trên để có thể sử dụng một cách tốt nhất.

2. Visual Studio Code

Vì đây chỉ mới là phiên bản chạy trên local host nên cần dùng trình soạn thảo VS Code để có thể chạy code đúng cách. Nếu máy đã có VS Code thì có thể bỏ qua bước này. Link tải VS Code tại đây. Tải và cài đặt VS Code.

3. Cài extensions

Để có thể chạy source code lên trình duyệt cần cài đặt extension Live Server trên kho extension của VS Code.

1. Mở ứng dụng VS Code
2. Nhấn vào Extensions bên góc phải màn hình hoặc tổ hợp Ctrl + Shilft + X
3. Gõ ritwickdey.liveserver vào khung tìm kiếm.
4. Cài đặt Extension đầu tiên hiện ra.
5. Thoát khỏi VS Code.

4. Cài đặt github & clone code

Cài đặt git để có thể clone source code về máy local. Có thể sử dụng phương pháp tải file zip và giải nén để bỏ qua bước này.

Tải và cài đặt github tại đây. Sau khi cài đặt github, làm các bước sau để clone source code:

1. Mở thư mục nơi xác định chứa code.

2. Chuột phải -> Git Bash Here

3. Dán dòng code sau đây vào Git Bash:

    git clone https://github.com/anhdung244/Do_an_1.git
   

4. Chờ đến khi clone xong thì tắt Git Bash.

Chạy code

Sau khi đã chuẩn bị đầy đủ tất cả các bước trên, làm theo hướng dẫn dưới đây để chạy được code:

1. Mở ứng dụng VS Code.
2. Chọn File -> Open Folder hoặc nhấn tổ hợp Ctrl + K Ctrl + O.
3. Chọn folder chứa code vừa được clone ở bước trước (hoặc folder được tải và giải nén nếu không dùng git).
4. Chọn vào file index.html
5. Chọn Go live dưới góc phải màn hình hoặc nhấn tổ hợp Alt+L Alt+O hoặc Chuột phải -> Open with Live Server