MỘT SỐ GIAO DIỆN CHÍNH CỦA WEBSITE

Một phần của tài liệu Khoa_Luan_Tot_Nghiep (Trang 56)

4.4.1 Trang người dùng

4.4.1.1 Trang chủ

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.  Trình bày sản phẩm theo thương hiệu.

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.

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ý.

4.4.1.6 Trang tin tức

Bảng 4.7: Giao diện tin tức

Chức năng:

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.

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.

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).

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.

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).

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.

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.

4.5 Quy trình và kết quả SEO4.5.1 Công cụ và quy trình 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.

4.5.2 Kết quả SEO

4.5.2.2 Vị trí trên google

1) Từ khóa: ktphone - Đứng vị trí thứ 5.

2) Từ khóa: Shop dien thoai ktphone – Đứng vị trí thứ 4.

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

2) Chế độ quốc gia

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.

o Quản lý danh sách các tin tức đã và chưa cập nhật.

 Quản lý khách hàng :

o Hỗ trợ nhiều hình thức hiện thị khách hàng.

o Cho 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.

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.

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”,

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/

Một phần của tài liệu Khoa_Luan_Tot_Nghiep (Trang 56)