Xây dựng website bán dụng cụ võ thuật cho công ty việt bắc, thái nguyên

LỜI CẢM ƠN Trên thực tế khơng có thành công mà không gắn liền với hỗ trợ, giúp đỡ dù hay nhiều, dù trực tiếp hay gián tiếp người khác Trong suốt thời gian từ bắt đầu học tập giảng đường đại học đến nay, em nhận nhiều quan tâm, giúp đỡ q Thầy Cơ, gia đình bạn bè Với lòng biết ơn sâu sắc nhất, em xin gửi đến quý Thầy Cô Khoa Công Nghệ Thơng Tin dành hết tâm huyết để truyền đạt vốn kiến thức quý báu cho chúng em suốt thời gian học tập trường Vốn kiến thức khơng tảng cho q trình nghiên cứu đồ án mà hành trang quý báu để em tự tin vững bước trường đời Em xin bày tỏ lòng biết ơn sâu sắc đến thầy Phạm Việt Bình người hướng dẫn tận tình bảo cho em suốt trình hồn thiện đồ án Em gửi lời cảm ơn tới gia đình bạn bè ln quan tâm, động viên, giúp đỡ tạo điều kiện cho em để em có điều kiện tốt để hồn thành đề tài Em xin chân thành cảm ơn Thái Nguyên, ngày tháng năm 2017 Sinh viên thực Trần Đăng Khoa i LỜI CAM ĐOAN Em xin cam đoan toàn nội dung báo cáo em tự tìm hiểu nghiên cứu định hướng thầy giáo hướng dẫn PSG.TS Phạm Việt Bình Nội dung báo cáo khơng chép vi phạm quyền từ cơng trình nghiên cứu Nếu lời cam đoan không đúng, em xin chịu hoàn toàn trách nhiệm trước pháp luật Thái Nguyên, ngày tháng năm 2017 Sinh viên thực Trần Đăng Khoa ii MỤC LỤC LỜI CẢM ƠN i LỜI CAM ĐOAN ii MỤC LỤC iii DANH MỤC HÌNH v LỜI MỞ ĐẦU CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 1.1 Thương mại điện tử 1.2 Tìm hiểu Laravel 1.2.1 Giới thiệu Laravel 1.2.2 Sự phát triển Laravel 1.2.3 Các điểm nhấn đặc sắc Laravel 1.2.4 Cài đặt Laravel thông qua Composer 1.2.5 Cấu trúc Laravel 1.2.6 Các thành phần Laravel 11 1.3 Tìm hiểu Bootstrap 20 1.3.1 Giới thiệu Bootstrap 20 1.3.2 Một số ưu điểm Boostrap 21 1.3.3 Cách sử dụng Twitter Bootstrap 22 1.4 PHP & MySQL 24 1.4.1 Hệ quản trị CSDL MySQL 24 1.4.2 PHP 24 CHƯƠNG 2: KHẢO SÁT, PHÂN TÍCH THIẾT KẾ HỆ THỐNG 26 2.1 Khảo sát trạng 26 2.2 Phân tích u cầu tốn 26 2.3 Phân tích thiết kế hệ thống 27 2.4 Cơ sở liệu 44 CHƯƠNG 3: THIẾT KẾ GIAO DIỆN CHƯƠNG TRÌNH 45 3.1 Giao diện chương trình 45 3.1.1 Giao diện phần quản lý 45 iii 3.1.2 Giao diện khách hàng 49 KẾT LUẬN 56 TÀI LIỆU THAM KHẢO 57 iv DANH MỤC HÌNH ẢNH Hình 1.1: Tỉ lệ người sử dụng Laravel năm 2013 Hình 1.2: Tỉ lệ người sử dụng Laravel năm 2015 Hình 1.3: MVC Laravel Hình 1.4: Cài đặt composer Hình 1.5: Cấu trúc thư mục Laravel Hình 1.6: Bootstrap Github 21 Hình 1.7: Cấu trúc thư mục css framework boostrap 22 Hình 1.8: Minh họa form boostrap 23 Hình 1.9: Kết viết form 23 Hình 1.10: Kết bootstrap responsive 23 Hình 2.1: Biểu đồ usecase quản lý sản phẩm, danh mục sản phẩm 29 Hình 2.2: Biểu đồ usecase quản lý đơn hàng, khách hàng 30 Hình 2.3: Biểu đồ trình tự đăng nhập 31 Hình 2.4: Biểu đồ trình tự đăng xuất 32 Hình 2.5: Biểu đồ trình tự xem sản phẩm 32 Hình 2.6: Biểu đồ trình tự thêm 33 Hình 2.7: Biểu đồ trình tự sửa sản phẩm 34 Hình 2.8: Biểu đồ trình tự xóa sản phẩm 35 Hình 2.9: Biểu đồ trình tự thêm viết 36 Hình 2.10: Biểu đồ trình tự xem viết 37 Hình 2.11: Biểu đồ trình tự sửa viết 38 Hình 2.12: Biểu đồ trình tự liên hệ 39 Hình 2.13: Biểu đồ trình tự mua sản phẩm 40 Hình 2.14: Biểu đồ lớp sản phẩm 41 Hình 2.15: Biểu đồ lớp danh mục sản phẩm 42 Hình 2.16: Biểu đồ lớp liên hệ 43 v LỜI 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 khó khan Thơng qua Website khách hàng lựa chọn sản phẩm cách nhanh chóng hiệu Với công nghệ Word Wide Web, hay gọi Web giúp đư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 Phạm Việt Bình, em chọn đề tài: “Xây dựng website bán dụng cụ võ thuật cho công ty Việt Bắc, Thái Nguyên” Trong trình thực đề tài thực tập em nhận giúp đỡ bảo tận tình thầy, giáo, Em xin chân thành cảm ơn thầy Phạm Việt Bình hướng dẫn em tận tình trình xây dựng đề tài Tuy nhiên, thời gian hạn hẹp, nỗ lực khó tránh khỏi thiếu sót Em mong nhận thơng cảm, lời góp ý bảo tận tình q Thầy Cô Thái Nguyên, ngày 04 tháng 05 năm 2017 Người viết báo cáo Trần Đăng Khoa CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 1.1 Thương mại điện tử * Giới thiệu world wide web Các khái niệm World Wide Web World Wide Web (WWW) hay gọi Web dịch vụ phổ biến Internet, 85% giao dịch Internet ước lượng thuộc WWW Ngày số Website giới đạt tới số khổng lồ WWW cho phép bạn truy xuất thơng tin văn bản, hình ảnh, âm thanh, video tồn giới Thơng qua Website, q cơng ty giảm thiểu tối đa chi phí in ấn phân phát tài liệu cho khách hàng nhiều nơi Cách tạo trang Web: Có nhiều cách để tạo trang Web -Có thể tạo trang Web chương trình xử lí văn nào: -Tạo Web cách viết mã nguồn trình soạn thảo văn như: Notepad, WordPad, chương trình soạn thảo văn có sẵn Window -Thiết kế cách dùng Web Wizard công cụ Word 97, Word 2000 -Thiết kế Web phần mềm chuyên nghiệp: FrontPage, Dreamweaver, Nescape Editor, phpDesigner,… Phần mềm chuyên nghiệp phpDesigner giúp em thiết kế trang Web dễ dàng hơn, nhanh chóng hơn, phần lớn mã lệnh HTML có sẵn phần Code cho em Khi bạn muốn triển khai ứng dụng Web mạng, ngồi điều kiện cấu hình phần cứng, em cài đặt cho dịch vụ Web Server Xampp Trình duyệt Web(Web Client hay Web Browser): Trình duyệt Web cơng cụ truy xuất liệu mạng, phần mềm giao diện trực tiếp với người sử dụng Nhiệm vụ Web Browser nhận yêu cầu người dùng, gửi yêu cầu qua mạng tới Web Server nhận liệu cần thiết từ Server để hiển thị lên hình Để sử dụng dịch vụ WWW, Client cần có chương trình duyệt Web, kết nối vào Internet thơng qua ISP Các trình duyệt thơng dụng là: Chrome Mozilla Firefox Mozilla Firefox trình duyệt chuẩn cho phép trình bày nội dung Web server cung cấp, cho phép đăng kí tới Website Internet, hỗ trợ trình bày trang Web Webserver: Webserver: máy tính nối vào Internet chạy phần mềm thiết kế Webserver đóng vai trò chương trình xử lí nhiệm vụ xác định, tìm trang thích hợp, xử lí tổ hợp liệu, kiểm tra liệu hợp lệ Webserver nơi lưu trữ sở liệu, phần mềm đảm nhiệm vai trò Server cung cấp dịch vụ Web Webserver hỗ trợ ngôn ngữ lập trình khác nhau: -IIS (Internet Information Service) : Hỗ trợ ASP, mở rộng hỗ trợ PHP -Apache:Hỗ trợ PHP Em sử dụng Webserver Xampp để phục vụ cho việc thiết cài đặt đề tài thực tập Phân loại Web Web tĩnh: -Tài liệu phân phát đơn giản từ hệ thống file Server -Định dạng trang web tĩnh siêu liên kết, trang định dạng Text, hình ảnh đơn giản -Ưu điểm: CSDL nhỏ nên việc phân phát liệu có hiệu rõ ràng, Server đáp ứng nhu cầu Client cách nhanh chóng Ta nên sử dụng Web tĩnh khơng thay đổi thơng tin -Nhược điểm:Không đáp ứng yêu cầu phức tạp người sử dụng, không linh hoat, Website động: Về nội dung trang Web động trang Web tĩnh, ngồi thao tác với CSDL để đáp ứng nhu cầu phức tập trang Web Sau nhận yêu cầu từ Web Client, chẳng hạn truy vấn từ CSDL đặt Server, ứng dụng Internet Server truy vấn CSDL này, tạo trang HTML chứa kết truy vấn gửi trả cho người dùng 1.2 Tìm hiểu Laravel 1.2.1 Giới thiệu Laravel Laravel mã nguồn PHP Framework hoàn toàn miễn phí, thiết kế xây dựng theo chuẩn mơ hình MVC Laravel phát hành theo giấy phép MIT, với mã nguồn lưu trữ GitHub Phiên phát hành ngày 22 tháng năm 2012 Taylor Otwell phiên Laravel phát hành tháng năm 2015 Theo thống kê đánh giá khảo sát PHP Framework phổ biến 2013, Laravel đứng thứ hạng cao, sau Zendframework, Symfony, Yii Framework, CodeIgniter… Đây framework mẻ dễ tiếp cận, nhiều lập trình viên ưa thích sử dụng Trước hết, tinh tế Laravel nằm chỗ bắt kịp xu hướng cơng nghệ mà điểm nhấn tính phiên PHP 5.3 trở lên Điều thể qua khái niệm namespace, composer, closure nhiều tiêu chuẩn design pattern áp dụng tảng framework Đồng thời, với cách hướng dẫn đơn giản dễ tiếp cận giống với Codeigniter Framework khiến người dùng thích từ lần đầu tiếp xúc Laravel kết hợp tinh hoa từ Framework khác, cung cấp công cụ mạnh mẽ kiến trúc ứng dụng kết hợp nhiều tính tốt CodeIgniter, Yii, ASP.NET MVC, Ruby on Rails, Sinatra 1.2.2 Sự phát triển Laravel Đến cuối năm 2013, chuyên gia tổng hợp tăng trưởng Laravel tháng cuối năm thấy Laravel vượt lên dẫn đầu trước PHP framework lớn mạnh khác cách ngoạn mục, tỷ lệ % Laravel chiếm tới 25,85%, framework đình đám khác lại tụt giảm thê thảm Zend framework 4,51% ví dụ Hình 1.1: Tỉ lệ người sử dụng Laravel năm 2013  Lớp liên hệ Hình 2.16: Biểu đồ lớp liên hệ 43 2.4 Cơ sở liệu  Các bảng CSDL 44 CHƯƠNG 3: THIẾT KẾ GIAO DIỆN CHƯƠNG TRÌNH 3.1 Giao diện chương trình 3.1.1 Giao diện phần quản lý  Giao diện trang quản lý 45  Giao diện quản lý danh mục  Giao diện thêm danh mục 46  Giao diện thêm sản phẩm 47  Giao diện danh sách sản phẩm  Giao diện đơn hàng 48 3.1.2 Giao diện khách hàng  Trang chủ 49  Giao diện danh mục sản phẩm 50  Giao diện trang chi tiết sản phẩm 51  Giao diện giỏ hàng 52  Giao diện toán 53  Giao diện trang toán thành công 54  Giao diện trang liên hệ 55 KẾT LUẬN Đề tài: “Xây dựng website bán dụng cụ võ thuật cho công ty Việt Bắc, Thái Nguyên” Website xây dựng nhằm đáp ứng nhu cầu quảng bá sản phẩm, dụng cụ tập luyện thể thao thong qua mơi trường internet Từ q trình học tập nghiên cứu trải nghiệm thực tế, đồ án em đạt kết sau: - Nghiên cứu ngơn ngữ lập trình Web HTML, PHP&MySQL, framework Laravel - Áp dụng ngơn ngữ lập trình tìm hiểu xây dựng ứng dụng thực nghiệm website Hướng phát triển : - Nghiên cứu sâu thêm ngôn ngữ lập trình PHP &MySQL framework Laravel để mở rộng nhiều tính website phục vụ tốt cho khách hàng người quản lý Mặc dù có nhiều cố gắng trình xây dựng chương trình khơng tránh khỏi thiếu sót nhược điểm, em mong có góp ý từ quý thầy cô 56 TÀI LIỆU THAM KHẢO [1] Nguyễn Văn Ban, Phân tích thiết kế hệ thống, NXB KHKT 2005 [2] Nguyễn Văn Ba, Phân tích thiết kế hệ thống thông tin, NXB KHKT 2002 [3] Steven Holzner, Thiết kế web động với PhP 5, NXB Thống kê 2008 [4] Phạm Hữu Khanh, Hoàng Đức Hải, Xây dựng ứng dụng web php MySQL, NXB Phương Đông 2009 [5] http://getbootstrap.com [6] http://laravel.com [7] https://vi.wikipedia.org [6] https://github.com 57 ... trạng Công ty Việt Bắc tiền thân võ đường Việt bắc, chuyên cung cấp dụng cụ tập luyện võ thuật cổ truyền nói chung mơn võ khác nói riêng, cơng ty Việt Bắc sử dụng hình thức kinh doanh phổ thơng bán. .. 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 Phạm Việt Bình, em chọn đề tài: Xây dựng website bán dụng cụ võ thuật. .. thuật cho cơng ty Việt Bắc, Thái Ngun” Trong q trình thực đề tài thực tập em nhận giúp đỡ bảo tận tình thầy, cô giáo, Em xin chân thành cảm ơn thầy Phạm Việt Bình hướng dẫn em tận tình trình xây dựng