Xây dừng website bán hàng cho công ty máy tính hoàng anh

LỜI CẢM ƠN Em xin gửi lời cảm ơn chân thành đến tất Thầy Cô giảng dạy chúng em suốt thời gian qua Em xin cảm ơn thầy Tô Hữu Nguyên - người hướng dẫn em thực đồ án tốt nghiệp Bên cạnh đó, để hoàn thành đồ án tốt nghiệp này, em nhận nhiều giúp đỡ, lời động viên quý báu gia đình bạn bè, anh chị thân hữu, em xin hết lòng cảm ơn Tuy nhiên, thời gian hạn hẹp, nỗ lực mình, đồ án khó tránh khỏi thiếu sót Em mong nhận thông cảm bảo tận tình quý thầy cô Sinh viên thực Trần Xuân Đức LỜI CAM ĐOAN Đồ án tốt nghiệp sản phẩm tổng hợp toàn kiến thức mà sinh viên học suốt thời gian học tập trường đại học Ý thức điều đó, với tinh thần nghiêm túc, tự giác lao động miệt mài thân hướng dẫn tận tình thầy Tô Hữu Nguyên em hoàn thành xong đồ án tốt nghiệp Em xin cam đoan: nội dung đồ án em không chép nội dung từ đồ án khác sản phẩm đồ án thân em nghiên cứu xây dựng lên Mọi thông tin sai lệch em xin hoàn toàn chịu trách nhiệm trước hội đồng bảo vệ MỤC LỤC LỜI CẢM ƠN .1 LỜI CAM ĐOAN MỤC LỤC DANH MỤC HÌNH LỜI NÓI ĐẦU CHƯƠNG I :CƠ SỞ LÝ THUYẾT XÂY DỰNG WEBSITE 1.1 Trang web (Webpage) 1.2 Website ? 1.3 Wbsite tĩnh website động 1.4 Các yêu cầu tối thiểu website 1.5 Quy trình thiết kế website chia làm giai đoạn 1.6 Các ngôn ngữ xây dựng website 11 1.6.1 HTML 11 1.6.2 CSS - Cascading Style Sheets 12 1.6.3 XHTML 14 1.6.4 XML – công cụ miêu tả liệu 14 1.6.5 XSLT – Công cụ chuyển đổi liệu .14 1.6.6 JavaScript – Ngôn ngữ kịch phía máy khách (Client-Side Scripting) 14 1.6.7 Giới thiệu PHP 15 1.6.8 Giới thiệu mySQL 21 1.6.9 Quảng cáo trực tuyến 22 1.7 Giới thiệu ngôn ngữ UML .23 CHƯƠNG II : KHẢO SÁT HIỆN TRẠNG CÔNG TY MÁY TÍNH HOÀNG ANH 29 2.1 Khảo sát trạng 29 2.2 Thu thập khó khăn công ty 33 2.3 Yêu cầu xây dựng website Công ty máy tính Hoàng Anh 33 CHƯƠNG III : PHÂN TÍCH THIẾT KẾ HỆ THỐNG WEBSITE CÔNG TY MÁY TÍNH HOÀNG ANH 34 3.1 Phân tích toán 34 3.2 Mô tả hệ thống 36 3.3 Thiết kế hệ thống website máy tính Hoàng Anh 36 3.4 Cơ sỡ liệu : .58 CHƯƠNG IV: XÂY DỰNG WEBSITE 59 4.1 Giao diện trang website : 59 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 64 TÀI LIỆU THAM KHẢO 65 NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN 66 DANH MỤC HÌNH Hình 2.1 Ảnh cửa hàng 29 Hình 2.2 Mẫu hóa đơn bán hàng .30 Hình 2.3 Mẫu hóa đơn toán 31 Hình 2.4 Mẫu hóa đon bán hàng .31 Hình 2.5 Mẫu phiếu bảo hành 32 Hình 3.1 Biểu đồ use-case tổng quát phía khách hàng 37 Hình 3.2: Biểu đồ hoạt động (activity) phía khách hàng 37 Hình 3.3 Biểu đồ hoạt động (activity) phía khách hàng 38 Hình 3.4 Biểu đồ trình tự use-case đăng ký .39 Hình 3.5 Biểu đồ cộng tác use-case đăng ký 39 Hình 3.6 Biểu đồ hoạt động use-case đăng ký 40 Hình 3.7 Biểu đồ trình tự use-case đăng nhập 41 Hình 3.8 Biểu đồ cộng tác use-case đăng nhập 41 Hình 3.9 Biểu đồ hoạt động use-case đăng nhập .42 Hình 3.10 Biểu đồ trình tự use-case tìm kiếm 42 Hình 3.11 Biểu đồ mô tả use-case tim kiếm,use-case xem chi tiết sản phẩm,usecase thêm vào giỏ hàng 43 Hình 3.12 Biểu đồ hoạt động use-case tìm kiếm .43 Hình 3.13 Biểu đồ trình tự use-case xem chi tiết sản phẩm 44 Hình 3.14 Biểu đồ trình tự use-case thêm vào giỏ hàng .45 Hình 3.15 Biểu đồ trình tự use-case xem giỏ hàng : 46 Hình 3.16 Biểu đồ mô tả use-case xem giỏ hàng, use-case đặt hàng, 46 use-case toán 46 Hình 3.17 Biểu đồ trình tự use- case đặt hàng, toán .47 Hình 3.18 Biểu đồ use-case tổng quát bên phía người quản trị viên 48 Hình 3.19 Biểu đồ hoạt động (activity) phía người quản trị .48 Hình 3.20 Biểu đồ hoạt động (activity) phía người quản trị .49 Hình 3.21 Biểu đồ trình tự use-case thêm thông tin sản phẩm .50 Hình 3.22 Biểu đồ trình tự use-case sửa thông tin sản phẩm 50 Hình 3.23 Biểu đồ trình tự use-case xóa thông tin sản phẩm 51 Hình 3.24 Biểu đồ cộng tác use-case cập nhật thông tin sản phẩm 51 Hình 3.25 Biểu đồ trình tự use-case cập nhật đơn hàng 52 Hình 3.26 Biểu đồ trình tự use-case xóa thông tin khách hàng 54 Hình 3.27 Biểu đồ trình tự use-case cập nhật thông tin khách hàng 54 Hình 3.28 Biểu đồ trình tự use-case cập nhật thông tin hãng 55 Hình 3.29 Biểu đồ trình tự use-case sửa thông tin hãng .56 Hình 3.30 Biểu đồ trình tự use-case xóa thông tin hãng 56 Hình 3.31 Biểu đồ quan hệ liệu lớp sở liệu 57 Hình 3.32 Mối quan hệ diagram sở liệu 58 Hình 4.1 Giao diện trang chủ 59 Hình 4.2 Giao diện trang kết tìm kiếm 60 Hình 4.3 Giao diện trang chi tiết sản phẩm 61 Hình 4.4 Giao diện trang giỏ hàng .62 Hình 4.5 Giao diện trang đăng nhập admin 62 Hình 4.6 Giao diện trang quản lý admin 63 Hình 4.7 Giao diện trang thêm sản phẩm 63 LỜI NÓI ĐẦU Hiện dịch vụ quảng cáo yếu tố then chốt định số mệnh nhà kinh doanh Nhà kinh doanh có công tác quảng cáo tốt có bước đà hoàn hảo để ngày phát triển ngược lại, nhà kinh doanh chức quảng cáo tốt, không đưa sản phẩm tới với người tiêu dung ngày tàn lụi Quảng cáo trực tuyến lựa chọn thông minh cho nhà kinh doanh Trong giới rộng lớn có hàng tỉ người sử dụng internet hàng ngày, phần lớn số họ thường đọc quảng cáo trực tuyến lướt hội lớn để kinh doanh quảng bá, tiếp thị sản phẩm đến với người tiêu dùng Cũng hình thức quảng cáo khác, quảng cáo mạng nhằm cung cấp thông tin, đẩy nhanh tiến độ giao dịch người mua người bán Nhưng quảng cáo mạng giúp người tiêu dùng tương tác với quảng cáo Khách hàng nhấn vào quảng cáo lấy thông tin mua sản phẩm mẫu mã quảng cáo đó, chí mua sản phẩm quảng cáo online website Quảng cáo trực tuyến tạo hội cho nhà quảng cáo nhắm xác vào khách hàng mình, giúp họ quảng cáo theo sở thích thị hiếu người tiêu dùng Đó khả tuyệt vời quảng cáo trực tuyến Chính thế, em có ý tưởng xây dựng website nhằm giới thiệu bán sản phẩm cho cửa hang máy tính Trong đồ án , em tập trung trình bày nội dung sau : Chương I: Cơ sở lý thuyết xây dựng website Chương II: Khảo sát trạng công ty máy tính Hoàng Anh Chương III: Phân tích thiết kế hệ thống website Công ty máy tính Hoàng Anh Chương IV: Xây dựng website Em xin chân thành cảm ơn! Sinh viên thực Trần Xuân Đức CHƯƠNG I :CƠ SỞ LÝ THUYẾT XÂY DỰNG WEBSITE 1.1 Trang web (Webpage) Trang web trang văn bản, giống loại văn khác (Word, Excel…), dùng chủ yếu để đọc, in giấy Điểm khác biệt lớn đặc trưng trang web liên kết với trang web khác, trang web khác lại liên kết với nhiều trang khác tạo thành mạng lưới liên kết khổng lồ toàn giới (cho nên gọi web nghĩa mạng lưới) Điểm đặc trưng thứ hai, loại văn khác thường tập trung vào việc “nhìn”, chủ yếu hỗ trợ chèn thêm hình ảnh vào văn Còn với trang web, bạn không xem hình ảnh mà nghe âm thanh, chí xem video, chơi games, hoạt động chương trình ứng dụng Nói cách khác, trang web trang siêu văn mà người ta đưa vào liệu mà họ muốn, cho cảm giác thứ đời đưa vào website 1.2 Website ? Website hệ thống bao gồm nhiều trang web liên quan đến nhau, thường đặt chung tên miền (ví dụ : yahoo.com,google.com,…) Nội dung trang web website thường tập trung nói tổ chức Trên website thường có trang chủ để thị nội dung chi tiết nội dung quan trọng nhất, bao quát trang để hiển thị nội dung chi tiết 1.3 Wbsite tĩnh website động Đầu tiên, để hiểu hai khái niệm này, cần xác định chữ “động” “chuyển động” (motion) mà “linh động” (dynamic) Như vậy, trang web động trang web có nhiều hình ảnh chuyển động hay nhiều chữ bay nhảy, mà trang web có nội dung linh động, thay đổi Giống trang báo mạng, lần bạn vào thấy có tin tức mới, điển hình website động Tương tự vậy, website tĩnh là website với thứ “đứng im”, mà website có nội dung cố định, muốn thay đổi nội dung, gần phải thiết kế lại website 1.4 Các yêu cầu tối thiểu website Để doanh nghiệp hoạt động cần phải đáp ứng yếu tố sau : o Tên doanh nghiệp o Trụ sở hoạt động o Cơ sở vật chất máy móc Nếu ta tạm coi website doanh nghiệp để thiết lập đưa vào hoạt động website phải đáp ứng tối thiểu yếu tố là: o Tên website (hay gọi tên miền domain) tương ứng với "Tên công ty" o Hosting (hay gọi nơi lưu trữ web) tương ứng với “trụ sở hoạt động” công ty o Các trang web tương ứng với "Cơ sở vật chất, máy móc" công ty Tên Website:(hay gọi Tên miền ảo Domain name) tương ứng với Tên công ty đời thường Web Hosting:(hay gọi nơi lưu giữ máy chủ Internet) tương ứng với Trụ sở công ty đời thường Các trang Web tương ứng với yếu tố vật chất kỹ thuật, máy móc công ty đời thường người để quản lý vận hành Website 1.5 Quy trình thiết kế website chia làm giai đoạn - Giai đoạn 1: Thu thập thông tin khách hàng : o Tìm hiểu yêu cầu thực tế khách hàng o Xác nhận yêu cầu khách hàng trang web thông tin khách hàng cung cấp - Giai đoạn : Giai đoạn phân tích : o Dựa thông tin yêu cầu thiết kế website khách hàng, người lập trình phân tích rõ rang mục đích, yêu cầu, nguyện vọng khách hàng o Lập kế hoạch thực dự án o Căn kết khảo sát, thông tin khách hàng cung cấp người lập trình thiết kế lập cấu trúc cho website thiết kế chung cho toàn hệ thống - Giai đoạn 3: Giai đoạn thiết kế : o Xem xét chi tiết yêu cầu tiến hành thiết kế website o Tiến hành xử lý hiệu ứng ảnh, thu thập tài liệu liên quan o Kiểm tra sản phẩm để đảm bảo tính thẩm mỹ thống - Giai đoạn : Giai đoạn xây dựng : o Xây dựng sở liệu dựa thiết kế o Soạn thảo nội dung tài liệu, chỉnh sửa hoàn thiện nội dung đưa lên trang web o Tích hợp hệ thống: lắp ghép phân tích thiết kế, nội dung lập trình thành sản phẩm o Tiến hành kiểm tra, chỉnh sửa thực nghiệm thu nội - Giai đoạn : Giai đoạn chạy thử : o Tổng hợp nội dung, xây dựng hệ thống theo thiết kế o Kiểm tra sửa lỗi o Lắp ghép thiết kế với phần mềm, đảm bảo không sai lệch với thiết kế phần mềm hoạt động tốt o Chạy thử hệ thống vòng 01 tuần o Kiểm tra sửa - Giai đoạn : Giai đoạn nghiệm thu : o Khách hàng duyệt dự án: khách hàng duyệt chất lượng dự án o Đăng tải hệ thống: đảm bảo hệ thống chạy tốt - Giai đoạn : Giai đoạn chuyển giao : o Bàn giao cho khách hàng (có đĩa CD mã nguồn) 10 k Use-case cập nhật đơn hàng: Use-case mô tả cách thức người quản trị cập nhật đơn hàng: xem, xóa, - Luồng kiện chính: + Từ trang admin, quản trị viên nhấn vào phần cập nhật đơn hàng + Hệ thống hiển thị phần đơn hàng mà khách hàng đặt hàng lưu trữ sỡ liệu + Hệ thống hiển thị form liệu đơn đơn hàng như: khách hàng, ngày tạo, tổng tiền… + Chọn chức xóa hóa đơn: quản trị viên chọn hóa đơn cần xóa nhấn nút xóa + Hệ thống hiển thị thông báo thành công tương ứng - Luồng kiện phụ: + Nếu người quản trị đưa thông tin vào không hệ thống thông báo lỗi tương ứng Hình 3.25 Biểu đồ trình tự use-case cập nhật đơn hàng 52 l Use-case quản lý khách hàng (thành viên): Use-case mô tả cách thức người quản trị quản lý thông tin khách hàng như: thêm, xóa, sửa danh mục - Luồng kiện chính: + Từ trang admin, quản trị viên nhấn vào nút danh sách mục khách hàng + Hệ thống hiển thị trang quản lý khách hàng Quản trị viên chọn chức phù hợp + Chọn chức thêm khách hàng: từ trang quản trị chọn chức thêm mục khách hàng + Hệ thống hiển thị form nhập liệu khách hàng như: họ tên, địa chỉ, điện thoại, email + Chọn chức xóa khách hàng: quản trị viên chọn khách hàng cần xóa nhấn nút xóa + Chọn chức cập nhật thông tin khách hàng: quản trị viên chọn chức sửa từ danh sách khách hàng + Hệ thống hiển thị form thông tin khách hàng cần sửa như: : họ tên, địa chỉ, điện thoại, email Quản trị viên sửa thông tin cần sửa sau nhấn nút sửa để hoàn tất việc sửa liệu + Hệ thống hiển thị thông báo thành công tương ứng - Luồng kiện phụ: + Nếu người quản trị đưa thông tin vào không hệ thống thông báo lỗi tương ứng 53 Hình 3.26 Biểu đồ trình tự use-case xóa thông tin khách hàng Hình 3.27 Biểu đồ trình tự use-case cập nhật thông tin khách hàng m Use-case cập nhật (quản lý) thông tin hãng Use-case mô tả cách thức người quản trị cập nhật thông tin hãng mặt hàng -Luồng kiện : + Từ trang admin người quản trị chọn vào phần cập nhật thông tin hãng Hệ thống hiển thị trang cập nhật thông tin hãng, người quản trị lựa chọn 54 chức phù hợp xóa thông tin hãng, thêm thông tin hãng mới, sửa thông tin hãng + Hệ thống hiển thị form nhập liệu hãng như: tên hãng, địa chỉ, điện thoại, email, hình ảnh logo, + Chọn chức xóa hãng: quản trị viên chọn xóa hãng không yêu cầu cung cấp hàng + Chọn chức sửa hãng, hệ thống hiển thị form thông tin khách hàng cần sửa như: tên hãng, địa chỉ, điện thoại, email, Quản trị viên sửa thông tin cần sửa sau nhấn nút sửa để hoàn tất việc sửa liệu + Hệ thống hiển thị thông báo thành công tương ứng - Luồng kiện phụ: + Nếu người quản trị đưa thông tin vào không hệ thống thông báo lỗi tương ứng Hình 3.28 Biểu đồ trình tự use-case cập nhật thông tin hãng 55 Hình 3.29 Biểu đồ trình tự use-case sửa thông tin hãng Hình 3.30 Biểu đồ trình tự use-case xóa thông tin hãng 56 p Biểu đồ lớp Qua việc đặc tả use-case ta xác định lớp tham gia vào hệ thống sau:  Lớp thực thể:  Lớp danhmuchang: lưu thông tin danh sách hãng sản xuất  Lớp sanpham: lưu thông tin sản phẩm  Lớp khachhang: lưu thông tin khách hàng  Lớp admin: lưu thông tin quản trị viên  Lớp điều khiển giao diện:  Lơp FomXemTT/DKXemTT  Lớp FomTimKiem/DKTimKiem  Lớp FormQLySp/DKQlySP  Lớp FormQlyDMhang/DKQlyDMhang  Lớp FormQLyKhachhang/DKQlyKhachhang  Lớp FormHienthi/DKHienthi Hình 3.31 Biểu đồ quan hệ liệu lớp sở liệu 57 3.4 Cơ sỡ liệu : a Mô hình quan hệ liệu(diagram): Hình 3.32 Mối quan hệ diagram sở liệu 58 CHƯƠNG IV: XÂY DỰNG WEBSITE 4.1 Giao diện trang website : a Giao diện trang chủ : Trang chủ nhằm hiển thị sản phẩm cho khách hàng biết lựa chọn sản phẩm, xem ảnh sản phẩm, thông tin Hình 4.1 Giao diện trang chủ 59 b Giao diện trang tìm kiếm sản phẩm : Từ yêu cầu tìm sản phẩm khách hàng trang web trả kết tìm kiếm cho khách hàng Hình 4.2 Giao diện trang kết tìm kiếm c Giao diện trang chi tiết sản phẩm : Khi khách hàng có yêu cầu xem thông tin sản phẩm cần quan tâm khách hàng kích chuột vào sản phẩm, kết trả lại trang chi tiết sản phẩm mà khách hàng quan tâm 60 Hình 4.3 Giao diện trang chi tiết sản phẩm d Giao diện trang giỏ hàng : Sau khách hàng xem kỹ thông tin chi tiết có yêu cầu mua sản phẩm khách hàng chọn vào nút đặt hàng, sản phẩm khách hàng chọn hiển thị trang giỏ hàng 61 Hình 4.4 Giao diện trang giỏ hàng e Giao diện trang đăng nhập admin : Người quản trị đăng nhập vào phần quản lý thông qua trang trang đăng nhập admin Hình 4.5 Giao diện trang đăng nhập admin 62 f Giao diện trang quản lý admin : Hình 4.6 Giao diện trang quản lý admin g Giao diện phần thêm sản phẩm: Từ trang thêm sản phẩm người quản trị thêm sản phẩm cách nhập thông tin vào ô textbox,và nhấn nút cập nhật Hình 4.7 Giao diện trang thêm sản phẩm 63 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN  Kết đạt Xây dựng website: - Giao diện thân thiện với người dùng - Giới thiệu sản phẩm kinh doanh công ty đến với khách hàng - Cho phép tra cứu sản phẩm khách hàng có nhu cầu tìm kiếm - Cho phép khách hàng thực việc đặt hàng - Quản trị viên dể dàng thực thao tác quản lý  Hạn chế - Mô hình áp dụng với hệ thống bán hàng nhỏ - Thông tin lưu trữ sở liệu chưa thực khoa học - Một số chức chưa thực hoàn thiện  Hướng phát triển - Khắc phục hạn chế - Xây dựng website có tính công nghệ cao hơn, giao diện đẹp hơn, dễ sử dụng - Nghiên cứu phương pháp, thuật toán để đảm bảo an toàn bảo mật thông tin cho hệ thống 64 TÀI LIỆU THAM KHẢO [1] Dương anh Đức- Phân tích thiết kế đối tượng UML - Nhà xuất thống kê, 2002 [2] TS Mai Thúy Nga, Phân tích thiết kế đối tượng UML, Trường Đại Học Thăng Long, 2007 [3] Phạm Hữu Khang, xây dựng ứng dụng web PHP MYSQL, Nhà xuất Phương Đông [4] http://www.google.com.vn/ [5] www.izwebz.com [6] http://forum.zend.vn 65 NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Thái Nguyên, ngày tháng năm 2016 GIÁO VIÊN HƯỚNG DẪN 66 ... HIỆN TRẠNG CÔNG TY MÁY TÍNH HOÀNG ANH 29 2.1 Khảo sát trạng 29 2.2 Thu thập khó khăn công ty 33 2.3 Yêu cầu xây dựng website Công ty máy tính Hoàng Anh 33 CHƯƠNG... pháp đồ họa: 28 CHƯƠNG II : KHẢO SÁT HIỆN TRẠNG CÔNG TY MÁY TÍNH HOÀNG ANH 2.1 Khảo sát trạng Giới thiệu Công ty Hoàng Anh : Công ty máy tính Hoàng Anh: o Địa : số 155 – Lương Ngọc Quyến – Thành... website Chương II: Khảo sát trạng công ty máy tính Hoàng Anh Chương III: Phân tích thiết kế hệ thống website Công ty máy tính Hoàng Anh Chương IV: Xây dựng website Em xin chân thành cảm ơn! Sinh