Thiết kế website bán quần áo

Đồ án tốt nghiệp đại học Thiết kếwebsite bán quầnáo 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 ĐỀ TÀI ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC Họ tên sinh viên:ĐINH THỊ NGÂN HÀ Lớp:K16 Khoá: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 TTTN: Thiết kế website bánquần áo 2/ Nội dung chính: 1/MƠ TẢ BÀI TỐN 2/KHẢO SÁT HỆ THỐNG 3/PHÂN TÍCH HỆ THỐNG 4/THIẾT KẾ HỆ THỐNG 5/ CÀI ĐẶT WEBSITE 3/ Cơ sở liệu ban đầu 4/ Ngày giao : /… /2017 5/ Ngày nộp:… /… /2017 TRƯỞNG KHOA GIÁO VIÊN HƯỚNG DẪN (Ký, ghi rõ họ tên) (Ký, ghi rõ họ tên) GVHD: T.S Đặng Hải Đăng SVTH :Đinh Thị Ngân Hà Đồ án tốt nghiệp đại học Thiết kếwebsite bán quầnáo LỜI CẢM ƠN Để hoàn thành tốt đề tài em xin gửi lời cảm ơn chân thành tới thầy cô giảng dạy em suốt thời gian vừa qua Em xin chân thành cảm ơn thầy Đặng Hải Đăng hướng dẫn em suốt trình làm đề tài Bên cạnh để hồn thành tốt đề tài em nhận nhiều giúp đỡ, lời động viên quý báu bạn bè, anh chị thân hữu,em xin chân thành cảm ơn Tuy nhiên thời gian hạn hẹp, nố lực đề tài em khó tránh khỏi thiếu sót Em mong nhận thông cảm bảo tận tình q thầy bạn để thực tốt đề tài Một lần em xin chân thành cảm ơn Hà Nội, ngày…tháng…năm 2017 Sinh viên thực Đinh Thị Ngân Hà GVHD: T.S Đặng Hải Đăng SVTH :Đinh Thị Ngân Hà Đồ án tốt nghiệp đại học Thiết kếwebsite bán quầnáo NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN ……………………………………………… ………………………………… …………… ……………………………………………… …………………… ………………………… ……………………………………………… ……… ……………………………………… ………………………………………… …… ……………………………………………… …………………………… ………………… ……………………………………………… ……………… ……………………………… ……………………………………………… … …………………………………………… …………………………………… Ngày tháng năm 2017 T.S Đặng Hải Đăng NHẬN XÉT CỦA GIÁO VIÊN DUYỆT ĐỌC …………………………………………… …………………………………… …………………………………………… …………………………………… …………………………………………… …………………………………… …………………………………………… …………………………………… …………………………………………… …………………………………… …………………………………………… …………………………………… Ngày GVHD: T.S Đặng Hải Đăng tháng năm 2017 SVTH :Đinh Thị Ngân Hà Đồ án tốt nghiệp đại học Thiết kếwebsite bán quầnáo MỤC LỤC PHẦN MỞ ĐẦU CHƯƠNG 1: MƠ TẢ BÀI TỐN 1.1 Giới thiệu đề tài 1.2 Mục đích website cần thiết kế 1.3 Một số trang website 1.4 Hoạt động nhà quản trị: CHƯƠNG 2: KHẢO SÁT HỆ THỐNG 2.1: Khảo sát thực tế 2.1.1: Chức hệ thống: 2.1.2 Yêu cầu toán 2.1.3: Khảo sát 2.1.4: Yêu cầu đặt cho hệ thống: 2.1.5: Yêu cầu phi chức 2.2 : Giới thiệu ngơn ngữ lập trình 2.2.1: HTML 2.2.2: CSS 2.2.3 Giới thiệu MySQL 2.2.4 Các câu lệnh SQL 10 2.2.5: Các hàm MySQL 13 2.2.6: Giới thiệu PHP 13 2.2.7: Giới thiệu Adobe Dreamweaver 19 2.2.8: Giới thiệu XAMPP 20 CHƯƠNG 3: PHÂN TÍCH HỆ THỐNG 21 3.1.Phân tích chức năng: 21 3.1.1.Mơ hình phân rã chức 21 3.1.2: Mô tả chức 22 3.1.3.Mơ hình luồng liệu 23 3.2: Phân tích liệu 23 3.2.1.Xác định thực thể 23 3.2.2:Mơ hình thực thể liên kết: 24 CHƯƠNG 4: THIẾT KẾ HỆ THỐNG 25 4.1: Thiết kế hệ thống 25 GVHD: T.S Đặng Hải Đăng SVTH :Đinh Thị Ngân Hà Đồ án tốt nghiệp đại học Thiết kếwebsite bán quầnáo 4.2: Định nghĩa đối tượng mơ hình 25 4.2.1: Các chức 25 4.2.2: Các luồng liệu 25 4.2.3: Các kho liệu 26 4.2.4: Các đối tác 26 4.2.5: Các tác nhân 26 4.3: Định nghĩa chi tiết thành phần: 26 4.4 Định nghĩa chi tiết thành phần tiến trình 27 4.4 Phân tích hệ thống chức 28 4.4.1: Sơ đồ phân cấp chức 28 4.4.2 Định nghĩa đối tượng 29 4.5: Kiến trúc tổng thể hệ thống 34 CHƯƠNG 5: CÀI ĐẶT WEBSITE 37 5.1 Mô tả hoạt động cửa hàng 37 5.2 Cài đặt web 37 5.2.1: XAMPP 38 5.2.2: Thư mục gốc host : host root 40 5.3: Giao diện web demo 42 KẾT LUẬN 48 GVHD: T.S Đặng Hải Đăng SVTH :Đinh Thị Ngân Hà Đồ án tốt nghiệp đại học Thiết kếwebsite bán quầnáo DANH MỤC CÁC BẢNG, SƠ ĐỒ, HÌNH Hình 3.1 Mơ hình phân rã chức hệ thống Hình 3.2:Mơ hình luồng liệu Hình 3.3:Mơ hình thực thể liên kết Hình 4.1:Mơ hình tiến trình nghiệp vụ Hình 4.2: Sơ đồ phân cấp chức Hình 4.3: Biểu đồ luồng liệu mức khung cảnh Hình 4.4: Biểu đồ luồng liệu mức đỉnh Hình 4.5: Biểu đồ luồng liệu mức chức quản lý Admin User Hình 4.6: Biểu đồ luồng liệu mức chức xử lý giỏ hàng Hình 4.7: Kiến rúc tổng thể hệ thống GVHD: T.S Đặng Hải Đăng SVTH :Đinh Thị Ngân Hà Đồ án tốt nghiệp đại học Thiết kếwebsite bán quầnáo DANH SÁCH TỪ VIẾT TẮT PHP: Hypertext Preprocessor SQL: Structured Query Language CSDL: Cơ sở liệu XAMPP : X + Apache + Mysql + PHP + Perl PERL: Practical Extraction and Report Language - ngôn ngữ kết xuất báo cáo thực dụng UNIX: Uniplexed Information and Computing System HTML:HyperText Markup Language - ngôn ngữ đánh dấu siêu văn GVHD: T.S Đặng Hải Đăng SVTH :Đinh Thị Ngân Hà PHẦN MỞ ĐẦU Tại Việt Nam, với sống ngày đại, nhu cầu mua bán qua mạng Mạng INTERNET cần thiết Trong xu cạnh tranh ngày mạnh kinh tế mở cửa tất lĩnh vực đặc biệt ngành kinh qua mạng, chất lượng phục vụ giá dịch vụcungcấp cho khách hàng đặt lên hàng đầu.Vì em thực đồ án “Thiết kế Website bán quần áo” Mục tiêu là:Tìm hiểu hệ thống số cửa hàng bán hàng trực tuyến cửa hàng kinh doanh theo hình thức Từ em xây dựng website bán quần áo tốt Nội dung đồ án gồm chương - Chương 1: Mơ tả tốn - Chương 2: Khảo sát hệ thống - Chương 3: Phân tích hệ thống - Chương 4: Thiết kế hệ thống - Chương 5: Cài đặt website GVHD: T.S Đặng Hải Đăng1SVTH :Đinh Thị Ngân Hà CHƯƠNG 1: MÔ TẢ BÀI TOÁN 1.1 Giới thiệu đề tài Việc kinh doanh mua bán nhu cầu không thiếu với Trong thời đại cạnh tranh việc giới thiệu sản phẩm đến cá nhân với chi phí thấp,hiệu cao vấn đề nan giải người kinh doanh với nhu cầu mua sắm với sản phẩm đa chủng loại, đạt chất lượng suất cao với nhiều mẫu mã đa dạng hợp túi tiền khách hàng thương mại điện tử đời phát triển mạnh toàn giới Việc phổ biến sản phẩm cửa hàng kinh doanh đến khách hàng thông qua bảng báo giá nhiên chi phí cao số lượng sản phẩm ngày đa dạng giá thay đổi liên tục tính phổ biến khơng cao chưa đáp ứng nhu cầu người dùng Mặt khác cửa hàng gặp nhiều khó khăn chưa quản lý người dùng, thông tin nhà sản xuất, cập nhật giá sản phẩm, quản lý sản phẩm… Nắm bắt tình hình em tiến hành thiết kế trang web mua bán hàng online để mong giúp cho cửa hàng phá triển hơn,giúp quản lý cửa hàng cách dễ dàng mà đạt hiệu mong đợi 1.2 Mục đích website cần thiết kế Khi xây dựng website phải hình dung xem cần thiết kế cho website ? Khơng có chủ định mục tiêu rõ ràng website trở nên sai lầm, lan man cuối tới hướng khó trở lại Thiết kế cẩn thận định hướng rõ chìa khóa hướng tới thành công việc xây dựng website.Vận dụng tổng hợp kiến thức học để tiến hành thiết kế website bán hàng online nhằm giải khó khăn cửa hàng Tìm hiểu thực trạng thương mại Việt Nam để triển khai hệ thống thương mại điện tử cửa hàng cho phù hợp Khai phá lợi ích internet để hướng đến mơi trường kinh doanh tốt Giảm chi phí bán hàng tiếp thị giao dịch Bằng phương tiện nhân viên bán hàng giao dịch với nhiều khách hàng khác nhau,catalogue điện tử Web phong phú nhiều thường xuyên cập nhập so với catalogue in ấn có khn khổ giới hạn luôn lỗi thời.Internet/Web giúp người tiêu thụ cửa hàng kinh doanh giảm đáng kể thời gian chi phí giao dịch (giao dịch hiểu từ trình quảng cáo, tiếp xúc ban đầu, giao dịch đặt hàng, giao dịch toán.) Thời gian giao dịch qua Internet 7% thời gian giao dịch qua Fax, khoảng 0.5 phần nghìn thời gian giao dịch qua bưu điện chuyển phát nhanh, chi phí tốn điện tử qua Internet từ 10% đến 20% chi phí tốn theo lối thơng thường Những trở ngại việc tiếp cận phương tiện Internet/Web hầu hết trường hợp mang lại nhiều thuận lợi lợi ích kinh doanh Thế nhưng, nhiều cửa hàng không tận dụng tiến kỹ thuật tuyệt vời Internet GVHD: T.S Đặng Hải Đăng2SVTH :Đinh Thị Ngân Hà Đó số rào cản hay nói cách khác khó khăn cửa hàng tiếp cận đến loại hình bán hàng trực tuyến Trước xây dựng websie cần: - Xác định đối tượng khách hàng ai? - Website có mục đích gì? - Xác định rõ chủ đề website gì? - Thiết lập khối thơng tin mà website cung cấp - Việc xây dựng website trình liên tục, khơng đơn dự án lần với thông tin tĩnh Việc biên tập, quản lý trì kỹ thuật dài hạn phải bao trùm lên kế hoạch xây dựng website • Đối tượng khách hàng: Đây website bán hàng thời trang nên đối tượng không phân biệt nam hay nữ chủ yếu sản phẩm dành cho độ tuổi niên mặ hàng chủ yếu website quần áo • Quảng bá website Mục tiêu website giới thiệu quảng bá cửa hàng,cung cấp sản phẩm thời trang mà bạn trẻ ưa thích Khách hàng biết thông tin cụ thể sản phẩm :tên sản phẩm,giá cả… Ngồi website có mục đích giới thiệu cho nhiều khách hàng biết đến cửa hàng,thu hẹp khoảng cách địa lý,giải quyế vấn đề đường xa,việc lại khó khăn… Làm cho việc kinh doanh ngày phát triển nhiều khách hàng biết đến 1.3 Một số trang website • Trang chủ: Đây trang giới thiệu sản phẩm bật cửa hàng,những sản phẩm liên tục cập nhập • Trang giới thiệu: Trang nói khái qt cửa hàng, hình thức tốn,thơng tin cửa hàng chủ cửa hàng,biết cửa hàng bán mặt hàng gì,có cần thiết hay khơng • Trang sản phẩm : trang khách hàng xem sản phẩm cửa hàng website tham khảo mặt hàng có sẵn để lựa chọn Khách hàng nhắn vào sản phẩm để xem chi tiết sản phẩm VD :chất liệu ,xuất xứ, kiểu dáng, giá cả… • Trang đặt hàng: Trang sau bạn ưng ý sản phẩm cho vào giỏ hàng để tiếp tục shopping • Trang tốn: Ở bạn cung cấp cho website thơng tin cá nhân hình thức tốn để nhận sản phẩm • Trang vận chuyển:Cho biết hình thức chuyển hàng Nếu gần cửa hàng vận chuyển ln ngày xa lựa chon nhiều phương pháp chuyển phát nhanh… • Trang hỏi đáp: trang có thắc mắc kiến nghị với cửa hàng trực tiếp đặt câu hỏi để giải đáp kỹ lưỡng GVHD: T.S Đặng Hải Đăng3SVTH :Đinh Thị Ngân Hà CHƯƠNG 5: CÀI ĐẶT WEBSITE 5.1 Mô tả hoạt động cửa hàng Việc mua bán cửa hàng chia làm hình thức • - Mua hàng trực tiếp - Gọi điện thoại đặt hàng - Đặt hàng thông qua hệ thống website cửa hàng Mua hàng trực tiếp: Đây hình thức giao dịch truyền thống cửa hàng, khách hàng biết đến mặt hàng giá thông qua rao vặt cửa hàng qua giới thiệu khách hàng khác Khách hàng đến cửa hàng mua hàng trực tiếp cửa hàng xuất hóa đơn tốn cho khách hàng • Gọi điện thoại đặt hàng: Đây hình thức giao dịch phổ biến cửa hàng Khách hàng tham khảo sản phẩm cần mua thông qua website cửa hàng thông qua giới thiệu khách hàng khác Khách hàng gọi điện thoại đến cửa hàng đặt hàng cần mua nói rõ địa sau bán hàng xuất hóa đơn phân cơng cho nhân viên giao hàng nhận tiền Đặt hàng thông qua hệ thống website cửa hàng: Đây hình thức giao dịch mẻ nhiên khách hàng ủng hộ nhiệt tình hình thức tiện lợi phù hợp với xu Khách hàng tham khảo sản phẩm mà cửa hành kinh doanh website cửa hàng sau chọn hàng cần mua cho vào giỏ hàng Sau chọn xong khách hàng xem lại giỏ hàng đồng ý khách hàng chọn chức toán đơn đặt hàng gửi tới cửa hàng Nhân viên xuất hóa đơn phân cơng cho nhân viên giao hàng nhận tiền Trường hợp khách hàng xa sử dụng phương pháp chuyển phát Khách hàng sau đặt hàng chuyển tiền vào số tài khoản cửa hàng Sau bán hàng nhận tiền khách hàng gửi xuất hóa đơn bán hàng tiến hành chuyển phát hàng cho khách hàng 5.2 Cài đặt web Cài đặt localhost phần mềm thơng dụng XAMPP GVHD: T.S Đặng Hải Đăng37SVTH :Đinh Thị Ngân Hà 5.2.1: XAMPP • Cách cài đặt sau: Chạy chương trình cài đặt XAMPP Installer, xuất bảng chọn ngôn ngữ, chọn Englishvà nhấn Ok Khi xuất bảng Welcome to the Xampp Setup Wizard, nhấn Next Trong License Agrement chọn I accept the Agreement, nhấn Next Trong Select Destination Location, chọn nơi cài đặt Xampp Lưu ý bước nên chọn ổ dĩa khác với ổ dĩa cài Windows để sau dễ cài đặt cấu hình cho Wampp Chọn đường dẫn D:\xampp (cài thư mục xampp ỗ dĩa D), nhấn Next Trong XAMPP Options, để nguyên mặc định Xampp nhấn Install Chương trình tiến hành cài đặt sau nhấn Finish để kết thúc việc cài đặt, chương trình hỏi bạn có muốn mở bảng điều khiển Xampp hay khơng, chọn No cần chỉnh thêm vài thông số Thư mục gốc để chứa trang web mặc định Xampp D:\xampp\htdocs Tất Website thư mục chứa Website phải đặt vào thư mục htdocs hoạt động Nếu muốn bạn thay đổi thư mục Web Root, bạn nên tạo thư mục Web Root khác nằm bên thư mục Xampp để dễ sử dụng Ví dụ tạo thư mục Web Root nằm ổ dĩa D: có tên WWW cách mở File httpd.conf nằm thư mục cài đặt Xampp D:\xampp\apache\conf\(D:\xampp\apache\conf\httpd.conf) chương trình Notepad chương trình soạn thảo văn Tìm đến dòng DocumentRoot "D:/xampp/htdocs" sửa lại thành DocumentRoot "D:/www" dòng sửa lại thành , Save đóng File lại Lưu ý dấu sổ / \ đường dẫn phải xác Mở bảng điều khiển chương trình Xampp cách nhấn đúp chuột vào Icon XAMPP Control Panel nằm Desktop Nếu xuất bảng xuất bảng Windows Security Alert chọn Unblock Trong điều khiển Xampp, chọn Start để khởi động Apache MySQL Nhấn vào nút X(góc bên phải) để tắt bảng điều khiển, bạn mở bảng điều khiển lúc cách nhấn chuột biểu tượng Xampp nằm khay hệ thống (góc bên phải hình) Bây thư mục gốc (Web Root) để chứa trang web D:\www Bạn Copy File thư mục D:\xampp\htdocs vào thư mục D:\www, sau mở chương trình duyệt web (Internet Explorer, Firefox ), ô địa bạn nhập vào: http://localhost lên bảng thông số Xampp việc cài đặt thành công 5.2.2: Thư mục gốc host : host root Khi cài đặt XAMPP theo mặc định thư mục gốc host là: Thư mục cài đặt XAMPP\htdocs Ví dụ : C:\XAMPP\htdocs Như muốn thực thi mã PHP hay cài đặt bạn phải copy chúng vào thư mục htdocs Có thể thay đổi thư mục gốc host khơng (host root) ? Hồn tồn thay đổi thư mục gốc host, nhiên thay đổi phức tạp, làm khơng xác gây lỗi chạy XAMPP, khơng cần thiết tốt khơng nên thay đổi Nếu bạn muốn tò mò khám phá muốn thay đổi thư mục gốc host làm sau: - Tạo thư mục muốn làm host root - Trong thư mục tạo thêm thư mục với tên là: cgi-bin - Vào thư muc XAMPP\apache\conf - Sao lưu lại file httpd.conf cách Copy - Mở file httpd.conf notepad - Tìm chuỗi: DocumentRoot sửa giá trị DocumentRoot thành thư mục muốn đặt làm host root Ví dụ: Nguyên gốc: DocumentRoot "C:/xampp/htdocs" o Sửa thành: DocumentRoot "D:/wwwroot" - Tìm chuỗi: