Gallery
Share
Explore

Project Web

Project WWeWeb là 1 dự án để xây dựng trang web nhằm giới thiệu các dịch vụ và sản phẩm liên quan đến hạ tầng mạng, giải pháp mạng, và các thiết bị điện nhẹ (camera giám sát, hệ thống an ninh, chiếu sáng thông minh, v.v.), giúp các công ty, doanh nghiệp, và cá nhân dễ dàng tiếp cận thông tin và yêu cầu hỗ trợ.

Quá trình xây dựng:

Giai đoạn 1: Lên ý tưởng và phê duyệt (3/4 - 9/4/2025)
Mục tiêu: Xác định và duyệt các yêu cầu chức năng và giao diện của website. Bao gồm việc nghiên cứu đối tượng người dùng và đưa ra các yêu cầu cơ bản cho website.
Giai đoạn 2: Phát triển Backend và Frontend (23/03 - 23/04/2025)
Mục tiêu: Xây dựng giao diện người dùng (Frontend) và hệ thống quản trị (Backend), đảm bảo tích hợp thông tin sản phẩm và giải pháp hạ tầng mạng. Phát triển cơ sở dữ liệu và API để quản lý sản phẩm, giải pháp, và các yêu cầu liên hệ của khách hàng.
Giai đoạn 3: Testing, khắc phục lỗi & triển khai hosting (22/04 - 30/04/2025)
Mục tiêu: Kiểm thử hệ thống để đảm bảo tính ổn định, bảo mật và hiệu suất hoạt động. Sau đó, khắc phục lỗi phát sinh và triển khai hệ thống lên hosting để bàn giao cho khách hàng.
Giai đoạn 4: Viết Solution (05/03/2025 - 12/31/2025)
Mục tiêu: Viết các giải pháp, kiến thức liên quan đến hạ tầng mạng và các thiết bị mạng, camera giám sát, và các giải pháp điện nhẹ. Phần này sẽ được hoàn thiện sau khi website đã hoạt động ổn định.

Về kế hoạch cho dự án

Sẽ được chia thành 4 giai đoạn tương ứng với 4 giai đoạn thưc hiện 1 trang web
Mỗi giai đoạn đều sẽ có timeline để thuận tiện và trực quan hơn trong quá trình hiểu về tiến độ và thời gian cho các phần việc
Mỗi giai đoạn sẽ có phần duyệt
Trạng thái đại diện cho tiến trình của công việc
Kết quả sẽ được host lên 1 trang web khác và thông qua web đó để có cái nhìn tổng quan hơn về trang weweb
Timeline cho từng giai đoạn
Stage 1: Lên ý tưởng và phê duyệt
Stage 2: Tiến hành xây dựng websitwebsite
Stage 3: Điều chỉnh và hosting
Stage 4: Viết solution
Feb 2025
Sun2
Mon3
Tue4
Wed5
Thu6
Fri7
Sat8
Sun9
Mon10
Tue11
Wed12
Thu13
Fri14
Sat15
Sun16
Mon17
Tue18
Wed19
Thu20
Fri21
Sat22
Sun23
Mon24
Tue25
Wed26
Thu27
Fri28
Mar 2025
Sat1
Sun2
Mon3
Tue4
Wed5
Thu6
Fri7
Sat8
Sun9
Mon10
Tue11
Wed12
Thu13
Fri14
Sat15
Sun16
Mon17
Tue18
Wed19
Thu20
Fri21
Sat22
Sun23
Mon24
Tue25
Wed26
Thu27
Fri28
Sat29
Sun30
Mon31
Apr 2025
Tue1
Wed2
Thu3
Fri4
Sat5
Stage 1: Lên ý tưởng và phê duyệt
ND
Stage 2: Tiến hành xây dựng websitwebsite
ND
Week
TodayFit
⁠

Giai đoạn 1 : Lên ý tưởng và phê duyệt

Mục tiêu: Tạo ra một bản proposal chi tiết cho website và chờ sự duyệt từ cấp trên hoặc khách hàng.
⁠

1. Mục tiêu Website

Mục đích: Xây dựng website nhằm giới thiệu và quảng bá dịch vụ lắp đặt hạ tầng mạng, bao gồm các thiết bị mạng, camera giám sát và các thiết bị điện nhẹ khác của công ty. Website sẽ đóng vai trò là bộ mặt trực tuyến của công ty, giúp khách hàng tiềm năng dễ dàng tiếp cận thông tin về các giải pháp mạng, sản phẩm và dịch vụ điện nhẹ, đồng thời cung cấp kênh hỗ trợ khách hàng hiệu quả.
⁠

2. Nghiên cứu đối tượng người dùng

Đối tượng chính sử dụng website: Các doanh nghiệp, tổ chức và cá nhân có nhu cầu lắp đặt hạ tầng mạng, hệ thống camera giám sát, cũng như các thiết bị điện nhẹ như điều khiển chiếu sáng, hệ thống an ninh, hệ thống báo cháy, và các thiết bị khác liên quan đến điện và mạng.
Nhu cầu người dùng: Người dùng sẽ tìm kiếm thông tin về các giải pháp mạng, xây dựng hạ tầng mạng, các sản phẩm điện nhẹ như camera, hệ thống an ninh, thiết bị chiếu sáng thông minh, cùng các dịch vụ lắp đặt và bảo trì. Họ cũng có nhu cầu cập nhật thông tin về các sản phẩm mới hoặc yêu cầu hỗ trợ kỹ thuật cho hệ thống hiện tại của mình.

3. Giao diện website

Trang chủ (Home): Giới thiệu tổng quan về công ty, dịch vụ nổi bật và các sản phẩm hạ tầng mạng.
Giới thiệu về công ty (About Us): Cung cấp thông tin về công ty, sứ mệnh, tầm nhìn và giá trị cốt lõi.
Giải pháp (Solutions): Giới thiệu các giải pháp hạ tầng mạng cho doanh nghiệp, phân loại theo từng nhu cầu.
Kho sản phẩm (Product Catalog): Trang hiển thị danh mục sản phẩm, có bộ lọc tìm kiếm nâng cao giúp người dùng nhanh chóng tìm được sản phẩm mong muốn.
Sản phẩm chi tiết (Product Detail): Cung cấp thông tin chi tiết về từng sản phẩm, bao gồm mô tả, giá cả và hình ảnh.
Cơ hội nghề nghiệp (Careers): Hiển thị các vị trí tuyển dụng hiện tại của công ty và thông tin về môi trường làm việc.
Trang liên hệ (Contact Us): Cung cấp các phương thức liên hệ và form hỗ trợ khách hàng.

4. Tính năng cơ bản của website

Hiển thị thông tin từ Backend: Website sẽ hiển thị các sản phẩm, giải pháp mạng, và dịch vụ từ Backend, giúp người quản trị dễ dàng cập nhật mà không cần can thiệp thủ công.
Cập nhật tự động từ Backend: Thông tin về sản phẩm và dịch vụ sẽ được tự động cập nhật từ hệ thống Backend.
Giải pháp mạng (Solutions): Cung cấp phần giới thiệu các giải pháp hạ tầng mạng cho doanh nghiệp, tổ chức và cá nhân, giúp khách hàng lựa chọn giải pháp phù hợp.
Kho sản phẩm: Website sẽ có một kho sản phẩm phong phú, giúp người dùng tìm kiếm và tìm hiểu thông tin chi tiết về sản phẩm, bao gồm mô tả, giá, hình ảnh và thông số kỹ thuật.

5. Phân tích và đề xuất

Yêu cầu cơ bản:
Truy cập nhanh chóng: Website phải tối ưu tốc độ truy cập, đảm bảo người dùng dễ dàng tiếp cận mọi thông tin.
Giao diện hiện đại và thân thiện: Giao diện phải dễ sử dụng, thân thiện với người dùng và dễ dàng quản lý nội dung từ phía quản trị viên.
Khả năng cập nhật tự động: Hệ thống cần tự động cập nhật thông tin từ Backend mà không cần can thiệp thủ công.
Tính năng cần thiết:
Hiển thị thông tin sản phẩm và giải pháp mạng từ Backend.
Cập nhật tự động từ hệ thống quản lý nội dung (CMS).
Tích hợp hệ thống quản lý kho sản phẩm cho phép thêm, chỉnh sửa hoặc xóa sản phẩm một cách dễ dàng.
Giao diện tham khảo:
Mẫu giao diện tham khảo có thể dựa trên các website cung cấp giải pháp IT và hạ tầng mạng hiện có, ưu tiên thiết kế đơn giản nhưng hiện đại, dễ dàng truy cập.
⁠

Dự trù kế hoạch thời gian thực hiện:

Bảng 1: Công việc chung
Công việc
Trạng thái
Xác định mục tiêu website
Nghiên cứu đối tượng người dùng
Lập bảng phân tích và đề xuất
Phê duyệt để qua giai đoạn 2
There are no rows in this table
⁠
Bảng 2 Giao diện tham khảo
Công việc
URL
Trạng thái
Giao diện tham khảo
https://www.juniper.net/us/en.html
Giao diện Giới thiệu về công ty
https://www.juniper.net/us/en.html
Giao diện lĩnh vực kinh doanh
https://www.juniper.net/us/en/services.html
Giao diện giải pháp hạ tầng mạng
https://www.juniper.net/us/en/solutions/
Giao diện Kho sản phẩm
https://store.ui.com/us/en
Giao diện Sản phẩm chi tiết
​
Giao diện Cơ hội nghề nghiệp
https://vtechno.com.vn/vi-sao-chon-vtech.html
Giao diện Liên hệ và hỗ trợ
​
There are no rows in this table
⁠
⁠

GIAI ĐOẠN 2: PHÁT TRIỂN BACKEND & FRONTEND (23/03 - 23/04/2025)

Mục tiêu: Hoàn thiện hệ thống Backend và giao diện Frontend cho website, đảm bảo hoạt động mượt mà, đúng yêu cầu và có thể cập nhật thông tin từ Backend.
Timeline cho giai đoạn 2
Thiết lập dự án Frontend
Trang chủ (Home)
Trang giới thiệu (About Us)
Trang danh mục sản phẩm
Trang chi tiết sản phẩm
Trang giải pháp (Solutions)
Trang liên hệ (Contact Us)
Tinh chỉnh UI/UX
Thiết kế Database
API Quản lý sản phẩm
API Quản lý giải pháp
API Quản lý người dùng
API Quản lý liên hệ
Tích hợp API với Frontend
Nov 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Dec 2024
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Jan 2025
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Feb 2025
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
Mar 2025
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Apr 2025
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
May 2025
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Jun 2025
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Thiết lập dự án Frontend
Trang chủ (Home)
Trang giới thiệu (About Us)
Trang danh mục sản phẩm
Trang chi tiết sản phẩm
Trang giải pháp (Solutions)
Trang liên hệ (Contact Us)
Tinh chỉnh UI/UX
Thiết kế Database
API Quản lý sản phẩm
API Quản lý giải pháp
API Quản lý người dùng
API Quản lý liên hệ
Tích hợp API với Frontend
Month
TodayFit
⁠

1. Thiết kế & Phát triển Giao diện (Frontend) (23/03 - 09/04)

Mục tiêu: Xây dựng giao diện hoàn chỉnh trước khi kết nối với Backend.
⁠
Triển khai giai đoạn 2.1 - phát triển frontend
Trang/Giao diện
Start Date
End Date
Nội dung công việc
Kết quả
Trạng thái
Thiết lập dự án Frontend
3/23/2025
3/24/2025
Chuẩn bị nền tảng cho dự án Frontend
Trang chủ (Home)
3/25/2025
3/27/2025
Hiển thị thông tin công ty, sản phẩm nổi bật
Trang giới thiệu (About Us)
3/28/2025
3/29/2025
Giới thiệu công ty, sứ mệnh, tầm nhìn
Trang danh mục sản phẩm
3/30/2025
3/31/2025
Hiển thị danh sách sản phẩm với bộ lọc
Trang chi tiết sản phẩm
1/4/2025
2/4/2025
Hiển thị thông tin chi tiết của từng sản phẩm
Trang giải pháp (Solutions)
3/4/2025
4/4/2025
Giới thiệu các giải pháp hạ tầng mạng
Trang liên hệ (Contact Us)
5/4/2025
6/4/2025
Form gửi yêu cầu hỗ trợ khách hàng
Tinh chỉnh UI/UX
7/4/2025
9/4/2025
Kiểm tra hiển thị, tối ưu giao diện trên các thiết bị
There are no rows in this table
⁠
⁠

2. Phát triển Backend & Tích hợp API (10/04 - 21/04)

Mục tiêu: Xây dựng Backend và kết nối với Frontend.
cùng với phần Select List ngẫu nhiên đã được điền vào:
Triển khai cho giai đoạn 2 .2 - phát triển backend
Hạng mục Backend
Start Date
End Date
Nội dung công việc
Kết quả
Trạng thái
Thiết kế Database
10/4/2025
11/4/2025
Cấu trúc dữ liệu (Users, Products, Solutions)
API Quản lý sản phẩm
12/4/2025
4/14/2025
Tạo API CRUD cho sản phẩm (GET, POST, PUT, DELETE)
API Quản lý giải pháp
4/15/2025
3/16/2025
Tạo API quản lý danh mục Solutions
API Quản lý người dùng
3/17/2025
3/18/2025
Đăng nhập, phân quyền quản trị viên
API Quản lý liên hệ
3/19/2025
3/20/2025
Endpoint xử lý form liên hệ
Tích hợp API với Frontend
3/21/2025
3/22/2025
Kết nối dữ liệu giữa Frontend & Backend
There are no rows in this table
⁠
⁠

GIAI ĐOẠN 3: TESTING, KHẮC PHỤC LỖI & TRIỂN KHAI HOSTING (22/04 - 30/04/2025)

Mục tiêu:

Kiểm tra toàn bộ hệ thống để đảm bảo tính ổn định, bảo mật và hoạt động chính xác.
Phát hiện và khắc phục lỗi trước khi triển khai chính thức.
Tối ưu hệ thống, bảo mật và triển khai lên môi trường hosting, kiểm tra lần cuối trước khi bàn giao cho khách hàng.
Triển khai cho giai đoạn 3
Giai đoạn
Thời gian
Công việc chính
Status
Testing
22/04 - 23/04
Kiểm thử chức năng, giao diện, bảo mật, hiệu suất.
Bug Fixing
24/04 - 25/04
Sửa lỗi phát sinh từ quá trình kiểm thử.
Triển khai
28/04 - 30/04
Triển khai lên hosting, kiểm tra lần cuối, bàn giao cho khách hàng.
There are no rows in this table
⁠
⁠

GIAI ĐOẠN 4 : TIẾN HÀNH NGUYÊN CỨU VÀ VIẾT SOLUTION

Hiện em chưa có kế hoạch cụ thể về phần này ạ
⁠
Table
⁠
DB cho timline stage 2
⁠
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.