Xây dựng website bán điện thoại di động cho cửa hàng hải hà

ĐỒÁN2 XÂY DỰNG WEBSITE BÁN ĐIỆN THOẠI DI ĐỘNG CHO CỬA HÀNG HẢI HÀ NGÀNH: CÔNG NGHỆ THÔNG TIN CHUYÊN NGÀNH: KỸ THUẬT PHẦN MỀM HƯỚNG CHUYÊN SÂU: CÔNG NGHỆ WEB HƯỚNG DẪN: NGUYỄN THỊ HẢI NĂNG HƯNG YÊN – 2021 NHẬN XÉT Nhận xét của giảng viên hướng dẫn: ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... ....................................................................................................................................... GIẢNG VIÊN HƯỚNG DẪN (Ký và ghi rõ họ tên) 2 Đồ án 2: Xây dựng website bán điện thoại di động cho cửa hàng Hải Hà LỜI CAM ĐOAN Em xin cam đoan đồ án “Xây dựng website bán điện thoại di động cho cửa hàng Hải Hà” là kết quả thực hiện của bản thân em dưới sự hướng dẫn của cô Nguyễn Thị Hải Năng. Những phần sử dụng tài liệu tham khảo trong đồ án đã được nêu rõ trong phần tài liệu tham khảo. Các kết quả trình bày trong đồ án và chương trình xây dựng được hoàn toàn là kết quả do bản thân em thực hiện. Nếu vi phạm lời cam đoan này, em xin chịu hoàn toàn trách nhiệm trước khoa và nhà trường. Hưng Yên, ngày … tháng … năm….. Sinh viên 3 Đồ án 2: Xây dựng website bán điện thoại di động cho cửa hàng Hải Hà LỜI CẢM ƠN Để có thể hoàn thành đồ án này, lời đầu tiên em xin phép gửi lời cảm ơn tới bộ môn Công nghệ phần mềm, Khoa Công nghệ thông tin – Trường Đại học Sư phạm Kỹ thuật Hưng Yên đã tạo điều kiện thuận lợi cho em thực hiện đồ án môn học này. Đặc biệt em xin chân thành cảm ơn cô Nguyễn Thị Hải Năng đã rất tận tình hướng dẫn, chỉ bảo em trong suốt thời gian thực hiện đồ án vừa qua. Em cũng xin chân thành cảm ơn tất cả các Thầy, các Cô trong Trường đã tận tình giảng dạy, trang bị cho em những kiến thức cần thiết, quý báu để giúp em thực hiện được đồ án này. Mặc dù em đã có cố gắng, nhưng với trình độ còn hạn chế, trong quá trình thực hiện đề tài không tránh khỏi những thiếu sót. Em hi vọng sẽ nhận được những ý kiến nhận xét, góp ý của các Thầy giáo, Cô giáo về những kết quả triển khai trong đồ án. Em xin trân trọng cảm ơn 4 Đồ án 2: Xây dựng website bán điện thoại di động cho cửa hàng Hải Hà MỤC LỤC NHẬN XÉT ............................................................................................................. 2 DANH MỤC CÁC THUẬT NGỮ .......................................................................... 7 DANH MỤC CÁC BẢNG ...................................................................................... 8 DANH MỤC CÁC HÌNH VẼ, ĐỒ THỊ .................................................................. 8 CHƯƠNG 1:TỔNG QUAN VỀ ĐỀ TÀI ............................................................ 10 1.1. Lý do chọn đề tài ............................................................................................ 10 1.2. Mục tiêu của đề tài .......................................................................................... 10 1.2.1 Mục tiêu tổng quát ........................................................................................ 10 1.2.2 Mục tiêu cụ thể ............................................................................................. 10 1.3. Giới hạn và phạm vi của đề tài ....................................................................... 11 1.3.1 Đối tượng nghiên cứu ................................................................................... 11 1.3.2 Phạm vi nghiên cứu ...................................................................................... 11 1.4. Nội dung thực hiện ......................................................................................... 11 1.5. Phương pháp tiếp cận ..................................................................................... 11 CHƯƠNG 2:CƠ SỞ LÝ THUYẾT ..................................................................... 12 2.1. Quy trình phát triển phần mềm ....................................................................... 12 Quy trình phát triển phần mềm là một tập hợp các hoạt động tổ chức mà mục đích của chúng là xây dựng và phát triển phần mềm. ................................................... 12 2.2. Thiết kế giao diện web với HTML, CSS ........................................................ 15 2.3. Lập trình phía frontend .................................................................................. 16 CHƯƠNG 3:PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG ................................... 17 3.1 Phát biểu bài toán ............................................................................................. 17 3.2 Đặc tả yêu cầu phần mềm ................................................................................ 18 3.2.1 Các yêu cầu chức năng ................................................................................. 18 3.2.2 Biểu đồ lớp thực thể ...................................................................................... 44 3.2.3 Các yêu cầu phi chức năng ........................................................................... 44 3.3 Thiết kế giao diện ............................................................................................ 45 CHƯƠNG 4:TRIỂN KHAI WEBSITE .............................................................. 46 5

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT HƯNG YÊN ĐỒÁN2 XÂY DỰNG WEBSITE BÁN ĐIỆN THOẠI DI ĐỘNG CHO CỬA HÀNG HẢI HÀ NGÀNH: CÔNG NGHỆ THÔNG TIN CHUYÊN NGÀNH: KỸ THUẬT PHẦN MỀM HƯỚNG CHUYÊN SÂU: CÔNG NGHỆ WEB HƯỚNG DẪN: NGUYỄN THỊ HẢI NĂNG HƯNG YÊN – 2021 NHẬN XÉT Nhận xét giảng viên hướng dẫn: GIẢNG VIÊN HƯỚNG DẪN (Ký ghi rõ họ tên) Đồ án 2: Xây dựng website bán điện thoại di động cho cửa hàng Hải Hà LỜI CAM ĐOAN Em xin cam đoan đồ án “Xây dựng website bán điện thoại di động cho cửa hàng Hải Hà” kết thực thân em hướng dẫn cô Nguyễn Thị Hải Năng Những phần sử dụng tài liệu tham khảo đồ án nêu rõ phần tài liệu tham khảo Các kết trình bày đồ án chương trình xây dựng hồn tồn kết thân em thực Nếu vi phạm lời cam đoan này, em xin chịu hoàn toàn trách nhiệm trước khoa nhà trường Hưng Yên, ngày … tháng … năm… Sinh viên Đồ án 2: Xây dựng website bán điện thoại di động cho cửa hàng Hải Hà LỜI CẢM ƠN Để hồn thành đồ án này, lời em xin phép gửi lời cảm ơn tới môn Công nghệ phần mềm, Khoa Công nghệ thông tin – Trường Đại học Sư phạm Kỹ thuật Hưng Yên tạo điều kiện thuận lợi cho em thực đồ án môn học Đặc biệt em xin chân thành cảm ơn cô Nguyễn Thị Hải Năng tận tình hướng dẫn, bảo em suốt thời gian thực đồ án vừa qua Em xin chân thành cảm ơn tất Thầy, Cơ Trường tận tình giảng dạy, trang bị cho em kiến thức cần thiết, quý báu để giúp em thực đồ án Mặc dù em có cố gắng, với trình độ cịn hạn chế, q trình thực đề tài khơng tránh khỏi thiếu sót Em hi vọng nhận ý kiến nhận xét, góp ý Thầy giáo, Cô giáo kết triển khai đồ án Em xin trân trọng cảm ơn! Đồ án 2: Xây dựng website bán điện thoại di động cho cửa hàng Hải Hà MỤC LỤC NHẬN XÉT DANH MỤC CÁC THUẬT NGỮ DANH MỤC CÁC BẢNG DANH MỤC CÁC HÌNH VẼ, ĐỒ THỊ CHƯƠNG 1:TỔNG QUAN VỀ ĐỀ TÀI 10 1.1 Lý chọn đề tài 10 1.2 Mục tiêu đề tài 10 1.2.1 Mục tiêu tổng quát 10 1.2.2 Mục tiêu cụ thể 10 1.3 Giới hạn phạm vi đề tài 11 1.3.1 Đối tượng nghiên cứu 11 1.3.2 Phạm vi nghiên cứu 11 1.4 Nội dung thực 11 1.5 Phương pháp tiếp cận 11 CHƯƠNG 2:CƠ SỞ LÝ THUYẾT 12 2.1 Quy trình phát triển phần mềm 12 Quy trình phát triển phần mềm tập hợp hoạt động tổ chức mà mục đích chúng xây dựng phát triển phần mềm 12 2.2 Thiết kế giao diện web với HTML, CSS 15 2.3 Lập trình phía front-end 16 CHƯƠNG 3:PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 17 3.1 Phát biểu toán 17 3.2 Đặc tả yêu cầu phần mềm 18 3.2.1 Các yêu cầu chức 18 3.2.2 Biểu đồ lớp thực thể 44 3.2.3 Các yêu cầu phi chức 44 3.3 Thiết kế giao diện 45 CHƯƠNG 4:TRIỂN KHAI WEBSITE 46 Đồ án 2: Xây dựng website bán điện thoại di động cho cửa hàng Hải Hà 4.1 Triển khai chức cho phân hệ người dùng 46 4.2 Triển khai chức cho phân hệ quản trị nội dung 49 4.3 Kiểm thử triển khai ứng dụng 49 4.3.1 Kiểm thử ………………………………………………………………… 49 4.3.2 Đóng gói ứng dụng 50 4.3.3 Triển khai ứng dụng 50 KẾT LUẬN 51 TÀI LIỆU THAM KHẢO 52 Đồ án 2: Xây dựng website bán điện thoại di động cho cửa hàng Hải Hà DANH MỤC CÁC THUẬT NGỮ STT Từ viết tắt Cụm từ tiếng anh Diễn giải HTML Hypertext Markup Language Ngôn ngữ đánh dấu siêu văn Đồ án 2: Xây dựng website bán điện thoại di động cho cửa hàng Hải Hà DANH MỤC CÁC BẢNG Bảng Use Case tổng quan hệ thống 19 Bảng Mơ tả dịng kiện cho chức thêm loại sản phẩm 21 Bảng 3 Mơ tả dịng kiện cho chức sửa loại sản phẩm 22 Bảng Mơ tả dịng kiện cho chức xóa loại sản phẩm 23 Bảng Mơ tả dịng kiện cho chức thêm sản phẩm .24 Bảng Mô tả dịng kiện cho chức sửa sản phẩm .25 Bảng Mơ tả dịng kiện cho chức xố sản phẩm .26 Bảng Mơ tả dịng kiện cho chức sửa đơn hàng .27 Bảng Mơ tả dịng kiện cho chức xác thực đơn hàng 27 Bảng 10 Mơ tả dịng kiện cho chức xố đơn hàng .28 Bảng 11 Mơ tả dịng kiện cho chức tạo hố đơn nhập .29 Bảng 12 Mơ tả dịng kiện cho chức sửa hố đơn nhập 30 Bảng 13 Mơ tả dịng kiện cho chức xố hố đơn nhập 31 Bảng 14 Mơ tả dịng kiện cho chức thêm nhà cung cấp .32 Bảng 15 Mơ tả dịng kiện cho chức sửa nhà cung cấp .33 Bảng 16 Mô tả dịng kiện cho chức xố nhà cung cấp .34 Bảng 17 Mơ tả dịng kiện cho chức thêm khách hàng 35 Bảng 18 Mơ tả dịng kiện cho chức sửa khách hàng 36 Bảng 19 Mơ tả dịng kiện cho chức xóa khách hàng 37 Bảng 20 Mơ tả dịng kiện cho chức thống kê SP bán chạy 38 Bảng 21 Mơ tả dịng kiện cho chức thêm SP vào giỏ hàng 39 Bảng 22 Mô tả dịng kiện cho chức sửa SP giỏ hàng .39 Bảng 23 Mơ tả dịng kiện cho chức xố SP giỏi hàng .40 Bảng 24 Mơ tả dịng kiện cho chức tốn 41 Bảng 25 Mơ tả dịng kiện cho chức tìm kiếm theo tên sp 42 Bảng 26 Mơ tả dịng kiện cho chức tìm kiếm theo loại sp 42 Bảng 27 Mơ tả dịng kiện cho chức tìm kiếm theo màu sắc .43 Đồ án 2: Xây dựng website bán điện thoại di động cho cửa hàng Hải Hà DANH MỤC CÁC HÌNH VẼ, ĐỒ THỊ Hình Mơ hình thác nước 13 Hình 2 Mơ hình chữ V 14 Hình Mơ hình xoắn ốc 14 Hình Mơ hình tiếp cận lặp 15 Hình Use Case tổng quan hệ thống 20 Hình Biểu đồ UC chức QL Loại Sản phẩm 20 Hình 3 Use Case tổng quan Quản lý sản phẩm 23 Hình Use Case tổng quan Quản lý đơn hàng 26 Hình Use Case tổng quan Quản lý nhập hàng 28 Hình Biểu đồ UC chức QL Nhà cung cấp 31 Hình Biểu đồ use case chức QL Khách hàng 34 Hình Biểu đồ UC chức Thống kê 37 Hình Biểu đồ UC chức Mua hàng 38 Hình 10 Biểu đồ UC chức Tìm kiếm sản phẩm 41 Hình 11 Biểu đồ lớp 44 Hình 12 Giao diện trang chủ 45 Hình Bố cục trang Home _ 46 Hình Các thẻ head 47 Hình Các thẻ div _ 47 Hình 4 Responsive 48 Hình Javacript 49 Đồ án 2: Xây dựng website bán điện thoại di động cho cửa hàng Hải Hà CHƯƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI 1.1 Lý chọn đề tài Trong thành tựu khoa học nay, đời điện thoại di động mang đến nhiều tiện ích cho người Tiện ích quan trọng giúp người giao tiếp với cách dễ dàng nhanh chóng Ngồi tính giúp người giao tiếp, ngày có thêm nhiều tính ưu việt khác như: truy cập Internet, gửi tra cứu mail điện thoại, định vị toàn cầu, nhắn tin, chụp ảnh, với tính điện thoại trở thành vật dụng mà người có Sự phát triển xã hội kéo theo thị hiếu người ngày tăng cao nên nhu cầu sử dụng điện thoại di động tăng cao cách nhanh chóng Do ngành cơng nghiệp sản xuất kinh doanh điện thoại Việt Nam phát triển nhanh với xuất nhiều cửa hàng kinh doanh điện thoại di động Nhưng cửa hàng điện thoại chưa có trang website quảng cáo sản phẩm điện thoại di động đại, chuyên nghiệp, phù hợp Cửa hàng điện thoại di động Hải Hà chuyên cung cấp sản phẩm điện thoại hãng Điện thoại di động cửa hàng đa dạng có giá khác phù hợp với tất yêu cầu khách hàng khó tính 1.2 Mục tiêu đề tài 1.2.1 Mục tiêu tổng quát Xây dựng website bán điện thoại di động cho cửa hàng Hải Hà 1.2.2 Mục tiêu cụ thể - Xây dựng phát triển website bán điện thoại di động cho cửa hàng Hải Hà - Giúp có nhu cầu mua sắm muốn xem thông tin sản phẩm cách nhanh nhất, đầy đủ - Nghiên cứu hệ thống hố ngun tắc, kỹ thuật tổ chức cơng tác quản lý sản phẩm quản lý khách hàng Internet - Nghiên cứu tính bảo mật hệ thống chế đồng bộ, thiết bị liên quan 10 Đồ án 2: Xây dựng website bán điện thoại di động cho cửa hàng Hải Hà Sản Phẩm Bán Chạy Hành động tác nhân Phản ứng hệ thống 1.Người quản lí chọn chức Thống kê sản phẩm bán chạy Hiển thị danh sách sản phẩm mua nhiều tháng, năm Bảng 20 Mơ tả dịng kiện cho chức thống kê SP bán chạy 3.2.1.8: Biểu Đồ use case cho chức mua hàng Hình Biểu đồ UC chức Mua hàng Mơ tả tóm tắt - Tên ca sử dụng: Mua Hàng - Mục đích: Chức cho phép khách hàng mua sản phẩm cửa hàng cách dễ dàng, bao gồm hàng động: Thêm sản phẩm vào giỏ hàng, sửa sản phẩm giỏ hàng, xoá sản phẩm khỏi giỏ hàng, toán hoá đơn - Tác nhân: Khách hàng Mô tả kịch 38 Đồ án 2: Xây dựng website bán điện thoại di động cho cửa hàng Hải Hà - Thông tin đầu vào: Mã sản phẩm, số lượng sản phẩm - Dịng kiện chính: Thêm sản phẩm vào giỏ hàng Hành động tác nhân Phản ứng hệ thống 1.Khách hàng truy cập website Hiển thị danh sách sản phẩm website trang chủ Khách hàng chọn vào Thêm sản phẩm vào giỏ Sản phẩm thêm vào giỏ hàng khách hàng Bảng 21 Mơ tả dịng kiện cho chức thêm SP vào giỏ hàng Sửa sản phẩm giỏ hàng Hành động tác nhân Phản ứng hệ thống Khách hàng chọn vào Giỏ hàng Hiển thị danh sách sản phẩm giỏ hàng khách hàng Khách hàng chọn tăng giảm số lượng sản phẩm giỏ hàng Số lượng sản phẩm lưu lại Bảng 22 Mơ tả dịng kiện cho chức sửa SP giỏ hàng 39 Đồ án 2: Xây dựng website bán điện thoại di động cho cửa hàng Hải Hà Xoá sản phẩm giỏ hàng Hành động tác nhân Phản ứng hệ thống Khách hàng chọn vào Giỏ hàng Hiển thị danh sách sản phẩm giỏ hàng khách hàng Khách hàng chọn xoá sản phẩm Sản phẩm loại bỏ khỏi giỏ hàng Bảng 23 Mơ tả dịng kiện cho chức xoá SP giỏi hàng Thanh toán Hành động tác nhân Phản ứng hệ thống Khách hàng chọn vào Giỏ hàng Hiển thị danh sách sản phẩm giỏ hàng khách hàng Khách hàng chọn chức toán Hiển thị trang nhập thơng tin tốn Khách hàng nhập thông tin khách hàng mà hệ thống yêu cầu Gửi thông tin nhập lên hệ thống Kiểm tra thơng tin nhập, xác lưu thông tin vào sở 40 Đồ án 2: Xây dựng website bán điện thoại di động cho cửa hàng Hải Hà liệu thông báo thành công Bảng 24 Mơ tả dịng kiện cho chức toán 3.2.1.8: Biểu Đồ use case cho chức tìm kiếm sản phẩm Hình 10 Biểu đồ UC chức Tìm kiếm sản phẩm Mơ tả tóm tắt: - Tên ca sử dụng: Tìm Kiếm - Mục đích: Chức cho phép khách hàng dễ dàng tìm kiếm sản phẩm mà muốn theo tiêu chí mà khách hàng muốn: Tìm kiếm theo tên, tìm kiếm theo loại, Tìm kiếm theo kích thước, màu sắc - Tác nhân: Khách hàng Mô tả kịch - Thông tin đầu vào: Tên sản phẩm, loại sản phẩm, kích thước, màu sắc - Dịng kiện Tìm kiếm theo tên sản phẩm Phản ứng hệ thống Hành động tác nhân 41 Đồ án 2: Xây dựng website bán điện thoại di động cho cửa hàng Hải Hà 1.Khách hàng chọn chức tìm kiếm Nhập tên sản phẩm cần tìm nhấn tìm 3.Hệ thống lựa chọn sản phẩm có tên giống gần giống với tên khách hàng tìm hiển thị hình Bảng 25 Mơ tả dịng kiện cho chức tìm kiếm theo tên sp Tìm kiếm theo loại sản phẩm Hành động tác nhân Phản ứng hệ thống 1.Khách hàng chọn chức tìm kiếm Nhập tên loại sản phẩm cần tìm nhấn tìm 3.Hệ thống lựa chọn sản phẩm có tên loại giống gần giống với tên khách hàng tìm hiển thị hình Bảng 26 Mơ tả dịng kiện cho chức tìm kiếm theo loại sp 42 Đồ án 2: Xây dựng website bán điện thoại di động cho cửa hàng Hải Hà Tìm kiếm theo màu sắc Hành động tác nhân Phản ứng hệ thống 1.Khách hàng chọn chức tìm kiếm Nhập kích thước màu sắc sản phẩm cần tìm nhấn tìm 3.Hệ thống lựa chọn sản phẩm có màu sắc giống với u cầu khách hàng tìm hiển thị hình Bảng 27 Mơ tả dịng kiện cho chức tìm kiếm theo màu sắc 43 Đồ án 2: Xây dựng website bán điện thoại di động cho cửa hàng Hải Hà 3.2.2 Biểu đồ lớp thực thể Hình 11 Biểu đồ lớp 3.2.3 Các yêu cầu phi chức - Giao diện đẹp, dễ nhìn - Cách trình bày hợp lý đơn giản, khơng cầu kì - Có hướng dẫn sử dụng cụ thể - Đơn giản, dễ sử dụng 44 Đồ án 2: Xây dựng website bán điện thoại di động cho cửa hàng Hải Hà 3.3 Thiết kế giao diện Hình 12 Giao diện trang chủ 45 Đồ án 2: Xây dựng website bán điện thoại di động cho cửa hàng Hải Hà CHƯƠNG 4: TRIỂN KHAI WEBSITE 4.1 Triển khai chức cho phân hệ người dùng - Khách hàng xem danh sách sản phẩm trang chủ - Khách hàng xem chi tiết sản phẩm cách click vào sản phẩm - Có thể sử dụng chức đăng kí, đăng nhập tài khoản - Khách hàng xem giỏ hàng chỉnh sửa theo ý - Khách hàng đặt hàng website muốn mua sản phẩm 4.1.1 Trang chủ a) Phía font end - Xây dựng bố cục trang Home thẻ HTML Cấu trúc chung HTML bao gồm phần: head body Hình Bố cục trang Home Trong phần head chứa thẻ định dạng tiêu đề thẻ để khai báo CSS, JavaScript, Jquery 46 Đồ án 2: Xây dựng website bán điện thoại di động cho cửa hàng Hải Hà Hình Các thẻ head Trong phần body: Dùng thẻ thuộc tính id để phân chia layout cho viết: bao gồm phần: header, nav(menu), content footer Và dùng CSS để định dạng cho phần Bên thẻ phần sử dụng thẻ

… để đưa nội dung viết vào Hình Các thẻ div - Kỹ thuật định dạng CSS: Trong CSS, sử dụng thuộc tính: width để quy định độ rộng, height để quy định chiều cao, border để tạo đường viền cho khối, padding để tạo vùng đệm cho khối, margin để tạo lề, khoảng cách cho khối… 47 Đồ án 2: Xây dựng website bán điện thoại di động cho cửa hàng Hải Hà Bên cạnh cịn có thuộc tính định dạng cho text: font-family -> thiết lập font chữ; text-align: để chỉnh text… Sử dụng định dạng cho column để phân chia hình tùy theo kích thước hình(reponsive) Hình 4 Responsive Sử dụng Javascript, Jquery, AngularJS để lập trình chức JavaScript sử dụng function để viết code quy định cho nội dung mong muốn Ví dụ để slideshow động (di chuyển ảnh với thời gian mong muốn) Jquery để tạo hiệu ứng, giúp tang tương tác hệ thống người dùng 48 Đồ án 2: Xây dựng website bán điện thoại di động cho cửa hàng Hải Hà Hình Javacript 4.2 Triển khai chức cho phân hệ quản trị nội dung - Người quản trị thực chức thêm, sửa, xóa phần quản lý sản phẩm, quản lý loại sản phẩm, quản lý hóa đơn nhập, quản lý hóa đơn bán, quản lý nhà cung cấp, quản lý khách hàng 4.3 Kiểm thử triển khai ứng dụng 4.3.1 Kiểm thử - Khi ấn vào xem chi tiết sản phẩm đến trang chi tiết sản phẩm - Tất trang hiển thị nội dung hình ảnh - Khi ấn đặt hàng tất sản phẩm xuất giỏ hàng - Khi ấn tăng giảm số lượng số lượng thay đổi - Slideshow chuyển ảnh ấn next hay back kiện, - Các đường link, button chuyển trang chạy - Các hiệu ứng hover click hoạt động 49 Đồ án 2: Xây dựng website bán điện thoại di động cho cửa hàng Hải Hà - Các trang danh mục sản phẩm ấn chọn - Trang quản trị chạy yêu cầu - Đã kiểm thử pass 100% 4.3.2 Đóng gói ứng dụng Bước 1: Dowload tệp giải nén “Đồ án – Website bán điện thoại di động Hải Hà” Bước 2: Chạy trình duyệt thích ứng Bước 3: Chạy trang chủ trình duyệt Bước 4: Sau chạy hình lên trang chủ chọn trang muốn xem Bước 5: Xem sản phẩm đặt mua 4.3.3 Triển khai ứng dụng - Laptop HP ProBook 440 GB - Cấu hình : Intel(R) Core(TM) i5-8265U CPU @ 1.60GHz 1.80GHz - Hệ điều hành: Windows 10 Home Single Language 50 Đồ án 2: Xây dựng website bán điện thoại di động cho cửa hàng Hải Hà KẾT LUẬN Kết đạt được: - Nắm vững kiến thức HTML, CSS,… - Thiết kế website bán điện thoại di động - Giao diện website rõ ràng, dễ sử dụng - Đã quản lý sản phẩm bên phía giỏ hàng Hạn chế: - Thiết kế website tĩnh chưa có khả cập nhập liệu - Chưa quản lý việc tính tổng tiền sản phẩm website - Trang quản trị chưa thống kê sản phẩm bán Hướng phát triển: - Làm sở, tiền đề để phát triển thành website động - Nâng cao tính logic sở liệu, đảm bảo tính tồn vẹn liệu người dùng 51 Đồ án 2: Xây dựng website bán điện thoại di động cho cửa hàng Hải Hà TÀI LIỆU THAM KHẢO [1] Giáo trình mơn phân tích thiết kế phần mền, Bộ mơn CNPM, Trường ĐHSPKTHY [2] Giáo trình mơn HTML, Bộ mơn CNPM, Trường ĐHSPKTHY 52 ... Đồ án 2: Xây dựng website bán điện thoại di động cho cửa hàng Hải Hà 3.3 Thiết kế giao di? ??n Hình 12 Giao di? ??n trang chủ 45 Đồ án 2: Xây dựng website bán điện thoại di động cho cửa hàng Hải Hà CHƯƠNG... website bán điện thoại di động cho cửa hàng Hải Hà Hình 2 Mơ hình chữ V Hình Mơ hình xoắn ốc 14 Đồ án 2: Xây dựng website bán điện thoại di động cho cửa hàng Hải Hà Hình Mơ hình tiếp cận lặp 2. 2 Thiết... rõ họ tên) Đồ án 2: Xây dựng website bán điện thoại di động cho cửa hàng Hải Hà LỜI CAM ĐOAN Em xin cam đoan đồ án ? ?Xây dựng website bán điện thoại di động cho cửa hàng Hải Hà? ?? kết thực thân