4.4.1.1 Trang chủ
Bảng 4.2: Giao diện trang chủ
Chức năng:
Trình bày sản phẩm mới.
Trình bày quảng cáo.
Link tới các trang khác: Đăng ký, đăng nhập và một số các trang liên quan khác.
SVTH: GỊP KỲ KHOÁN & PHẠM BẢO TRÍ Trang: 47 4.4.1.2 Sản phẩm
Bảng 4.3: Giao diện sản phẩm
Chức năng:
Trình bày sản phẩm theo yêu cầu.
Danh sách các sản phẩm bán chạy.
SVTH: GỊP KỲ KHOÁN & PHẠM BẢO TRÍ Trang: 48 4.4.1.3 Chi tiết sản phẩm
Bảng 4.4: Giao diện chi tiết sản phẩm
Chức năng:
Trình bày thông tin chi tiết của sản phẩm gồm : Hình ảnh, tên sản phẩm, giá tiền, cấu hình và chức năng, thông tin về sản phẩm và bình luận sản phẩm.
SVTH: GỊP KỲ KHOÁN & PHẠM BẢO TRÍ Trang: 49 4.4.1.4 Đặt hàng
Bảng 4.5: Giao diện đặt hàng
Chức năng :
Trình bày các bước xác nhận thông tin đặt hàng bao gồm: Đặt hàng, cập nhật thông tin giao hàng, hình thước giao hàng, xác nhận thông tin giao hàng và cuối cùng là thanh toán đơn hàng qua trực tuyến.
SVTH: GỊP KỲ KHOÁN & PHẠM BẢO TRÍ Trang: 50 4.4.1.5 Đăng ký và đăng nhập
Bảng 4.6: Giao diện đăng nhập và đăng ký
Chức năng :
Trình bày phần đăng nhập. Trình bày phần đăng ký. Trình bày phần quên mật khẩu
SVTH: GỊP KỲ KHOÁN & PHẠM BẢO TRÍ Trang: 51 4.4.1.6 Trang tin tức
Bảng 4.7: Giao diện tin tức
Chức năng:
SVTH: GỊP KỲ KHOÁN & PHẠM BẢO TRÍ Trang: 52 4.4.2 Trang quản trị - admin
4.4.2.1 Trang quản lý thành viên hệ thống
Bảng 4.8: Giao diện trang quản lý thành viên hệ thống
Chức năng :
Cho phép người quản trị xem thông tin về tài khoản hệ thống (tài khoản, ngày tạo, ngày truy cập và trạng thái).
Tùy theo mỗi quyền của từng tài khoản mà quản lý các trang: Sản phẩm, tin tức, quảng cáo, sản phẩm, đơn đặt hàng, liên hệ, tuyển dụng, menu, khách hàng.
Cho phép người quản trị có thể thêm, chỉnh sửa và xóa thành viên hệ thống khác.
SVTH: GỊP KỲ KHOÁN & PHẠM BẢO TRÍ Trang: 53 4.4.2.2 Trang quản lý sản phẩm
Bảng 4.9: Giao diện trang quản lý danh mục sản phẩm
Chức năng :
Cho phép người quản trị xem thông tin về danh mục sản phẩm, tính năng, kích thước mh, hãng sản xuất, mặt hàng, màu và khuyến mại.
Cho phép người quản trị có thể thêm, chỉnh sửa và xóa danh mục sản phẩm, tính năng, kích thước mh, hãng sản xuất, mặt hàng, màu.
SVTH: GỊP KỲ KHOÁN & PHẠM BẢO TRÍ Trang: 54 4.4.2.3 Trang quản lý tin tức
Bảng 4.10: Giao diện trang quản lý tin tức
Chức năng :
Cho phép người quản trị xem thông tin về tin tức (tiêu đề, nguồn tin, ngày đăng, trạng thái).
SVTH: GỊP KỲ KHOÁN & PHẠM BẢO TRÍ Trang: 55 4.4.2.4 Trang quản lý khách hàng
Bảng 4.11: Giao diện trang quản lý khách hàng
Chức năng :
Cho phép người quản trị xem thông tin về khách hàng (họ tên/ thư điện tử, ngày tạo, ngày truy cập, trạng thái).
Cho phép người quản trị có thể thêm, chỉnh sửa và xóa khách hàng.
Cho phép người quản trị có thể thay đổi mật khẩu khách hàng, nhưng không thể sửa thông tin khách hàng.
SVTH: GỊP KỲ KHOÁN & PHẠM BẢO TRÍ Trang: 56 4.4.2.5 Trang quản lý quảng cáo
Bảng 4.12: Giao diện trang quản lý quảng cáo
Chức năng :
Cho phép người quản trị xem thông tin về quảng cáo (hình ảnh, tiêu đề/ liên kết, thứ tự, trạng thái).
SVTH: GỊP KỲ KHOÁN & PHẠM BẢO TRÍ Trang: 57 4.4.2.6 Trang quản lý đơn đặt hàng
Bảng 4.13: Giao diện trang quản lý đơn đặt hàng
Chức năng :
Cho phép người quản trị xem thông tin về đơn đặt hàng (khách hàng, giá trị đơn hàng, ngày gửi).
Cho phép người quản trị có thể thêm, chỉnh sửa và xóa đơn đặt hàng.
SVTH: GỊP KỲ KHOÁN & PHẠM BẢO TRÍ Trang: 58 4.4.2.7 Trang quản lý menu chính
Bảng 4.14: Giao diện trang quản lý menu
Chức năng :
Cho phép người quản trị xem thông tin về menu ( tiêu đề, thứ tự, trạng thái). Cho phép người quản trị có thể thêm, chỉnh sửa và xóa menu.
SVTH: GỊP KỲ KHOÁN & PHẠM BẢO TRÍ Trang: 59
4.5 Quy trình và kết quả SEO
4.5.1 Công cụ và quy trình SEO
Công cụ SEO: sử dụng công cụ iSEO.
Quy trình SEO:
- Bước 1: Khai báo website với công cụ tìm kiếm google (https://www.google.com/webmasters/tools).
- Bước 2: Tạo Sitemap.xml và Robots.txt.
- Bước 3: Tối ưu hóa code và thêm các thuộc tính vào nếu thiếu (title, description, keywords, h1, h2, in đậm, in nghiêng, chú thích alt cho thể <img> và title cho thể <a>).
- Bước 4: Tạo Geo Meta Tags và icon Favicon. - Bước 5: Tạo Gzip tăng tốc độ cho website.
- Bước 6: kết nối với google Analytics để báo cáo thống kê số lượng truy cập website theo ngày, tháng và năm.
- Bước 7: Đăng tin quảng cáo website mình trên các trang rao vặt, đăng video clip, đăng trên các diễn đàn và tham gia các trang web tăng lượng truy cập.
SVTH: GỊP KỲ KHOÁN & PHẠM BẢO TRÍ Trang: 60 4.5.2 Kết quả SEO
4.5.2.1 Kiểm tra chuẩn SEO
SVTH: GỊP KỲ KHOÁN & PHẠM BẢO TRÍ Trang: 61 4.5.2.2 Vị trí trên google
1) Từ khóa: ktphone - Đứng vị trí thứ 5.
SVTH: GỊP KỲ KHOÁN & PHẠM BẢO TRÍ Trang: 62
2) Từ khóa: Shop dien thoai ktphone – Đứng vị trí thứ 4.
SVTH: GỊP KỲ KHOÁN & PHẠM BẢO TRÍ Trang: 63
3) Từ khóa: Iphone5s ktphone – Đứng vị trí thứ 1.
Bảng 4.18: Từ khóa iphone5s ktphone trên google 4.5.2.2 Thống kê truy cập với Google Analytics
1) Chế độ người dùng
SVTH: GỊP KỲ KHOÁN & PHẠM BẢO TRÍ Trang: 64
2) Chế độ quốc gia
SVTH: GỊP KỲ KHOÁN & PHẠM BẢO TRÍ Trang: 65
Chương 5:
KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN
5.1 KẾT LUẬN
Qua quá trình học tập trao dồi kiến thức cùng bạn bè, kết hợp với tham khảo các tài liệu liên quan, và đặc biệt với sự hướng dẫn chu đáo, tận tình của giáo viên hướng dẫn Ths. Dương Thành Phết, đã giúp cho chúng em rất nhiều trong việc hoàn thành báo cáo này, chúng em cũng được trang bị thêm cho mình những kiến thức mới trong việc xây dựng một website thương mại điện tử. Và đã phần nào ứng dụng các kiến thực đó vào xây dựng website bán điện thoại trực tuyến KT - Phone với các chức năng chính sau:
a) Đối với người quản trị viên : cho phép thực hiện các chức năng quản lý website.
Quản lý thành viên hệ thống :
o Cho phép thêm, xóa, sửa thành viên hệ thống.
o Quản lý thông tin thành viên hệ thống và phần quyền cho từng thành viên quản lý các trang web.
Quản lý sản phẩm :
o Hỗ trợ nhiều hình thức hiện thị sản phẩm và tìm kiếm thông tin. o Cho phép thêm, xóa, sửa sản phẩm.
o Quản lý được thêm, xóa, sửa của nhiều thông tin khác liên quan tới sản phẩm như : Mặt hàng, tính năng, hệ điều hành, hãng sản xuất, kích thước MH, màu.
o Quản lý được thêm, xóa, sửa của nhiều thông tin khác liên quan tới chi tiết sản phẩm như : Tính năng sản phẩm, màu sản phẩm, hình ảnh sản phẩm.
Quản lý tin tức :
o Cho phép thêm, xóa, sửa tin tức.
SVTH: GỊP KỲ KHOÁN & PHẠM BẢO TRÍ Trang: 66
Quản lý khách hàng :
o Hỗ trợ nhiều hình thức hiện thị khách hàng. oCho phép thêm, xóa, sửa khách hàng.
o Quản lý thông tin khách hàng và cập nhật lại mật khẩu khách hàng. o Cho phép quản lý thêm về nội dung kích hoạt tài khoản bằng email.
Quản lý quảng cáo :
o Hỗ trợ nhiều hình thức hiện thị quảng cáo và tìm kiếm thông tin. o Cho phép thêm, xóa, sửa quảng cáo.
o Quản lý danh sách các quảng cáo đã và chưa cập nhật. o Quản lý thêm phần vị trí đặt quảng cáo trên website.
Đơn đặt hàng :
o Hỗ trợ tiềm kiếm thông tin đơn hàng. o Cho phép thêm, xóa, sửa đơn đặt hàng.
o Quản lý tình trạng đơn hàng như : Chưa xử lý, đã hoàn thành, đang giao, giao thành công, đơn hàng hủy, đã hoàn tiền hoặc hủy giao hàng.
o Quản lý danh sách các đơn đặt hàng theo từng tình trạng đơn hàng.
Menu chính :
o Hỗ trợ nhiều hình thức hiện thị menu chính và tìm kiếm thông tin. o Cho phép thêm, xóa sửa menu chính.
o Quản lý danh sách các menu chính.
b) Đối với người dùng :
Cho phép thực hiện các chức năng: đăng ký, đăng nhập, chỉnh sửa thông tin cá nhân, đổi mật khẩu và kích hoạt tài khoản.
Xem sản phẩm theo menu chính như : Hãng sản xuất, hệ điều hành, tính năng, giá tiền, kích thước mh, khuyến mại.
Xem chi tiết sản phẩm và bình luận sản phẩm.
Xem thông tin giỏ hàng, đơn đặt hàng và thanh toán đơn hàng.
Xem các trang khác như : Tin tức, liên hệ, tuyển dụng.
SVTH: GỊP KỲ KHOÁN & PHẠM BẢO TRÍ Trang: 67
5.2 HƯỚNG PHÁT TRIỂN
Khi website đã hoàn chỉnh và chạy một thời gian, chúng em nhận thấy vẫn còn một số chức năng chưa thật sự tốt, như chưa xử lý tốt được nội dung của mỗi bài báo cáo có tao tác với bảng phù hợp với bố cục của trang web, một số giao diện hiển thị ở một số mục như các biểu tượng, nút bấm vẫn chưa thật sự hài lòng, vẫn còn thiếu một số chức năng khác như: quản lý xem các mặt hàng sản phẩm ở dạng RSS, quản lý thêm vị trí quảng cáo ( cho phép khách hàng thêm những vị trí quảng cáo mới) .
Do đó, chúng em sẽ tiếp tục tìm hiểu sâu hơn về các công nghệ này, nhằm mục đích xây dựng website:
Giao diện đẹp, thân thiện với người dùng, có nhiều chức năng và tương tác tốt hơn với người dùng.
Tăng tốc độ load dữ liệu hơn nữa.
Tối ưu code và mã hóa trang web, dữ liệu và tăng tính bảo mật cao hơn.
Xây dựng, bổ sung các tính năng còn thiếu hay chưa thật sự hoàn chỉnh trong quá trình sử dụng.
SVTH: GỊP KỲ KHOÁN & PHẠM BẢO TRÍ Trang: 68
TÀI LIỆU THAM KHẢO
1. TÀI LIỆU TIẾNG VIỆT
1. Ths. Dương Thành Phết, khoa công nghệ thông tin, Trường cao đẳng CNTT TP.HCM, “Giáo trình bài giảng môn Công Nghệ WEB”, “Giáo trình bài giảng môn Công Nghệ WEB nâng cao”, “Bài tập thực hành Công Nghệ WEB” (2013).
2. Ths. Lê Thị Minh Nguyện, khoa công nghệ thông tin, Trường cao đẳng CNTT TP.HCM, “Giáo trình bài giảng môn Cơ Sở Dữ Liệu” (2011), “Giáo trình bài giảng chuyên đề SQL Server” (2013).
2. TÀI LIỆU INTERNET
1. Thayphet.net, “Công nghệ Web nâng cao”,
http://thayphet.net/product-cat/138-cong-nghe-web-nang-cao-.html 2. hhsc.com.vn, “Thương mại điện tử là gì ?”,
http://www.hhsc.com.vn/TinTuc/Tin_khoa_hoc_cong_nghe/tabid/98/cati d/5/id/77/Thuong-mai-dien-tu-la-gi/Default.aspx.
3. idoc.vn, “Thương mại điện tử ở việt nam ?”,
http://idoc.vn/tai-lieu/thuong-mai-dien-tu-va-thuc-trang-giai-phap-o-viet- nam.html 4. Itool.vn, “HTML 5 là gì”, http://itool.vn/HTML5/HTML5-la-gi--634.aspx 5. w3schools.com, “HTML 5 Tutorial”, http://www.w3schools.com/html/default.asp 6. Hoangvi.com, “CSS 3 là gì”, http://www.hoangvi.com/tin-tuc/thiet-ke-web/html5-va-css3-la-gi-n.html 7. w3schools.com, “CSS 3 Tutorial”, http://www.w3schools.com/css/default.asp
8. K53H online, trankieu90.0fees.net, “Chuẩn hóa cơ sở dữ liệu” http://www.trankieu90.0fees.net/forum/viewtopic.php?f=27&t=772 9. msdn.microsoft.com, “LinQ Tutorial”,
SVTH: GỊP KỲ KHOÁN & PHẠM BẢO TRÍ Trang: 69 10.ntuts.com, “bootstrap là gì”, http://ntuts.com/mien-phi/twitter-bootstrap-bo-cong-cu-css-tu- twitter 11.getbootstrap.com, “bootstrap”, http://getbootstrap.com/
12.hoccungdoanhnghiep.vn, “bootstrap tutorial”
http://hoccungdoanhnghiep.vn/noi-dung/gioi-thieu-va-huong-dan-cach- su-dung-bootstrap/