Thiết kế website bán hàng đồng hồ

VIỆN ĐẠI HỌC MỞ HÀ NỘI KHOA CÔNG NGHỆ ĐIỆN TỬ THÔNG TIN ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC Đề tài : “Thiết kế website bán hàng đồng hồ” Giảng viên hƣớng dẫn : PGS.TS Phạm Minh Việt Sinh viên thực : Ngô Thị Thanh Xuân Lớp : K16-DTTT Khóa : 16(2013-2017) Hệ : Chính quy Hà Nội, tháng 5/2017 VIỆN ĐẠI HỌC MỞ HÀ NỘI CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA CN ĐIỆN TỬ - THÔNG TIN Độc lập - Tự - Hạnh phúc ĐỀ TÀI ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC Họ tên sinh viên: NGƠ THỊ THANH XN Lớp: K16B Khóa: 16 (2013 – 2017) Ngành đào tạo: Công nghệ Kỹ thuật điện tử, Truyền thông Hệ đào tạo: ĐHCQ 1/ Tên đồ án tốt nghiệp: Thiết kế website bán hàng đồng hồ 2/ Nội dung đồ án: TÌM HIỂU NGƠN NGỮ NỀN TẢNG TRONG LẬP TRÌNH WEB VỚI PHP , HTML VÀ CSS KHẢO SÁT PHÂN TÍCH ĐỀ TÀI THIẾT KẾ WEBSITE BÁN HÀNG ĐỒNG HỒ VỚI PHP & MYSQL TỔNG KẾT VÀ ĐÁNH GIÁ HƯỚNG PHÁT TRIỂN CỦA ĐỀ TÀI 3/ Cơ sở liệu ban đầu 4/ Ngày giao đồ án: 10/03/2017 5/ Ngày nộp đồ án: 19/05/2017 TRƢỞNG KHOA GIÁO VIÊN HƢỚNG DẪN (Ký, ghi rõ họ tên) (Ký, ghi rõ họ tên) MỞ ĐẦU Hiện nay, phát triển công nghệ thông tin, người thực nhiều công việc với tốc độ nhanh chi phí thấp nhiều so với thức truyền thống Chính điều này, thúc đẩy hình thành phát triển thương mại điện tử khắp giới, làm biến đổi đáng kể mặt văn hóa , nâng cao chất lượng sống người Trong hoạt động sản xuất kinh doanh, thương mại điện tử khẳng định vai trò xúc tiến thúc đẩy phát triển doanh nghiệp Đối với doanh nghiệp hay cửa hàng, việc quảng bá giới thiệu đến khách hàng sản phẩm đáp ứng nhu cầu khách hàng cần thiết Lĩnh vực thương mại điện tử giúp cá nhân, doanh nghiệp có mặt hàng dễ dàng tiếp cận với người tiêu dùng Vậy phải quảng bá việc xây dựng website cho cửa hàng hay doanh nghiệp để đưa sản phẩm đến với khách hàng Đứng trước nhu cầu thiết kế website cá nhân, doanh nghiệp việc đam mê lập trình ứng dụng web Em chọn đề tài : “ xây dựng website bán hàng đồng hồ online” làm đề tài báo cáo đồ án tốt nghiệp Nội dung đề tài gồm chương : Chương I: Tìm hiểu ngơn ngữ , tảng lập trình web với PHP, HTML VÀ CSS Chương II: Khảo sát phân tích đề tài Chương III: Thiết kế website bán hàng đồng hồ với PHP MYSQL Chương IV : Tổng kết đánh giá hướng phát triển đề tài Mặc dù cố gắng thực đề tài lực kiến thức hạn chế nên báo cáo em khó tránh khỏi thiếu xót Em mong thầy thơng cảm bảo góp ý để đề tài em hồn thiện Những góp ý thầy cô học hành trang để em vững bước vào sống Hà Nội, ngày 15 tháng 05 năm 2017 LỜI CẢM ƠN Đầu tiên , em xin cảm ơn thầy cô giáo môn thầy cô công tác khoa Công nghệ Điện tử - Thông tin, Viện đại học Mở Hà Nội tạo điều kiện truyền đạt cho chúng em kiến thức suốt trình năm học vừa qua Đặc biệt, em xin gửi lời cảm ơn sâu sắc đến giảng viên PGS.TS Phạm Minh Việt, người hết lòng hướng dẫn , bảo , giúp đỡ em thời gian vừa qua Thầy giúp em có hướng đắn đề hoàn thành tốt đề tài Em bạn biết ơn thầy truyền đạt lại cho chúng em kinh nghiệm, kiến thức kĩ quý báu để chúng em hồn thiện đề tài cách tốt Quá trình thực đề tài hội để em áp dụng, tổng hợp kiến thức học lớp, đồng thời đúc kết học phục vụ cho học tập công việc thực tế sau Em xin chân thành cảm ơn ! Người thực đề tài Ngô Thị Thanh Xuân NHẬN XÉT CỦA GIÁO VIÊN HƢỚNG DẪN …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… Hà Nội , ngày tháng năm 2017 Giáo viên hƣớng dẫn MỤC LỤC DANH MỤC CÁC HÌNH ẢNH VÀ BẢNG KÍ HỆU CÁC CỤM TỪ VIẾT TẮT CHƢƠNG I : TÌM HIỂU NGƠN NGỮ NỀN TẢNG TRONG LẬP TRÌNH WEB VỚI PHP, HTML VÀ CSS 1.1NGÔN NGỮ HTML (BỘ XƢƠNG WEBSITE) 1.1.1 Khái niệm 1.1.2 Cấu trúc trang HTML 1.1.3 Các thẻ HTML 10 1.2NGÔN NGỮ CSS (BỘ DA CỦA WEBSITE) 13 1.2.1 Khái niệm 13 1.2.2 Nhúng CSS vào website 13 1.2.3 Vùng chọn kiểu vùng chọn 14 1.2.4 Các thuộc tính CSS 15 1.3NGÔN NGỮ PHP (TRÁI TIM CỦA WEBSITE) 18 1.3.1 Khái niệm 18 1.3.2 Biến, hằng, chuỗi kiểu DL PHP 19 1.3.2.1 Biến 19 1.3.2.2 Hằng 20 1.3.2.3 Chuỗi 20 1.3.2.4 Các kiểu DL PHP 22 1.3.3 Toán tử PHP 23 1.3.4 Các biểu thức điều kiện vòng lặp PHP 25 1.3.5 Các kiểu liệu mảng hàm hỗ trợ mảng PHP 28 1.3.6 Hàm gọi lại hàm PHP 30 1.3.7 Cookie session PHP 31 1.3.8 Truy cập biến form 32 1.3.9 Lƣu trữ truy vấn liệu PHP 33 CHƢƠNG II : KHẢO SÁT VÀ PHÂN TÍCH ĐỀ TÀI 35 2.1KHẢO SÁT YÊU CẦU ĐỀ TÀI 35 2.1.1 Mục đích chọn đề tài 35 2.1.2 Chức 35 2.1.3 Yêu cầu đặt 35 2.2CÁC KỊCH BẢN SỬ DỤNG USERCASE 36 2.2.1 Chức khách hàng 36 2.2.2 Chức nhà quản trị 38 2.2.3 Phân tích hệ thống xử lý 39 2.2.4 Biểu đồ phân cấp chức khách hàng 41 2.2.5 Biểu đồ phân cấp chức quản lý nhà quản trị 41 2.3MƠ HÌNH HĨA 42 2.3.1 Biểu đồ luồng liệu mức khung cảnh (mức 0) 42 2.3.2 Biểu đồ luồng liệu mức 43 2.4BIỂU ĐỒ THỰC THỂ LIÊN KẾT 44 2.5BẢNG CƠ SỞ DỮ LIỆU 44 2.5.1 Bảng sở liệu admin 44 2.5.2 Bảng sở liệu loại sản phẩm 45 2.5.3 Bảng sở liệu hiệu sản phẩm 46 2.5.4 Bảng sở liệu đăng ký 47 2.5.5 Bảng sở liệu chi tiết sản phẩm 48 CHƢƠNG III : THIẾT KẾ WEBSITE BÁN HÀNG ĐỒNG HỒ VỚI PHP VÀ MYSQL 49 3.1THIẾT KẾ GIAO DIỆN TRANG CHỦ 49 3.2THIẾT KẾ GIAO DIỆN TRANG ĐĂNG KÝ 49 3.3THIẾT KẾ GIAO DIỆN TRANG ĐĂNG NHẬP 50 3.4THIẾT KẾ GIAO DIỆN TRANG HƢỚNG DẪN MUA HÀNG 50 3.5THIẾT KẾ TRANG GIỎ HÀNG 51 3.6THIẾT KẾ TRANG QUẢN TRỊ NỘI DUNG WEBSITE 52 3.6.1 Thiết kế trang chủ 52 3.6.2 Thiết kế giao diện quản lý loại sản phẩm 53 3.6.3 Thiết kế giao diện quản lý hiệu sản phẩm 53 3.6.4 Thiết kế giao diện trang quản lý chi tiết sản phẩm 54 CHƢƠNG IV : TỔNG KẾT VÀ ĐÁNH GIÁ HƢỚNG PHÁT TRIỂN ĐỀ TÀI55 4.1ĐÁNH GIÁ ƢU, NHƢỢC ĐIỂM CỦA HỆ THỐNG 55 4.2PHƢƠNG HƢỚNG PHÁT TRIỂN 55 TÀI LIỆU THAM KHẢO 57 DANH MỤC CÁC HÌNH ẢNH VÀ BẢNG Biểu đồ 1: Biểu đồ phân cấp chức 40 Biểu đồ 2: Biểu đồ phân cấp chức khách hàng 41 Biểu đồ 3:Biểu đồ phân cấp chức admin 42 Biểu đồ 4: Biểu đồ luồng liệu mức khung cảnh 42 Biểu đồ : Biểu đồ luồng liệu khách hàng 43 Biểu đồ 6: Biểu đồ luồng liệu nhà quản trị 43 Biểu đồ 7: Biểu đồ thực thể liên kết 44 Bảng 1: Cơ sở liệu Admin 45 Bảng 2: Bảng sử dụng admin 45 Bảng 3: Bảng CSDL loại sản phẩm 45 Bảng 4: Bảng sử dụng loại sản phẩm 46 Bảng 5: Bảng CSDL hiệu sản phẩm 46 Bảng 6: Bảng sử dụng hiệu sản phẩm 46 Bảng 7: Bảng CSDL đăng ký 47 Bảng 8: Bảng sử dụng đăng ký 47 Bảng 9: Bảng CSDL chi tiết sản phẩm 48 Bảng 10: Bảng sử dụng chi tiết sản phẩm 48 Hình ảnh 1: Trang chủ 49 Hình ảnh 2: Trang đăng ký 49 Hình ảnh 3: Trang đăng nhập tốn 50 Hình ảnh 4: Trang hƣớng dẫn mua hàng 51 Hình ảnh 5: Trang giỏ hàng 51 Hình ảnh 6: Trang đăng nhập tài khoản admin 52 Hình ảnh 7: Trang chủ quản trị nội dung website 52 Hình ảnh 8: Trang quản lý loại sản phẩm 53 Hình ảnh 9: Trang quản lý hiệu sản phẩm 53 Hình ảnh 10: Trang quản lý chi tiết sản phẩm 54 KÍ HỆU CÁC CỤM TỪ VIẾT TẮT Ý nghĩa Viết tắt HTML HyperText Markup Language : ngôn ngữ đánh dấu siêu văn CSS Cascading Style Sheets : ngôn ngữ định dạng website PHP Hypertext Processor : ngôn ngữ kịch máy chủ SQL Structured Query Language : ngôn ngữ quản trị hệ CSDL CSDL Cơ sở liệu 2.3.2 Biểu đồ luồng liệu mức Tìm kiếm Sản phẩm Khách hàng Loại sản phẩm Thông tin sản phẩm Chi tiết sản phẩm Biểu đồ : Biểu đồ luồng liệu khách hàng Hiệu sản phẩm Cập nhật sản phẩm Admin Quản lý sản phẩm Loại sản phẩm Chi tiết sản phẩm Biểu đồ 6: Biểu đồ luồng liệu nhà quản trị 43 2.4 BIỂU ĐỒ THỰC THỂ LIÊN KẾT Hiệu sản phẩm Admin n Có Có Thơng tin chi tiết sp 1 Sản phẩm Có n Chọn 1 n Giỏ hàng Tạo Khách hàng Biểu đồ 7: Biểu đồ thực thể liên kết 2.5 BẢNG CƠ SỞ DỮ LIỆU 2.5.1 Bảng sở liệu admin 44 Loại sản phẩm Bảng 1: Cơ sở liệu Admin Sau tạo bảng CSDL admin ta bảng sử dụng : Bảng 2: Bảng sử dụng admin 2.5.2 Bảng sở liệu loại sản phẩm Bảng 3: Bảng CSDL loại sản phẩm 45 Sau tạo bảng CSDL loại sản phẩm , ta bảng sử dụng loại sản phẩm Bảng 4: Bảng sử dụng loại sản phẩm 2.5.3 Bảng sở liệu hiệu sản phẩm Bảng 5: Bảng CSDL hiệu sản phẩm Sau tạo bảng CSDL hiệu sản phẩm , ta bảng sử dụng hiệu sản phẩm: Bảng 6: Bảng sử dụng hiệu sản phẩm 46 2.5.4 Bảng sở liệu đăng ký Bảng 7: Bảng CSDL đăng ký Sau tạo bảng CSDL đăng ký , ta bảng sử dụng đăng ký : Bảng 8: Bảng sử dụng đăng ký 47 2.5.5 Bảng sở liệu chi tiết sản phẩm Bảng 9: Bảng CSDL chi tiết sản phẩm Sau tạo bảng CSDL chi tiết sản phẩm , ta bảng sử dụng chi tiết sản phẩm: Bảng 10: Bảng sử dụng chi tiết sản phẩm 48 CHƢƠNG III : THIẾT KẾ WEBSITE BÁN HÀNG ĐỒNG HỒ VỚI PHP VÀ MYSQL 3.1 THIẾT KẾ GIAO DIỆN TRANG CHỦ Hình ảnh 1: Trang chủ 3.2 THIẾT KẾ GIAO DIỆN TRANG ĐĂNG KÝ Hình ảnh 2: Trang đăng ký 49 3.3 THIẾT KẾ GIAO DIỆN TRANG ĐĂNG NHẬP Hình ảnh 3: Trang đăng nhập toán 3.4 THIẾT KẾ GIAO DIỆN TRANG HƢỚNG DẪN MUA HÀNG 50 Hình ảnh 4: Trang hƣớng dẫn mua hàng 3.5 THIẾT KẾ TRANG GIỎ HÀNG Hình ảnh 5: Trang giỏ hàng 51 3.6 THIẾT KẾ TRANG QUẢN TRỊ NỘI DUNG WEBSITE 3.6.1 Thiết kế trang chủ Hình ảnh 6: Trang đăng nhập tài khoản admin Hình ảnh 7: Trang chủ quản trị nội dung website 52 3.6.2 Thiết kế giao diện quản lý loại sản phẩm Hình ảnh 8: Trang quản lý loại sản phẩm 3.6.3 Thiết kế giao diện quản lý hiệu sản phẩm Hình ảnh 9: Trang quản lý hiệu sản phẩm 53 3.6.4 Thiết kế giao diện trang quản lý chi tiết sản phẩm Hình ảnh 10: Trang quản lý chi tiết sản phẩm 54 CHƢƠNG IV : TỔNG KẾT VÀ ĐÁNH GIÁ HƢỚNG PHÁT TRIỂN ĐỀ TÀI 4.1 ĐÁNH GIÁ ƢU, NHƢỢC ĐIỂM CỦA HỆ THỐNG Đề tài thiết kế Web giúp tìm hiểu thực trang web động với ngôn ngữ kịch PHP, kết nối với hệ quản trị sỏ liệu MySQL, lấy liệu để hiển thị trang Web cập nhật liệu trở lại Đề tài em website giới thiệu sản phẩm điện tử nên chức website gồm nội dung sau: - Giới thiệu sản phẩm mà cửa hàng kinh doanh - Cho phép nhân viên cửa hàng cập nhật thông tin sản phẩm cách nhanh chóng - Ưu điểm : + Thiết kế bố cục đẹp mắt, sáng tạo + Có nhiều module chức đặc sắc - Nhược điểm : + Website đơn giản + Chưa có danh mục đặt hàng online tốn hình thức + Chưa có tính tự động tự động tạo hóa đơn gửi mail, hỗ trợ khách hàng trực tuyến, khách hàng vip, tốn online + Chưa có tính tự động trừ hàng kho khách hàng mua sản phẩm 4.2 PHƢƠNG HƢỚNG PHÁT TRIỂN - Thời gian nghiên cứu đồ án vừa qua giúp em tiến nhiều việc học hỏi, nghiên cứu công nghệ thông tin việc thiết kế Website 55 - Việc thiết kế Web dựa ngôn ngữ lập trình PHP, HTML sở liệu MySQL Website dùng để giới thiệu sản phẩm mạng - Qua đồ án em tự thiết kế riêng cho website bán hàng hoàn chỉnh, biết cách đưa liệu lên free hosting, biết cách trỏ domain server có sẵn, tự tạo database có liên kết với nhau, kết nối PHP hệ quản trị CSDL MySQL - Qua q trình làm bài, em có ý tưởng phát triển cho website có thêm nhiều tính tự động tự động tạo hóa đơn gửi mail, hỗ trợ khách hàng trực tuyến, khách hàng vip, toán online, thiết kế giao diện đẹp mắt , tự động trừ hàng kho … Website hoạt động mơ hình vừa nhỏ thích hợp cho doanh nghiệp tương đương với chi phí giá thành phải - Do nhiều hạn chế mặt thời gian, kiến thức kinh nghiệm làm việc nên đồ án em khơng thể tránh khỏi sai sót Em mong nhận góp ý thầy để em hồn thiện đề tài - Cuối cùng, em xin cảm ơn thầy … tận tình hướng dẫn em thời gian hoàn thành đồ án tốt nghiệp 56 TÀI LIỆU THAM KHẢO [1] PHP for Absolute Beginners, 2nd Edition – Thomas Blom Hansen & Jason Lengstorf [2] www deacademy.com [Online] http://www deacademy.com [3] www.vinacode.net [Online] http://www.vinacode.com [4]www.laptrinhphp.info [Online] http://www.laptrinhphp.info [5] Wikipedia [Online] http://www.vi.wikipedia.vn [6] ] PHP.net [Online] http://php.net [7] ] Sinhvienit.net [Online] http://sinhvienit.net 57 ... nghiệp: Thiết kế website bán hàng đồng hồ 2/ Nội dung đồ án: TÌM HIỂU NGƠN NGỮ NỀN TẢNG TRONG LẬP TRÌNH WEB VỚI PHP , HTML VÀ CSS KHẢO SÁT PHÂN TÍCH ĐỀ TÀI THIẾT KẾ WEBSITE BÁN HÀNG ĐỒNG HỒ VỚI... 48 CHƢƠNG III : THIẾT KẾ WEBSITE BÁN HÀNG ĐỒNG HỒ VỚI PHP VÀ MYSQL 49 3.1THIẾT KẾ GIAO DIỆN TRANG CHỦ 49 3.2THIẾT KẾ GIAO DIỆN TRANG ĐĂNG KÝ 49 3.3THIẾT KẾ GIAO DIỆN TRANG... 3.4THIẾT KẾ GIAO DIỆN TRANG HƢỚNG DẪN MUA HÀNG 50 3.5THIẾT KẾ TRANG GIỎ HÀNG 51 3.6THIẾT KẾ TRANG QUẢN TRỊ NỘI DUNG WEBSITE 52 3.6.1 Thiết kế trang chủ 52 3.6.2 Thiết kế