Xây dựng website bán hàng điện thoại di động áp dụng công nghệ ajax

Xây dựng website bán hàng điện thoại di động. đồ án phân tích thiết kế website bán hàng điện thoại di động mới nhất 2018 áp dụng sử dụng công nghệ ajax vào load trang . Tối ưu phần thiết kế uml thiết kế cơ sở dữ liệu . áp dụng cơ sở dữ liệu của mysql vào thực hành xây dựng trang web

Đồ án tốt nghiệp chuyên ngành Tin Học Trắc địa MỤC LỤC M MỤC LỤC DANH SÁCH CÁC HÌNH VẼ .3 DANH MỤC CÁC BẢNG BIỂU DANH MỤC CÁC TỪ VIẾT TẮT MỞ ĐẦU .9 1.1.1 Ngôn ngữ HTML 10 1.1.2 Ngôn ngữ CSS 11 1.1.3 Ngơn ngữ lập trình PHP 11 1.1.4 Mơ hình MVC .12 1.2 Một số thư viện hỗ trợ 12 1.2.2 Thư viện Ajax .13 1.2.3 Thư viện BOOTSTRAP 13 1.2.4 Thư viện JQUERY 14 1.3 Cơ sở liệu MySQL 15 1.3.1 Khái niệm sở liệu MySQL 15 MySQL sở liệu tốc độ cao, ổn định dễ sử dụng, hoạt động nhiều hệ điều hành cung cấp hệ thống lớn hàm tiện ích mạnh Với tốc độ tính bảo mật cao, MySQL thích hợp cho ứng dụng có truy cập CSDL internet MySQL miễn phí hồn tồn bạn tải MySQL từ trang chủ MySQL ví dụ Hệ Quản trị Cơ sở liệu quan hệ sử dụng ngôn ngữ truy vấn có cấu trúc (SQL) MySQL sử dụng cho nhiều công việc kinh doanh từ nhỏ tới lớn: 15 CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG WEBSITE 16 Chức người dùng 20 Nguyễn Văn Dũng K58 Lớp tin học Trắc địa Đồ án tốt nghiệp chuyên ngành Tin Học Trắc địa 2.4 Biểu đồ use case 21 3.1 Giao diện hiển thị 41 3.1.2 Giao diện giới thiệu .42 3.2.8 Giao diện trang chỉnh sửa danh mục 53 KẾT LUẬN 58 TÀI LIỆU THAM KHẢO 59 Nguyễn Văn Dũng K58 Lớp tin học Trắc địa Đồ án tốt nghiệp chuyên ngành Tin Học Trắc địa DANH SÁCH CÁC HÌNH VẼ Hình 2.1 - Biểu đồ Use case tổng quát 21 Hình 2.2 - Biểu đồ Use case đăng nhập 22 Hình 2.3 - Biểu đồ Use case quản lý danh mục sản phẩm 23 Hình 2.4 - Biểu đồ Use case quản lý sản phẩm 24 Hình 2.5 - Biểu đồ Use case quản lý thể loại 25 Hình 2.6 - Biểu đồ Use case quản lý đơn đặt hàng 27 Hình 2.7 - Biểu đồ Use case chức khách hàng 28 Hình 2.8 - Biểu đồ Use case chức đặt hàng .29 Hình 2.9 - Biểu đồ chức đăng nhập 30 Hình 2.10 - Biểu đồ quản lý danh mục sản phẩm 31 Hình 2.11 - Biểu đồ quản lý thể loại 31 Hình 2.12 - Biểu đồ quản lý sản phẩm 32 Hình 2.13 - Biểu đồ quản lý đơn đặt hàng 33 Hình 2.14 - Biểu đồ quản lý khách hàng .34 Hình 2.15 - Biểu đồ lớp Website 36 Hình 2.13 : Mơ hình sở liệu 40 Hình 3.1 - Giao diện trang chủ hiển thị .41 Hình 3.2 - Giao diện giới thiệu 42 Hình 3.3 - Giao diện sản phẩm 43 Hình 3.4 - Giao diện dịch vụ đặt hàng .44 Hình 3.5 - Giao diện giỏ hàng .45 Hình 3.6 - Giao diện tramg danh mục 46 Nguyễn Văn Dũng K58 Lớp tin học Trắc địa Đồ án tốt nghiệp chuyên ngành Tin Học Trắc địa Hình 3.7 - Giao diện trang chi tiết 48 Hình 3.16 - Giao diện bảng điểu khiển .49 Hình 3.17 - Giao diện danh sách đơn hàng 50 Hình 3.18 - Giao diện quản lý sản phẩm 50 Hình 3.19 - Giao diện trang thêm sản phẩm 51 Hình 3.20 - Giao diện trang chỉnh sửa sản phẩm 51 Hình 3.21 - Giao diện trang quản lý danh mục 52 Hình 3.22 - Giao diện trang thêm danh mục .52 Hình 3.23 - Giao diện trang chỉnh sửa danh mục .53 Hình 3.24 - Giao diện trang quản lý quản trị viên 53 Hình 3.25 - Giao diện trang chỉnh sửa quản trị viên 54 Hình 3.26 - Giao diện trang quản lý thể loại .54 Hình 3.27 - Giao diện trang thêm thể loại 55 Hình 3.28- Giao diện trang chỉnh sửa thể loại 55 Hình 3.29- Giao diện trang danh sách đơn đặt hàng 56 Hình 3.29- Giao diện trang chi tiết đơn đặt hàng 56 Hình 3.29- Giao diện trang chi tiết đơn hàng 57 Nguyễn Văn Dũng K58 Lớp tin học Trắc địa Đồ án tốt nghiệp chuyên ngành Tin Học Trắc địa DANH MỤC CÁC BẢNG BIỂU Bảng 2.1 - Các yêu cầu chức ứng dụng 18 Bảng 2.2 - Bảng chức Admin 19 Bảng 2.3 - Bảng chức quản lý 19 Bảng 2.4 - Bảng chức người dùng 20 Bảng 2.5 - Danh sách đối tượng 34 Bảng 2.6 - Danh sách bảng sở liệu .37 Bảng 2.7 Bảng danh mục 37 Bảng 2.8 - Bảng chi tiết đơn hàng .37 Bảng 2.9- Bảng đặt hàng .37 Bảng 2.10 Bảng đơn hàng 38 Bảng 2.11 - Bảng khách hàng 38 Bảng 2.12 - Bảng Sản Phẩm 38 Bảng 2.13 - Bảng Thể Loại 39 Bảng 2.12 - Bảng User 39 Nguyễn Văn Dũng K58 Lớp tin học Trắc địa Đồ án tốt nghiệp chuyên ngành Tin Học Trắc địa THÔNG TIN KẾT QUẢ NGHIÊN CỨU Thông tin chung Tên đề tài : Xây Dựng Website Bán Hàng Điện Thoại Di Động Sinh viên thực : Nguyễn Văn Dược Lớp : Tin Trắc Địa K57 Hệ đào tạo : Đại Học Điện thoại : 01659020898 Email : duocnvoit@gmail.com Thời gian thực : 2018 Tính cấp thiết đề tài - Hiện này, website bán hàng online công cụ thiếu đơn vị lĩnh vực kinh doanh bàn hàng Nó giúp người dung dễ dàng tiếp cận đến sản phẩm mà bạn cung cấp đồng thời tăng khả quảng cáo tương tác người mua nhà cung cấp Vì vậy, việc xây dựng website bán hàng online điều cần thiết - Trong trình khảo sát trang web bán hàng tiếng nay, em định thực thiết kế xây dựng website bán hàng điện thoại di động đơn giản phù hợp với yêu cầu người dùng Mục tiêu - Xây dựng chức Website bán hàng điện thoại di động Website có khả tự tương thích, hiển thị tất thiết bị nâng cấp tương lai Nội dung - Tìm hiều, ứng dụng ngơn ngữ lập trình vào thiết kế website (PHP , MYSQL) - Thiết kế đặc tả hệ thống - Xây dưng sở liệu MySQL - Xây dựng module quản lý - Tìm hiểu PHP, MySQL , phục vụ trình xây dựng trang web - Website nhanh hiệu việc quản lý, bán hàng - Bảo trì hệ thống Nguyễn Văn Dũng K58 Lớp tin học Trắc địa Đồ án tốt nghiệp chuyên ngành Tin Học Trắc địa Kết đạt - Xây dựng thành cơng Website bán hàng điện thoại di động - Tìm hiểu nắm bắt kiến thức HTML , CSS , JQUERY , PHP , MYSQL - Với quy mô trang web vừa nhỏ, cộng thêm thời gian không cho phép nên đề tài “Xây dựng Website bán hàng điện thoại di động” chưa có đầy đủ chức hoàn thiện trang web bán hàng Trong q trình làm nhều sai sót, kiến thức có hạn lên website nhiều thiếu sót việc hiển thị tối ưu thuật toán, thời gian thực Trong tương lai em cố gắng khắc phục sai sót Nguyễn Văn Dũng K58 Lớp tin học Trắc địa Đồ án tốt nghiệp chuyên ngành Tin học Trắc địa DANH MỤC CÁC TỪ VIẾT TẮT STT Từ viết tắt API DOM XHTML XML Tên đầy đủ Giải thích Application Programming Giao diện lập trình ứng dụng Interface Document Object Model Các đối tượng thao tác văn Extensible HyperText Ngôn ngữ Đánh dấu Siêu văn Markup Language Mở rộng Ngôn ngữ đánh dấu mở rộng eXtensible Markup W3C đề nghị với mục đích tạo Language ngôn ngữ đánh dấu khác Ngôn ngữ đánh dấu (markup language) XML dùng để miêu SVG Scalable Vector Graphics tả hình ảnh đồ họa véc tơ hai chiều, tĩnh hoạt hình, thường dành cho ứng dụng trang mạng Ngơn ngữ mơ hình gồm ký UML hiệu đồ họa mà phương pháp Unified Modeling hướng đối tượng sử dụng để thiết Language kế hệ thống thông tin cách nhanh chóng CSDL Nguyễn Văn Dược Cơ sở liệu Lớp tin học Trắc địa K57 Đồ án tốt nghiệp chuyên ngành Tin Học Trắc địa MỞ ĐẦU Với phát triển nhảy vọt công nghệ thông tin nay, Internet ngày giữ vai trò quan trọng lĩnh vực khoa học kĩ thuật đời sống Dĩ nhiên bạn nghe nói nhiều Internet, nói cách đơn giản, Internet tập hợp máy tính nối kết với nhau, mạng máy tính tồn cầu mà kết nối máy PC họ Với mạng Internet, tin học thật tạo nên cách mạng trao đổi thông tin lĩnh vực văn hóa, xã hội, trị, kinh tế Trong thời đại ngày nay, thời đại mà “người người làm Web, nhà nhà làm Web” việc có Website để quảng bá công ty hay Website cá nhân khơng điều xa xỉ Thơng qua Website khách hàng lựa chọn sản phẩm mà cần cách nhanh chóng hiệu Với cơng nghệ Word Wide Web, hay gọi Web giúp bạn đưa thông tin mong muốn lên mạng Internet cho người xem cách dễ dàng với công cụ ngơn ngữ lập trình khác Sự đời ngơn ngữ lập trình cho phép xây dựng trang Web đáp ứng yêu cầu người sử dụng PHP (Personal Home Page) kịch phía trình chủ (Server Script) cho phép xây dựng trang Web sở liệu Với nhiều ưu điểm bật mà PHP MySQL nhiều người sử dụng Với lí đó, hướng dẫn giúp đỡ thầy Nguyễn Trường Xuân, em chọn đề tài “Xây dựng Website bán hàng điện thoại di động” Website bán hàng điện thoại di động giúp cho công ty cung cấp cho khách hàng lựa chọn linh hoạt tiện lợi việc tìm mua sản phẩm thơng qua chức tìm kiếm giỏ hàng Các thơng tin sản phẩm hiển thị chi tiết với sản phẩm, từ khách hàng dễ dàng nhận biết lựa chọn thứ cần Nội dung đề tài gồm chương: Chương : Tổng quan công nghệ thiết kế Website Chương : Phân tích thiết kế hệ thống Website Chương : Thiết kế xây dựng Website Nguyễn Văn Dũng K58 Lớp tin học Trắc địa Đồ án tốt nghiệp chuyên ngành Tin Học Trắc địa CHƯƠNG 1: TỔNG QUAN VỀ CÔNG NGHỆ THIẾT KẾ WEBSITE 1.1 Tìm hiểu ngơn ngữ lập trình 1.1.1 Ngơn ngữ HTML HTML (HyperText Markup Language) – Ngôn ngữ đánh dấu siêu văn sử dụng để tạo tài liệu truy cập mạng Tài liệu HTML tạo nhờ dùng thẻ phần tử HTML File lưu máy chủ dịch vụ web với phần mở rộng “.htm” “.html” Các trình duyệt đọc tập tin HTML hiển thị chúng dạng trang web Các thẻ HTML ẩn đi, hiển thị nội dung văn đối tượng khác: hình ảnh, media Với trình duyệt khác hiển thị tập HTML với kết định Các trang HTML gửi qua mạng internet theo giao thức HTTP HTML cho phép nhúng thêm đối tượng hình ảnh, âm mà cho phép nhúng kịch vào ngơn ngữ kịch Javascript để tạo hiệu ứng động cho trang web Để trình bày trang web hiệu HTML cho phép sử dụng kết hợp với CSS HTML cho phép nhúng thêm đối tượng hình ảnh, âm mà cho phép nhúng kịch vào ngơn ngữ kịch Javascript để tạo hiệu ứng động cho trang web HTML chuẩn ngôn ngữ internet tạo phát triển tổ chức World Wide Web Consortium viết tắc W3C Trước HTML xuất theo chuẩn RFC HTML tương thích với hệ điều hành trình duyệt Khả dễ học, dễ viết ưu điểm HTML việc soạn thảo đòi hỏi đơn giản, dùng word, notepad hay trình soạn thảo văn để viết cần lưu với định dạng “.html “ “.htm” tạo file chứa HTML Hiện nay, phiên HTML HTML5 với nhiều tính ưu việt so với phiên cũ HTML cải tiến nhiều đặc biệt hỗ trợ mạnh mẽ phần tử multimedia mà không cần plugin Một tập tin HTML bao gồm đoạn văn HTML, tạo lên thẻ HTML HTML5 nói chung mạnh mẽ nhiều Nguyễn Văn Dũng Trắc địa K58 10 Lớp tin học Đồ án tốt nghiệp chuyên ngành Tin Học Trắc địa 3.1.6 Giao diện trang dạnh mục Hình 3.6 - Giao diện tramg danh mục Nguyễn Văn Dũng Trắc địa K58 46 Lớp tin học Đồ án tốt nghiệp chuyên ngành Tin Học Trắc địa 3.1.7 Giao diện trang chi tiết sản phẩm Nguyễn Văn Dũng Trắc địa K58 47 Lớp tin học Đồ án tốt nghiệp chuyên ngành Tin Học Trắc địa Hình 3.7 - Giao diện trang chi tiết 3.2 Giao diện quản trị 3.2.1 Giao diện bảng điểu khiển Nguyễn Văn Dũng Trắc địa K58 48 Lớp tin học Đồ án tốt nghiệp chuyên ngành Tin Học Trắc địa Hình 3.16 - Giao diện bảng điểu khiển Nguyễn Văn Dũng Trắc địa K58 49 Lớp tin học Đồ án tốt nghiệp chuyên ngành Tin Học Trắc địa 3.2.2 Giao diện danh sách đơn hàng Hình 3.17 - Giao diện danh sách đơn hàng 3.2.3 Giao diện quản lý sản phẩm Hình 3.18 - Giao diện quản lý sản phẩm Nguyễn Văn Dũng Trắc địa K58 50 Lớp tin học Đồ án tốt nghiệp chuyên ngành Tin Học Trắc địa 3.2.4 Giao diện trang thêm sản phẩm Hình 3.19 - Giao diện trang thêm sản phẩm 3.2.5 Giao diện trang chỉnh sửa sản phẩm Hình 3.20 - Giao diện trang chỉnh sửa sản phẩm Nguyễn Văn Dũng Trắc địa K58 51 Lớp tin học Đồ án tốt nghiệp chuyên ngành Tin Học Trắc địa 3.2.6 Giao diện trang quản lý danh mục Hình 3.21 - Giao diện trang quản lý danh mục 3.2.7 Giao diện trang thêm danh mục Hình 3.22 - Giao diện trang thêm danh mục Nguyễn Văn Dũng Trắc địa K58 52 Lớp tin học Đồ án tốt nghiệp chuyên ngành Tin Học Trắc địa 3.2.8 Giao diện trang chỉnh sửa danh mục Hình 3.23 - Giao diện trang chỉnh sửa danh mục 3.2.9 Giao diện trang quản lý quản trị viên Hình 3.24 - Giao diện trang quản lý quản trị viên Nguyễn Văn Dũng Trắc địa K58 53 Lớp tin học Đồ án tốt nghiệp chuyên ngành Tin Học Trắc địa 3.2.10 Giao diện trang chỉnh sửa quản trị viên Hình 3.25 - Giao diện trang chỉnh sửa quản trị viên 3.2.11 Giao diện trang quản lý thể loại Hình 3.26 - Giao diện trang quản lý thể loại Nguyễn Văn Dũng Trắc địa K58 54 Lớp tin học Đồ án tốt nghiệp chuyên ngành Tin Học Trắc địa 3.2.12 Giao diện trang thêm thể loại Hình 3.27 - Giao diện trang thêm thể loại 3.2.13 Giao diện trang chỉnh sửa thể loại Hình 3.28- Giao diện trang chỉnh sửa thể loại Nguyễn Văn Dũng Trắc địa K58 55 Lớp tin học Đồ án tốt nghiệp chuyên ngành Tin Học Trắc địa 3.2.14 Giao diện trang danh sách đơn đặt hàng Hình 3.29- Giao diện trang danh sách đơn đặt hàng 3.2.14 Giao diện trang chi tiết đơn đặt hàng Hình 3.29- Giao diện trang chi tiết đơn đặt hàng Nguyễn Văn Dũng Trắc địa K58 56 Lớp tin học Đồ án tốt nghiệp chuyên ngành Tin Học Trắc địa 3.2.14 Giao diện trang chi tiết đơn đơn hàng Hình 3.29- Giao diện trang chi tiết đơn hàng Nguyễn Văn Dũng Trắc địa K58 57 Lớp tin học Đồ án tốt nghiệp chuyên ngành Tin Học Trắc địa KẾT LUẬN Kết đạt đề tài Sau thời gian tập trung triển khai đề tài, em hoàn thành Xây Dựng Website Bán Hàng Điện Thoại Di Động, với giao diện đẹp, thao tác sử dụng dễ dàng, thân thiện với người dùng Sau hoàn thành xong được Xây Dựng Website Bán Hàng Điện Thoại Di Động, em có thêm kỹ tảng để xây dựng website ngôn ngữ PHP MySQL, áp dụng kiến thức HTML, CSS Javascript học vào việc phát triển ứng dụng web Bên cạnh đó, em mở rộng thêm kiến thức chuyên ngành nhờ việc tìm hiểu số kiến thức lập trình để áp dụng vào việc phát triển ứng dụng Nhờ vậy, kỹ tự học vận dụng kỹ em nâng cao Khi thực hoàn thành đồ án, em biết thêm nhiều kinh nghiệm quý giá xây dựng website nói riêng phát triển phần mềm Những kỹ tảng để giúp em nâng cao trình độ thân, kinh nghiệm thực tế để làm việc ngồi doanh nghiệp sau Hạn chế đề tài Bên cạnh kết khả quan đạt được, em nhận thấy tồn số hạn chế: Tốc độ xử lý chưa cao , số lỗi phát sinh vận hành hệ thống Hướng phát triển đề tài Sau hoàn thành đề tài xây dựng em tiếp tục nghiên cứu phát triển website nhằm tăng tính tối ưu hóa tốc độ xử lý để đem lại hiệu cao Nguyễn Văn Dũng Trắc địa K58 58 Lớp tin học Đồ án tốt nghiệp chuyên ngành Tin Học Trắc địa TÀI LIỆU THAM KHẢO [1] https://vi.wikipedia.org [2] Sử dụng PHP&MySQL thiết kế web động, Nhà xuất Minh Khai, 2008 [3] Tài liệu học CSS – Giáo trình HTML, CSS đến nâng cao Link : https://www.webtopviet.com/tai-lieu-hoc-css/ [4] http://getbootstrap.com.vn/ [5] http://api.jquery.com/ [6] http://vietjack.com/jquery/jquery_la_gi.jsp [7] https://vi.wikipedia.org/wiki/PHP [8] http://php.net/docs.php [9] https://dev.mysql.com/doc/ [10] https://lcdung.top/gi%E1%BB%9Bi-thi%E1%BB%87u-v%E1%BB%81- mysql/ [11]https://vi.wikipedia.org/wiki/Ajax_(l%E1%BA%ADp_tr%C3%ACnh) [12]https://vi.wikipedia.org/wiki/JavaScript [13]https://vi.wikipedia.org/wiki/HTML [14] Giáo trình Phân tích thiết kế hướng đối tượng băng UML, Nhà xuất giáo dục, 2001 [15] Nguyễn Mạnh Sơn, Phân tích thiết kế hệ thống thông tin, Học viện Công nghệ Bưu Viễn thơng, 2007 Tác giả: Trần Đình Quế [16] Tài liệu mơn: “Phân tích thiết kế phần mềm”, “Cơ sở liệu”, “Lập trình web” Khoa Cơng nghệ thơng tin Và nhiều tài liệu liên quan khác em xin phép không liệt kê PHỤ LỤC Nguyễn Văn Dũng Trắc địa K58 59 Lớp tin học Đồ án tốt nghiệp chuyên ngành Tin Học Trắc địa  Giải thích ý nghĩa hình vẽ STT Ảnh Ý nghĩa Người thao tác ; Form giao diện Trung tâm sử lý ( Lớp điều khiển ) Kho liệu Nguyễn Văn Dũng Trắc địa K58 60 Lớp tin học ... nhiều người sử dụng Với lí đó, hướng dẫn giúp đỡ thầy Nguyễn Trường Xuân, em chọn đề tài Xây dựng Website bán hàng điện thoại di động Website bán hàng điện thoại di động giúp cho công ty cung... cấp Vì vậy, việc xây dựng website bán hàng online điều cần thiết - Trong trình khảo sát trang web bán hàng tiếng nay, em định thực thiết kế xây dựng website bán hàng điện thoại di động đơn giản... cho phép nên đề tài Xây dựng Website bán hàng điện thoại di động chưa có đầy đủ chức hoàn thiện trang web bán hàng Trong q trình làm nhều sai sót, kiến thức có hạn lên website nhiều thiếu sót