Tìm hiểu và thiết kế website bán hàng

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: “Tìm hiểu thiết kế website bán hàng” Giảng viên hướng dẫn : ThS QUÁCH THỊ HẠNH Sinh viên thực Lớp : TRIỆU QUYẾT TIẾN : K16B Khố : 16(2013-2017) Hệ : ĐẠI HỌC CHÍNH QUY Hà Nội, tháng 05 /2017 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: “Tìm hiểu thiết kế website bán hàng” Giảng viên hướng dẫn : ThS QUÁCH THỊ HẠNH Sinh viên thực Lớp : TRIỆU QUYẾT TIẾN : K16B Khoá : 16(2013-2017) Hệ : ĐẠI HỌC CHÍNH QUY Hà Nội, tháng 05 /2017 VIỆN ĐẠI HỌC MỞ HÀ NỘI CỘNG HOÀ 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 ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC Họ tên sinh viên:TRIỆU QUYẾT TIẾN Lớp: K16B Khố: 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 đề tài TN: Tìm hiểu thiết kế website bán hàng 2/ Nội dung chính: 1/ Tổng quan xây dựng website 2/ Tìm hiểu ngơn ngữ tảng cơng cụ lập trình, thiết kế website 3/ Cơ sở liệu SQL hệ sở quản trị liệu MySQL 4/ Thiết kế website 5/ Kết luận 3/ Cơ sở liệu ban đầu TRƯỞNG KHOA (Ký, ghi rõ họ tên) GIÁO VIÊN HƯỚNG DẪN (Ký, ghi rõ họ tên) MỞ ĐẦU Công nghệ thông tin đóng vai trò quan trọng phát triển xã hội thời đại ngày Công nghệ thông tin trở thành nhân tố quan trọng, cầu nối trao đổi thành phần xã hội toàn cầu, vấn đề, đặc biệt ứng dụng cơng nghệ thơng tin có vai trò lớn hoạt động kinh tế, sản xuất kinh doanh, bán hàng, xúc tiến thương mại, quản trị doanh nghiệp Ngày nay, người có nhiều điều kiện tiếp cận với công nghệ thông tin Hầu ngành nghề, lĩnh vực hay hoạt động xã hội đại cần tới góp mặt Cơng nghệ thông tin Bởi đa dạng ấy, đối tượng phục vụ Công nghệ thông tin ngày phong phú, từ cá nhân muốn có máy vi tính, cơng ty muốn xây dựng Website giới thiệu sản phẩm quốc gia muốn xây dựng phủ điện tử hay thị trường rộng lớn toàn giới Bằng internet, thực nhiều công việc với tốc độ nhanh chi phí thấp nhiều so với cách thức truyền thống Chính điều này, thúc đẩy khai sinh phát triển thương mại điện tử phủ đ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 cửa hàng hay shop, việc quảng bá giới thiệu đến khách hàng sản phẩm đáp ứng nhu cầu khác hàng cần thiết Vậy phải quảng bá xây dựng Website cho cửa hàng quảng bá tất sản phẩm bán LỜI CẢM ƠN Trong trình tìm hiểu thực đề tài, dù gặp nhiều khó khăn bỡ ngỡ nhờ hướng dẫn giúp đỡ thầy cô em hoàn thành đề tài cách tốt Em xin gửi lời cảm ơn chân thành đến cô ThS Quách Thị Hạnh hướng dẫn em cách tận tình, tâm huyết q trinh thực Nhờ có dẫn kiến thức cô em hiểu thêm nhiều điều dễ dàng trình thực đề tài MỤC LỤC DANH MỤC CÁC BẢNG, SƠ ĐỒ, HÌNH KÍ HIỆU CÁC CỤM TỪ VIẾT TẮT 10 PHầN I: TỔNG QUAN VỀ XÂY DỰNG WEBSITE I KHÁI NIỆM WEBSITE II PHÂN LOẠI WEBSITE 1 PHÂN LOạI THEO Dữ LIệU 1.1 Web tĩnh 1.2 Web động PHÂN LOạI THEO ĐốI TƯợNG Sở HữU PHÂN LOạI THEO Sự TƯƠNG TÁC VớI NGƯờI DÙNG III CẤU TRÚC WEBSITE TRANG GIAO DIệN NGƯờI DÙNG ( FRONT-END) TRANG QUảN TRị WEBSITE ( BACK-END) PHầN II: TÌM HIỂU NGƠN NGỮ NỀN TẢNG VÀ CÁC CƠNG CỤ LẬP TRÌNH, THIẾT KẾ WEBSITE I NGƠN NGỮ NỀN TẢNG LẬP TRÌNH VÀ THIẾT KẾ NGÔN NGữ HTML 1.1 Khái niệm 1.2 Chức 1.3 Cấu trúc trang html Các thẻ html 1.3.1 Cấu trúc trang html 1.3.2 Các thẻ html NGÔN NGữ CSS 11 NGÔN NGữ PHP 11 3.1 Khái niệm 11 3.2 Các đặc điểm bật PHP 12 3.3 Sử dụng PHP 14 3.3.1 ThẻPHP 14 3.3.2 Gọi hàm PHP 15 3.3.3 Truy cập biến Form 15 3.3.4 Khai báo biến 16 3.3.5 Gán giá trị cho biến 16 3.4 Kiểu liệu biến PHP 16 3.5 Toán tử PHP 17 3.6 Kiểm tra biến PHP 18 3.7 Phát biểu có điều khiển 19 3.8 Lưu trữ truy vấn liệu PHP 21 II CÁC CÔNG CỤ LẬP TRÌNH VÀ THIẾT KẾ WEBSITE 23 PHầN III: CƠ SỞ DỮ LIỆU SQL VÀ HỆ QUẢN TRỊ CƠ SỞ DỮ LIỆU MYSQL 25 I XÂY DỰNG CƠ SỞ DỮ LIỆU 25 KHÁI NIệM 25 CÁC THUậT NGữ CƠ BảN 25 II HỆ QUẢN TRỊ DỮ LIỆU MYSQL 26 Khái niệm 26 Các kiểu DL hệ quản trị CSDL MySQL 29 2.1 Loại liệuNumeric 29 2.2 Loại liệu Date and Time 30 2.3 Trình bày đại diện TimeStamp 30 2.4 Loại liệu String 31 Làm việc với SQL MYSQL 31 Một số hàm thông dụng MySQL 33 PHầN IV: THIẾT KẾ WEBSITE 34 I PHÂN TÍCH YÊU CầU Đề TÀI 34 TÓM TắT HOạT ĐộNG CủA Hệ THốNG: 34 PHạM VI ứNG DụNG: 35 ĐốI TƯợNG Sử DụNG: 35 II PHÂN TÍCH CÁC CHứC NĂNG CủA Hệ THốNG 35 CHứC NĂNG CủA KHÁCH 35 1.1 Chức xem thông tin sản phẩm: 35 1.2 Chức mua hàng: 35 1.3 Chức giỏ hàng: 36 1.4 Chức tìm kiếm sản phẩm: 36 CHứC NĂNG CủA ADMIN 36 2.1 Chức quản lý thông tin sản phẩm: 36 2.2 Chức quản lý người dùng: 37 III CÁCH Tổ CHứC Dữ LIệU VÀ THIếT Kế CHƯƠNG TRÌNH CHO WEBSITE 37 BảNG CHITIETSP 37 BảNG DANGKY 38 BảNG LOAISP 38 BảNG HIEUSP 39 BảNG ADMIN 39 IV THIếT Kế GIAO DIệN 40 GIAO DIệN TRANG CHủ 40 GIAO DIệN FORM ĐĂNG NHậP 41 GIAO DIệN TRANG GIỏ HÀNG 42 GIAO DIệN FORM ĐĂNG KÝ THÀNH VIÊN 43 GIAO DIệN TRANG CHI TIếT SảN PHẩM 44 GIAO DIệN TRANG LIÊN Hệ 45 GIAO DIệN TRANG LOGIN 45 GIAO DIệN TRANG QUảN LÝ CHI TIếT SảN PHẩM 46 GIAO DIệN TRANG QUảN LÝ LOạI SảN PHẩM 46 10 GIAO DIệN TRANG QUảN LÝ HIệU SảN PHẩM 47 11 GIAO DIệN TRANG QUảN TRị 48 PHầN V: KẾT LUẬN 49 I ƯU, NHƯợC ĐIểM CủA PHầN MềM 49 II PHƯƠNG HƯớNG PHÁT TRIểN 49 DANH MỤC TÀI LIỆU THAM KHẢO 51 DANH MỤC CÁC BẢNG, SƠ ĐỒ, HÌNH Bảng 3.1 Dữ liệu Numeric ………………………………………………………… 28 Bảng 3.2 Dữ liệu Date Time ……………………………………………………… 29 Bảng 3.3Trình bày đại diện Timestamp ……………………………………… 29 Bảng 3.4Dữ liệu String …………………………………………………………… 30 Bảng Chi tiết sản phẩm ………………………………………………………… 37 Bảng Đăng ký…………………………………… ……………………………… 37 BảngLoại sản phẩm ………………………………… …………………………… 38 Bảng Hiệu sản phẩm ………………………………… …………………………… 38 KÍ HIỆU CÁC CỤM TỪ VIẾT TẮT PHP: Hypertext Processor Ngôn ngữ kịch máy chủ SQL: Structured Query Language Ngôn ngữ quản trị hệ CSDL HTML: HyperText Markup Language Ngôn ngữ đánh dấu siêu văn URL (Uniform Resource Locator) có nghĩa định vị tài nguyên internet URL mang lại khả siêu liên kết cho trang mạng Các tài nguyên khác tham chiếu tới địa chỉ, URL, gọi địa web liên kết mạng (hay ngắn gọn liên kết) HTTP (Hypertext Transfer Protocol) giao thức thể cách thức truyền tải liệu mạng Internet, HTTP thường dùng để gửi nhận liệu máy chủ web người dùng Viện Đại học Mở Hà Nội Đồ án tốt nghiệp + Thêm sản phẩm: người quản trị chọn chức thêm sản phẩm, hệ thống gửi thông tin sản phẩm muốn thêm vào database, sản phẩm thêm vào database + Sửa sản phẩm: người quản trị chọn chức sửa sản phẩm thơng tin sản phẩm cần sửa chữa hệ thống chuyển đến trang sửa sản phẩm + Xóa sản phẩm: quản trị viên chọn sản phẩm cần xóa, hệ thống gửi thơng tin sản phẩm muốn xóa database, sản phẩm xóa khỏi database Đầu ra: Thơng tin sản phẩm sau chỉnh sửa - 2.2 Chức quản lý người dùng: Quản lý thông tin người dùng bao gồm thông tin tên, tài khoản, mật - Đầu vào: Thông tin người dùng - Xử lý: quản trị viên chọn chức thêm , sửa, xóa người dùng Thơng tin mà quản trị viên yêu cầu hệ thống gửi xuống database để thực chức - Đầu ra: Thông tin người dùng sau xử lý III Cách tổ chức liệu thiết kế chương trình cho website Bảng chitietsp Dùng để quản lí danh mục chi tiết sản phẩm GVHD: ThS QUÁCH THỊ HẠNHSVTH: TRIỆU QUYẾT TIẾN 37 Viện Đại học Mở Hà Nội Đồ án tốt nghiệp Bảng dangky Dùng để quản lí danh mục đăng ký Bảng loaisp Dùng để quản lí danh mục loại sản phẩm GVHD: ThS QUÁCH THỊ HẠNHSVTH: TRIỆU QUYẾT TIẾN 38 Viện Đại học Mở Hà Nội Đồ án tốt nghiệp Bảng hieusp Dùng để quản lí danh mục hiệu sản phẩm Bảng admin Dùng để quản lí người quản trị GVHD: ThS QUÁCH THỊ HẠNHSVTH: TRIỆU QUYẾT TIẾN 39 Viện Đại học Mở Hà Nội IV Đồ án tốt nghiệp Thiết kế giao diện Giao diện trang chủ Trang chủ “Index.php”: Là trang chính, chứa tất mục để lựa chọn Từ trang chủ khách hàng tìm thấy thơng tin cần thiết: Thơng tin loại sản phẩm với giao diện gần gũi, thân thiện dễ sử dụng từ khách hàng đặt mua cho sản phẩm u thích, phù hợp với túi tiền GVHD: ThS QUÁCH THỊ HẠNHSVTH: TRIỆU QUYẾT TIẾN 40 Viện Đại học Mở Hà Nội Đồ án tốt nghiệp Giao diện form đăng nhập Trang đăng nhập trang mà khách hàng nhậpTài khoản Pass để đăng nhập vào website, chưa có tài khoản khách hàng nhấn vào nút “Đăng ký tài khoản mới” để tạo cho tài khoản GVHD: ThS QUÁCH THỊ HẠNHSVTH: TRIỆU QUYẾT TIẾN 41 Viện Đại học Mở Hà Nội Đồ án tốt nghiệp Giao diện trang giỏ hàng GVHD: ThS QUÁCH THỊ HẠNHSVTH: TRIỆU QUYẾT TIẾN 42 Viện Đại học Mở Hà Nội Đồ án tốt nghiệp Trang “Giỏ hàng” trang mà khách hàng xem sản phẩm chọn Tại khách hàng biết số lượng mặt hàng chọn tổng số tiền phải tốn Khách hàng thêm, cập nhập xóa sản phẩm giỏ hàng Giao diện form đăng ký thành viên Tại khách hàng điền đầy đủ thông tin cá nhân đăng ký cho tài khoản, để dùng cho việc mua hàng website GVHD: ThS QUÁCH THỊ HẠNHSVTH: TRIỆU QUYẾT TIẾN 43 Viện Đại học Mở Hà Nội Đồ án tốt nghiệp Giao diện trang chi tiết sản phẩm Trang “Chi tiết sản phẩm” trang hiển thị thông tin chi tiết sản phẩm: giá, bảo hành, thông số kỹ thuật…giúp cho khách hàng có nhìn tổng quan sản phẩm Là sở để khách hàng có định mua sản phẩm hay khơng GVHD: ThS QUÁCH THỊ HẠNHSVTH: TRIỆU QUYẾT TIẾN 44 Viện Đại học Mở Hà Nội Đồ án tốt nghiệp Giao diện trang liên hệ Giao diện trang login GVHD: ThS QUÁCH THỊ HẠNHSVTH: TRIỆU QUYẾT TIẾN 45 Viện Đại học Mở Hà Nội Đồ án tốt nghiệp Giao diện trang quản lý chi tiết sản phẩm Giao diện trang quản lý loại sản phẩm GVHD: ThS QUÁCH THỊ HẠNHSVTH: TRIỆU QUYẾT TIẾN 46 Viện Đại học Mở Hà Nội Đồ án tốt nghiệp 10 Giao diện trang quản lý hiệu sản phẩm GVHD: ThS QUÁCH THỊ HẠNHSVTH: TRIỆU QUYẾT TIẾN 47 Viện Đại học Mở Hà Nội Đồ án tốt nghiệp 11 Giao diện trang quản trị Đây trang quản trị dành cho người Admin cửa hàng, cung cấp đầy đủ tính cho người quản trị như: quản lý sản phẩm, quản lý thành viên, quản lý đơn đặt hàng… GVHD: ThS QUÁCH THỊ HẠNHSVTH: TRIỆU QUYẾT TIẾN 48 Viện Đại học Mở Hà Nội Đồ án tốt nghiệp Phần V: KẾT LUẬN I Ưu, nhược điểm phần mềm Đề 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 thương mại điện tử nên chức website gồm nội dung sau: - Giới thiệu cửa hàng - Giới thiệu sản phẩm - 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 - Khách hàng tìm hiểu thơng tin sản phẩm để đưa định mua hàng Ưu điểm: - Kết hợp nhiều ngôn ngữ lập trình web - Có nhiều module chức Nhược điểm: - Website đơn giản - Chưa có danh mục đặt hàng online tốn - Chưa có tính tự động tự động tạo hóa đơn gửivề mail, hỗ trợ khách hàng trực tuyến … II Phương hướng phát triển Thực đề tài thiết kế Website lần em lập trình ứng dụng web, kiến thức kỹ còng hạn chế nên khó tránh khỏi thiếu xót Website cần phát triển thêm nhiều chức hỗ trợ người dùng quản trị viên Do phương hướng phát triển đề tài: - Xử lý đồ họa, giao diện tốt - Đưa website lên hosting - Quản lý hóa đơn mua hàng - Hỗ trợ khách hàng toán online GVHD: ThS QUÁCH THỊ HẠNHSVTH: TRIỆU QUYẾT TIẾN 49 Viện Đại học Mở Hà Nội - Đồ án tốt nghiệp Tích hợp thêm cơng cụ hỗ trợ nhà quản trị Qua việc thực đồ án tốt nghiệp, phần giúp em hiểu thêm lập trình ngôn ngữ PHP, cách sử dụng ngôn ngữ CSS HTML Đồng thời tạo giao diện, xử lý thành công chức website thương mại quản lý sản phẩm, giỏ hàng… Một lần em xin gửi lời cảm ơn cô Quách Thị Hạnh nhiệt tình hướng dẫn, giúp đỡ em hoàn thành đề tài GVHD: ThS QUÁCH THỊ HẠNHSVTH: TRIỆU QUYẾT TIẾN 50 Viện Đại học Mở Hà Nội Đồ án tốt nghiệp DANH MỤC TÀI LIỆU THAM KHẢO http://www.picidi.com/blog/?p=100 http://blog.vietsol.net/thiet-ke-website/website-la-gi-nhung-khai-niem-co-banve-website.html http://hocthietkeweb.net.vn/hoc-php-nhung-uu-diem-noi-bat-cua-hoc-lap-trinhphp.html https://thachpham.com/ http://freetuts.net/ GVHD: ThS QUÁCH THỊ HẠNHSVTH: TRIỆU QUYẾT TIẾN 51 ... tạo: ĐHCQ 1/ Tên đề tài TN: Tìm hiểu thiết kế website bán hàng 2/ Nội dung chính: 1/ Tổng quan xây dựng website 2/ Tìm hiểu ngơn ngữ tảng cơng cụ lập trình, thiết kế website 3/ Cơ sở liệu SQL hệ... Đại học Mở Hà Nội Đồ án tốt nghiệp Phần II: TÌM HIỂU NGƠN NGỮ NỀN TẢNG VÀ CÁC CƠNG CỤ LẬP TRÌNH, THIẾT KẾ WEBSITE I NGƠN NGỮ NỀN TẢNG LẬP TRÌNH VÀ THIẾT KẾ Ngơn ngữ HTML 1.1 Khái niệm HTML ( tiếng... cấp website tĩnh phải làm lại website 1.2 Web động Là website có Cơ Sở Dữ Liệu công ty thiết kế chuyên nghiệp xây dựng bàn giao công cụ quản lý, cập nhật website cho khách hàng Việc cập nhật website