5. Kết cấu của đề tài:
4.1 Thông số kỹ thuật thiết kế hệ thống
4.1.1. Tên miền
Hoa tươi UTE sử dụng tên miền quốc tế .com với địa chỉ truy cập chính thức là: www.hoatuoiUTE.com.
Chúng tôi đã kiểm tra sự tồn tại của tên miền này trước đó và nhận thấy tên miền này chưa tồn tại. Ở đây, chúng tôi sử dụng tên miền .com, chi phí duy trì tên miền: 275.000đ/năm.
Có rất nhiều đơn vị cung cấp tên miền và hosting tại Việt Nam nhưng để đảm bảo tối ưu về chi phí và chất lượng, chúng tôi quyết định lựa chọn Autumn Pro để đăng ký, duy trì tên miền, cung cấp VPS cho Hoa Tươi UTE.
Hình 4.1: Tên miền trên website Hoa Tươi UTE.
(Nguồn: http://hoatuoiute.com/)
4.1.2. Lựa chọn hosting
Hosting thực chất là 1 gói dịch vụ bán lẻ của các nhà cung cấp website trực tuyến tại Việt Nam. Bản chất của Hosting được xây dựng trên nền tảng của
70
một chiếc máy tính tương tự như một máy tính để bàn (Case). Tuy nhiên vì chiếc máy tính này phải hoạt động liên tục 24/24 để đảm bảo quá trình người dùng truy cập website. Chính vì vậy cấu hình, lẫn hệ thống làm mát của máy này phải thực sự kiên cố và bền bỉ. Người ta đã đặt tên cho nó là SERVER (Máy chủ), các Server này được đặt ở nhiều vị trí khác nhau trên thế giới trong điều kiện được bảo vệ kỹ càng về mặt nhiệt độ lẫn hệ thống làm mát.
Tại các Server sau quá trình cài đặt. Người ta sẽ chia nhỏ ổ cứng (HDD) thành nhiều phân vùng khác nhau. Các phân vùng này có một giá trị bộ nhớ nhất định (5GB, 10GB, 20GB, 25GB, 50GB…). Mỗi phân vùng được cài lên đó một hệ điều hành riêng và được chia nhỏ bộ nhớ truy cập ngẫu nhiên (RAM) trong tổng số dung lượng thực của RAM. Mỗi gói như thế được gọi là VPS (máy chủ ảo). Vì nhu cầu sử dụng của người tiêu dùng khác nhau. Không phải ai cũng đủ tiền để thuê một VPS (máy chủ ảo) hay 1 Server (máy chủ). Bởi chi phí của nó khá cao so với mức thu nhập bình quân tại Việt Nam. Chính vì thế, tại các VPS (máy chủ ảo) này người ta lại chia nhỏ các gói theo các thông số về bộ nhớ đĩa cứng + băng thông. Các gói chia nhỏ của VPS này được gọi là Hosting.
Để đảm bảo tối ưu về chi phí và chất lượng, chúng tôi quyết định lựa chọn Autumn Pro để đăng ký và cung cấp VPS cho Hoa Tươi UTE.
71
Hình 4.2: Chất lượng và chi phí hosting do Autumn cung cấp.
(Nguồn: http://http://autumnpro.vn/hosting/supper-hoting-1/)
4.2. Các thành phần cơ bản của website 4.2.1. Tổng quát thành phần cơ bản website 4.2.1. Tổng quát thành phần cơ bản website
Hình 4.3: Phần đầu của trang chủ.
72
Hình 4.4: Phần giữa đầu của trang chủ.
73
Hình 4.5: Phần giữa sau của trang chủ.
(Nguồn: http://hoatuoiute.com/)
Hình 4.6: Phần cuối của trang chủ.
74
Cấu trúc trang gồm có:
1. Địa chỉ email và số hotline liên hệ 2. Logo trang web
3. Ô gõ nội dung tìm kiếm trên trang web 4. Dropdown Tab, gồm có:
- Hoa tình yêu. - Bó hoa tươi. - Hoa chúc mừng. - Hoa chia buồn. - Hoa sinh nhật. 5. Navigation Tab, gồm có: - Trang chủ. - Giới thiệu. - Sản phẩm. - Khuyến mãi. - Tin tức – sự kiện. - Liên hệ. 6. Banner động.
7. Hình ảnh tượng trưng các loại hoa.
8. Mục hiển thị sơ các mặt hàng hoa theo loại hoa.
9. Ảnh minh họa và liên kết dẫn tới các mặt hàng hoa được bán theo loại hoa. 10. Liên kết để xem chi tiết tất cả các mặt hàng hoa theo loại hoa.
11. Tin tức được cập nhật liên tục theo chủ đề hoa. 12. Các video clips youtube được thay đổi liên tục. 13. Bản đồ Google map hướng dẫn tới vị trí shop hoa.
75
15. Chi tiết thông tin công ty.
16. Mục các liên kết chính sách của công ty.
17. Tag nhanh trang web thông qua các mạng xã hội.
18. Thông tin bản quyền, đang online và tổng lượt truy cập.
4.2.2. Các nội dung cần xây dựng
Nội dung website là một trong những yếu tố thu hút người truy cập. Ở đây, chúng tôi xác định các thông tin sau là cần thiết cho việc xây dựng:
• Trang chủ
- Thiết kế trang chủ với những module chính trong website.
• Banner động
- Thiết kế banner động ấn tượng, thay đổi ảnh banner sau một khoảng thời gian cố định
Hình 4.7: Banner động.
76
• Phần giới thiệu
- Trang thông tin giới thiệu tóm tắt và quan điểm kinh doanh của Hoa tươi UTE, có thể chia sẻ bài viết lên mạng xã hội.
Hình 4.8: Phần giới thiệu.
77
• Phần sản phẩm
- Hiển thị danh sách sản phẩm, phân danh mục sản phẩm theo nhiều loại, hiển thị chi tiết sản phẩm, có thể chia sẻ sản phẩm lên mạng xã hội, xem các sản phẩm liên quan ở dưới.
Hình 4.9: Phần sản phẩm.
(Nguồn: http://hoatuoiute.com/)
• Phần khuyến mãi
- Tại đây sẽ chứa các thông tin các mặt hàng hoa đang được khuyến mãi và khu vực có thể giao
78
• Phần tin tức – sự kiện
- Trang này sẽ chứa các thông tin về tin tức, sự kiện, bài viết liên quan đến hoa để khách hàng có thể tra cứu như là một tiện ích mở rộng
Hình 4.10: Phần tin tức – sự kiện.
(Nguồn: http://hoatuoiute.com/)
• Trang liên hệ
- Sẽ chứa các thông tin về công ty như địa chỉ công ty, số điện thoại, email, tra cứu công ty trên google maps. Ngoài ra còn có chức năng gửi thông tin để liên hệ với website về điều khách hàng muốn liên lạc.
79
Hình 4.11: Phần liên hệ.
(Nguồn: http://hoatuoiute.com/)
• Thống kê số người truy cập
80
Hình 4.12: Phần thống kê truy cập online.
(Nguồn: http://hoatuoiute.com/)
- Có thể xem lại thông tin thống kê truy cập hàng tháng theo biểu đồ đường. Ngoài ra còn có thể tải về các sơ đồ này về dạng file.
Hình 4.13: Phần thống kê truy cập hàng tháng.
(Nguồn: http://hoatuoiute.com/admin-secure/)
81
- Chức năng đăng ký nhận tin giúp khách hàng nhận tin tức thường kỳ do website cung cấp.
Hình 4.14: Phần đăng ký nhận tin.
(Nguồn: http://hoatuoiute.com/)
- • Các chức năng tiện ích
- Hiển thị các video về chủ đề hoa, ý nghĩa các loài hoa từ nền tảng Youtube.
82
Hình 4.15: Phần cuối của trang chủ.
(Nguồn: http://hoatuoiute.com/)
• Quản lý đăng tin – cập nhật sản phẩm
- Chức năng dành cho người quản trị hệ thống giúp theo dõi và quản lý nội dung, sản phẩm trên trang web một cách liên tục
- Bảng quản trị:
83
Hình 4.16: Phần đăng nhập, đăng xuất và thay đổi mật khẩu.
(Nguồn: http://hoatuoiute.com/admin-secure/)
+ Quản trị mục sản phẩm + Quản trị sản phẩm
+ Quản trị thông tin giới thiệu website + Quản trị bài viết
+ Quản trị slider – album + Quản trị hình ảnh
+ Quản trị thông tin công ty + Quản trị cấu hình website
84
Hình 4.17: Các đối tượng được quản lý.
(Nguồn: http://hoatuoiute.com/admin-secure/)
+ Giao diện tiếng Việt, dễ sử dụng, quản trị
+ Tích hợp bộ soạn thảo nội dung WYSIWYG tương tự Microsoft Words
85
Hình 4.18: Giao diện trình chỉnh sửa nội dung.
(Nguồn: http://hoatuoiute.com/admin-secure/)
* Các tính năng quản trị chung: Tạo, sửa, xóa, cập nhật trạng thái thuộc tính, tìm kiếm các đối tượng được quản lý…
Hình 4.19: Giao diện quản lý các kiểu đối tượng.
(Nguồn: http://hoatuoiute.com/admin-secure/)
86
4.3.1. Phân tích đặc tả hệ thống:
* Yêu cầu chức năng nghiệp vụ Lưu trữ:
Hệ thống lưu trữ thông tin về:
- Thông tin danh sách các danh mục hoa, sản phẩm hoa, hình ảnh, video, bài viết (thông tin tổng quát và dữ liệu).
- Thông tin tùy chọn: thông tin và cấu hình chung, thống kê truy cập hằng ngày, chatbox…
Tra cứu:
- Tra cứu thông tin về các sản phẩm hoa theo tên sản phẩm và danh mục sản phẩm.
- Tra cứu thông tin giới thiệu và liên hệ công ty, chương trình khuyến mãi, thông tin tin tức – sự kiện về hoa
- Thống kê lượt truy cập hằng ngày.
Quản lý sản phẩm hoa:
Thêm, xem, tìm kiếm theo tên, xóa, sửa đổi trạng thái và nội dung các sản phẩm hoa.
Quản lý danh mục hoa:
Thêm, xem, tìm kiếm theo tên, xóa, sửa đổi trạng thái và nội dung các danh mục hoa.
Quản lý bài viết:
Thêm, xem, tìm kiếm theo tên, xóa, sửa đổi trạng thái và nội dung các bài viết.
Quản lý slider - album:
Thêm, xem, tìm kiếm theo tên, xóa, sửa đổi trạng thái và nội dung các slider - album.
Quản lý trang tĩnh:
87
Quản lý cấu hình website:
Sửa đổi các thông tin cấu hình về admin hệ thống như: username, password, tên, email, số điện thoại.
Quản lý hình ảnh:
Thêm, xem, tìm kiếm theo tên, xóa, sửa đổi trạng thái và nội dung hình ảnh.
Quản lý thông tin công ty:
Sửa đổi nội dung thông tin chung về công ty.
* Yêu cầu chức năng hệ thống Phân quyền:
- Khách hàng: chỉ được quyền xem danh sách các danh mục hoa, sản phẩm hoa, chơi game, tra cứu thông tin và liên hệ công ty, tra cứu chương trình khuyến mãi, tin tức – sự kiện, tra cứu video liên quan về hoa, địa điểm công ty thông qua google map, xem thống kê lượt truy cập online của website.
- Admin: có toàn quyền trong website.
4.3.2. Mô tả chi tiết từng chức năng và tác nhân: Bảng 4.1: Mô tả tác nhân Bảng 4.1: Mô tả tác nhân
Tên tác nhân Công việc/vai trò
Admin
- Đăng nhập
- Đăng xuất
- Quản lý danh mục sản phẩm
- Quản lý danh sách sản phẩm
- Xem thống kê truy cập hàng tháng
- Quản lý tin tức sự kiện
- Quản lý khuyến mãi
- Quản lý chính sách
- Quản lý slider
- Quản lý video
- Quản lý header & footer
- Quản lý trang tĩnh
- Quản lý cấu hình website
- Quản lý hình ảnh
88
- Quản lý bài viết
Khách hàng
- Tìm kiếm sản phẩm hoa
- Tra cứu và truy cập bằng google map
- Sử dụng chatbox
- Chia sẻ sản phẩm lên mạng xã hội
Bảng 4.2: Mô tả chức năng
STT Chức năng Mô tả
1 Đăng nhập Cho phép admin đăng nhập vào hệ thống với giao quản lý riêng và quyền quản trị nội dung trang web
2 Đăng xuất Giúp admin thoát tài khoản khỏi hệ thống khi không sử dụng hệ thống nữa
3
Quản lý danh mục sản
phẩm Thêm, xem, tìm kiếm theo tên, xóa, sửa đổi trạng thái và nội dung các danh mục hoa.
4 Quản lý danh sách sản phẩm
Thêm, xem, tìm kiếm theo tên, xóa, sửa đổi trạng thái và nội dung các sản phẩm hoa.
5 Xem thống kê truy cập hàng tháng
Xem thống kê truy cập hàng tháng theo biểu đồ đường, ngoài ra còn cho phép tải sơ đồ về client dạng file
6 Quản lý bài viết Thêm, xem, tìm kiếm theo tên, xóa, sửa đổi trạng thái và nội dung các bài viết.
7 Quản lý slider - album Thêm, xem, tìm kiếm theo tên, xóa, sửa đổi trạng thái và nội dung các slider - album.
8 Quản lý trang tĩnh Sửa đổi nội dung các trang tĩnh có sẵn
9 Quản lý cấu hình website
Sửa đổi các thông tin cấu hình về admin hệ thống như: username, password, tên, email, số điện thoại.
10 Quản lý hình ảnh Thêm, xem, tìm kiếm theo tên, xóa, sửa đổi trạng thái và nội dung hình ảnh.
11 Quản lý thông tin công
ty Sửa đổi nội dung thông tin chung về công ty.
89
hoa hoặc danh mục hoa
13 Tra cứu và truy cập bằng google map
Giúp khách hàng tra cứu địa chỉ công ty ngay trên google maps và tận dụng các công cụ của nó để thuận tiện cho việc tìm đến công ty
14 Sử dụng chatbox
Là một nơi để khách hàng có thể trao đổi với admin để tư vấn các vấn đề liên quan đến mua bán hoa thông qua mạng xã hội facebook, thuận tiện và nhanh chóng hơn cho khách hàng và admin
15 Chia sẻ sản phẩm lên mạng xã hội
Chức năng cho phép khách hàng chia sẻ bài viết sản phẩm lên các mạng xã hội
16 Quản lý bài viết Thêm, xem, tìm kiếm theo tên, xóa, sửa đổi trạng thái và nội dung các bài viết.
4.3.3. Sơ đồ Use Case: * Use case Tổng quát: * Use case Tổng quát:
90
Sơ đồ 4.2: Use case Quản lý sản phẩm
91
Sơ đồ 4.4: Use case Quản lý slider - album
92
93
4.3.4. Sơ đồ Lớp:
Sơ đồ 4.7: Sơ đồ lớp 4.3.5. Sơ đồ Tuần Tự:
94
Sơ đồ 4.8: Sơ đồ tuần tự Đăng nhập
95
96
97
98
99
100
101
102
103
104
105
106
Sơ đồ 4.21: Sơ đồ tuần tự Xem thống kê truy cập * Khách hàng
107
Sơ đồ 4.23: Sơ đồ tuần tự Chatbox
108
109
4.4. Phân tích phi chức năng hệ thống: * Tốc độ tải trang của di động và máy tính: * Tốc độ tải trang của di động và máy tính:
Hình 4.20: Tốc độ tải trang trên thiết bị di động.
110
Hình 4.21: Tốc độ tải trang trên máy tính.
(Nguồn: https://developers.google.com/speed/pagespeed/insights)
* Giao diện người dùng: + Trên máy tính:
111
Hình 4.22: Giao diện trang web trên máy tính. + Trên điện thoại:
112
113
114
KẾT LUẬN
Hoa Tươi UTE sẽ luôn cố gắng mang đến cho khách hành những dịch vụ tốt nhất bằng cả tấm lòng của người mang trao “nụ cười” hạnh phúc. Chúng tôi luôn cố gắng để tạo nên sự chuyên nghiệp của đội ngũ nhân viên và mong muốn website của chúng tôi là một website danh tiếng có uy tín trong lòng mọi người, được mọi người tin tưởng và biết đến.
Để nâng cao vị thế của Hoa tươi ute trên thị trường thì cửa hàng cần nhìn lại thực trạng của mình trong những tháng qua, để rút ra những khó khăn. Từ đó, đội ngũ nhân viên sẽ cùng nhau giải quyết và tìm ra những hướng đi tốt hơn. Tuy nhiên, các giải pháp cần phù hợp với khả năng, năng lực tài chính, con người của công ty. Để thay đổi vị trí của mình trên thị trường Hoa tươi thành phố Hồ Chí Minh nói riêng và của Việt Nam nói chung thì một hướng đi đúng cùng sự nỗ lực của tất cả các thành viên công ty là đều cần thiết. Vì thế, việc xây dựng và phát triển website cũng như chiến lược kinh doanh một cách đúng đắn ngay từ đầu sẽ khắc phục được các vấn đề đang gặp phải và mang lại lợi ích rất lớn cho doanh nghiệp ở thời điểm hiện tại lẫn trong tương lai.