5. Kết cấu của đề tài:
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
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.
Với đề tài: “Xây dựng và phát triển website dịch vụ hoa tươi” trong năm 2019 được viết nên trong khoảng 6 tháng còn. Tuy còn nhiều thiếu sót trong quá trình xây dựng và phát triển website nhưng chúng tôi luôn nỗ lực hoàn thiện một cách tốt nhất để đáp ứng yêu cầu đa dạng và phức tạp của khách hàng. Nhóm đã phân tích những thực trạng của cửa hàng còn mắc phải cũng như đưa ra các giải pháp phát triển website nhằm nâng cao được vị thế và hoạt động kinh doanh của cửa hàng trong thời gian sắp tới. Hoa Tươi UTE rất mong nhận được sự ủng hộ của khách hàng và tin tưởng vào sự thành công trong tương lai.
115
TÀI LIỆU THAM KHẢO
1. Vẽ sơ đồ gantt: https://instagantt.com
2. Báo cáo Thương mại điện tử Việt Nam 2013, Bộ Công Thương, Tr. 26 – 28. 3. Tổng cục thống kê(2019), “Khách quốc tế đến Việt Nam trong 6 tháng năm 2019” Link truy cập: http://vietnamtourism.gov.vn/index.php/cat/1205
4. Trần Lưu (2019), “ TP. HCM dẫn đầu cả nước về chỉ số thương mại điện tử 2019” Link truy cập: https://vietnamfinance.vn/tp-hcm-dan-dau-ca-nuoc-ve-chi-so- thuong-mai-dien-tu-2019-20180504224221379.htm
5. Công cụ của google đo hiệu suất truy cập trang web: https://developers.google.com/speed/pagespeed/insights
116
PHỤ LỤC
PHIẾU KHẢO SÁT: NHU CẦU MUA HOA TƯƠI CỦA NGƯỜI TP. HCM
Giới tính của bạn là gì?
o Nam
o Nữ
o Khác
Độ tuổi của bạn là bao nhiêu?
o - 23
o 24 - 35
o 36 - 50
o Trên 50
Thu nhập bình quân hàng tháng của Anh/Chị:
o Dưới 5 triệu o Từ 5 triệu đến 10 triệu o Từ 10 triệu đến 15 triệu o Trên 15 triệu Bạn sống ở khu vực nào? o Quận 9 o Thủ Đức o Quận 2 o Khác… Nghề nghiệp của bạn là gì?
o Học sinh, sinh viên
o Nhân viên văn phòng
o Nội trợ
117
Trung bình, bao lâu bạn đi mua hoa tươi một lần?
o Hàng tuần
o Hàng tháng
o Vài tháng
o Không thời gian cố định
Bạn thường mua hoa tươi hình thức nào? (Bạn có thể chọn nhiều ý kiến khác nhau)
o Bó hoa
o Giỏ hoa
o Lẵng hoa
o Hoa cành các loại
o Khác…
Bạn thường mua hoa trong những dịp nào?
Ngày lễ: 14/2; 8/3; 20/10; 20/11 Sinh nhật mẹ, sinh nhật bạn gái
Khai trương, chúc mừng ngày kỷ niệm Khác…
Bạn thường chi bao nhiêu cho mỗi lần mua hoa tươi?
o 100,000 vnđ - 300,000 vnđ