Lý do đầu tiên khiến Bootstrap dần trở nên phổ biến và xứng đáng được lựa chon đó là gần đây, các nhà lập trình đã bổ sung thêm tính năng Customize (Tùy chỉnh). Chức năng này giúp cho các nhà thiết kế linh hoạt hơn trong việc lựa chọn những thuộc tính, phần tử phù hợp với dự án họ đang theo đuổi. Chức năng này cũng cho phép bạn không cần phải tải toàn bộ mã nguồn về máy. Bootstrap không đòi hỏi kiến thức quá phức tạp. Chỉ cần biết sơ qua HTML, CSS, Javascript, Jquery là bạn có thể sử dụng nó để tạo nên một website chuyên nghiệp, website theo yêu cầu đúng như mong muốn. Boostrap được viết bởi những bộ não công nghệ tài năng trên khắp thế giới. Sự tương thích của trình duyệt với thiết bị đã được kiểm tra nhiều lần trước khi đưa vào sử dụng, nên khi lựa chọn Bootstrap, bạn có thể tin rằng mình sẽ tạo nên những sản phẩm hoàn hảo. Do sử dụng Grid System nên Bootstrap mặc định hỗ trợ Responsive. Bootstrap được viết theo xu hướng Mobile First tức là ưu tiên cho việc tương thích với các giao diện trên thiết bị di động. Sử dụng công nghệ này cho website của bạn sẽ giúp website trở nên tương thích với tất cả kích thước màn hình – một điều cực kì quan trọng và cần thiết trong trải nghiệm người dùng. Bootstrap hoạt động theo xu hướng mã nguồn mở nên bạn có thể vào mã nguồn của nó để thay đổi và chỉnh sửa tùy ý 1.3.4. Điểm hạn chế của Bootrap Với những ưu điểm nổi bật trên thì Bootstrap cũng có những hạn chế nhất định:
TRƯỜNG ĐẠI HỌC ĐIỆN LỰC KHOA CÔNG NGHỆ THÔNG TIN LẬP TRÌNH MÃ NGUỒN MỞ ĐỀ TÀI: XÂY DỰNG TRANG WEB BÁN ĐỒ ĐI PHƯỢT BẰNG PHP Sinh viên thực : NGUYỄN HOÀI NAM Giảng viên hướng dẫn : NGUYỄN ĐỨC TỒN Ngành : CƠNG NGHỆ THƠNG TIN Chun ngành : CƠNG NGHỆ PHẦN MỀM Lớp : D13CNPM1 Khóa : 2018 - 2022 Hà Nội, tháng năm 2020 PHIẾU CHẤM ĐIỂM STT Họ tên Nội dung thực Điểm Nguyễn Hoài Nam Họ Tên Giảng Viên Giảng Viên Giảng Viên Chữ Ký Chữ ký DANH MỤC BẢNG Bảng 2.1 Danh sách bảng mơ hình sở liệu……………………….35 Bảng 2.2 Bảng admin_info……………………………………………… ….… 35 Bảng 2.3 Bảng brand……………………………………………………… …… 35 Bảng 2.4 Bảng cart…………………………………………………… … …… 35 Bảng 2.5 Bảng categories………………………………………………………… 36 Bảng 2.6 Bảng email_info…………………………………………………… ….36 Bảng 2.7 Bảng logs……………………………………………………………….36 Bảng 2.8 Bảng orders…………………………………………………… ……… 37 Bảng 2.9: Bảng order_info……………………………………………… ……… 37 Bảng 2.10 Bảng order_products…………… …………………………… …… 38 Bảng 2.11 Bảng products…………………………………………….…….…… 38 Bảng 2.12 Bảng user_info………………………… …………………… …… 39 Bảng 2.13 Bảng user_info_backup…………………………………… ……… 39 DANH MỤC HÌNH Hình 2.1 Biểu đồ usecase tổng quát……………………………………… …… 18 Hinh 2.2 Biểu đồ phân rã chức quản lý giỏ hàng…………………………… 19 Hình 2.3 Biểu đồ phân rã chức quản lý sản phẩm…………………………… 20 Hình 2.4 Biểu đồ phân rã chức quản lý thể loại………………………… ….21 Hình 2.5: Biểu đồ phân rã chức quản lý loại sản phẩm……………………….22 Hình 2.6 Biểu đồ phân rã chức quản lý sản phẩm…………………………… 23 Hình 2.7 Biểu đồ phân rã chức quản lý chi tiết sản phẩm……………… … 24 Hình 2.8 Biểu đồ phân rã chức quản lý thơng tin khách hàng………… …….25 Hình 2.9 Biểu đồ phân rã chức quản lý đơn hàng…………………………… 26 Hình 2.10 Biểu đồ phân rã chức quản lý người dùng……………………… 26 Hình 2.11 Biều đồ chức đăng nhập…………………………… …….27 Hình 2.12 Biều đồ tự chức tìm kiếm………………………………… 28 Hình 2.13 Biều đồ chức Comment…………………………… …….29 Hình 2.14 Biều đồ chức đặt hàng……………………………….…… 30 Hình 2.15 Biều đồ chức thêm sản phẩm…………………………… 31 Hình 2.16 Biều đồ chức sửa sản tự chức xóa sản phẩm……………………………….32 Hình 2.17 Biều đồ tuần phẩm……………………………….33 Hình 2.18 Biểu đồ lớp website……………………………………………… 34 Hình 2.18 Mơ hình liệu quan hệ……………………………………………….34 Hình 3.1 Giao diện trang chủ………………………………………………… ….40 Hình 3.2 Giao diện danh mục loại sản phẩm……………………………………… 41 Hình 3.3 Giao diện chi tiết sản phẩm…………………………………… ……… 42 Hình 3.4 Giao diện giỏ hàng…………………………………………… … …….43 Hình 3.5 Giao diện đăng nhập……………………………………………….…… 44 Hình 3.6 Giao diện đăng ký tài khoản……………………………………… …….44 Hình 3.7 Giao diện quản trị………………………………………………….…… 45 MỤC LỤ C LỜI MỞ ĐẦU .3 CHƯƠNG 1: GIỚI THIỆU NGÔN NGỮ .4 1.1 GIỚI THIỆU NGÔN NGỮ LẬP TRÌNH PHP 1.1.1 Lịch sử phát triển ngơn ngữ lập trình PHP 1.1.2 Ưu điểm sử dụng PHP 1.1.3 Tại lựa chọn ngơn ngữ lập trình PHP? 1.2 GIỚI THIỆU VỀ MYSQL 1.2.1 Khái niện MySQL 1.2.2 Ưu điểm sử dụng MySQL 10 1.2.3 Khuyết điểm MySql 11 1.2.4 Tại nên chọn MySql? 11 1.3 GIỚI THIỆU VỀ BOOTRAP 12 1.3.1 Khái niệm Bootrap 12 1.3.2 Ưu điểm sử dụng Bootrap 12 1.3.3 Tại nên sử dụng Bootrap 13 1.3.4 Điểm hạn chế Bootrap .13 1.4 GIỚI THIỆU VỀ SUBLIME TEXT 14 1.4.1 Khái niện Sublime Text 14 1.4.2 Tại lại sử dụng Sublime Text .14 1.5 GIỚI THIỆU VỀ XAMPP 15 1.5.1 Khi nên lập trình PHP với Xampp? 15 CHƯƠNG PHÂN TÍCH THIẾT KẾ HỆ THỐNG 16 2.1 KHẢO SÁT VÀ ĐÁNH GIÁ HIỆN TRẠNG .16 2.1.1 Mục tiêu 16 2.1.2 Nghiệp vụ toán 16 2.2 CÁC CHỨC NĂNG HỆ THỐNG .16 2.2.1 Yêu cầu hệ thống 16 2.2.2 Chức Online .17 2.2.3 Phi chức 17 2.3 Phân tích thiết kế hệ thống 17 2.3.1 Xác định actor 17 2.3.2 Biểu đồ usecase 18 2.3.3 Biểu đồ phân rã chức .19 2.3.4 BIỂU ĐỒ TUẦN TƯ .27 2.4 BIỂU ĐỒ LỚP .34 2.5 MƠ HÌNH DỮ LIỆU QUAN HỆ .34 2.6 THIẾT KẾ CƠ SỞ DỮ LIỆU 35 CHƯƠNG TRIỂN KHAI WEBSITE BÁN ĐỒ PHƯỢT .40 3.1 Thiết kế giao diện 40 3.1.1 Giao diện người dùng .40 3.1.2 Giao diện đăng nhập 44 3.1.3 Giao diện quản trị .45 3.2 KẾT LUẬN 45 3.2.1 Kết đạt .45 3.2.2 Hướng phát triển .46 LỜI MỞ ĐẦU Ngày nay, với phát triển không ngừng công nghệ ngành công nghệ thông tin Công nghệ thông tin ứng dụng nhiều lĩnh vực nghiên cứu khoa học đời sống người Nó trở thành cơng cụ hữu ích cho người hoạt động lưu trữ, xử lý thông tin nhanh chóng, đem lại hiệu cao Với khả ứng dụng rộng rãi với sách phát triển ngành công nghệ Nhà nước với việc không ngừng nâng cao chất lượng dịch vụ chương trình quản lý ngành dich vụ Việc ứng dụng công nghệ thông tin công tác quản lý bước khẳng định sức mạnh Vì thế, người ta áp dụng cơng nghệ thơng tin vào công tác quản lý bán hàng online địi hỏi phải có chương trình hỗ trợ công việc quản lý bán hàng Ứng dụng nhằm giảm tải công việc người bán người quản lý số lượng hàng hóa, giúp khách hàng xem thơng tin nhanh hơn, người quản lý update chương trình tìm kiếm thơng tin nhanh Xuất phát từ nhu cầu đó, em thực đề tài xây dựng website quản lý bán đồ phượt online Hệ thống nhằm nâng cao chất lượng quản lý hệ thống bán hàng shop bán hàng, tránh sai sót mắc phải làm phương pháp cổ điển Trọng tâm đề tài phân tích, mơ tồn mơ hình hệ thống bán hàng online Người sử dụng dễ dàng làm viêc, người xem dễ hiểu CHƯƠNG 1: GIỚI THIỆU NGƠN NGỮ 1.1 Giới thiệu ngơn ngữ lập trình php 1.1.1 Lịch sử phát triển ngơn ngữ lập trình PHP PHP ngơn ngữ lập trình mã nguồn mở phía server thiết kế để dễ dàng xây dựng trang web động Mã PHP thực thi server để tạo mã HTML xuất trình duyệt web theo yêu cầu người sử dụng PHP cho phép xây dựng ứng dụng web mạng internet tương tác với sở liệu như: MySQL, Oracle, … • PHP phát triển từ sản phẩm có tên PHP/FI PHP/FI Rasmus Lerdorf tạo năm 1995 Nó viết C bạn Và sửa lại lần năm 1997 Đó thời kỳ bắt đầu PHP đầy khó khăn • PHP 3.0: Được Andi Gutmans Zeev Suraski tạo năm 1997 sau viết lại hồn tồn mã nguồn trước Lý mà họ tạo phiên họ nhận thấy PHP/FI 2.0 yếu việc phát triển ứng dụng thương mại điện tử PHP 3.0 phiên hệ PHP/FI 2.0, chấm dứt phát triển PHP/FI 2.0.PHP 3.0 cung cấp cho người dùng cuối sở hạ tầng chặt chẽ dùng cho nhiều sở liệu, giao thức API khác Cho phép người dùng mở rộng theo modul => Chính điều làm cho PHP3 thành công so với PHP2 Lúc họ thức đặt tên ngắn gọn 'PHP' (Hypertext Preprocessor) • PHP4: Được cơng bố năm 2000 tốc độ xử lý cải thiện nhiều, PHP 4.0 đem đến tính chủ yếu khác gồm có hỗ trợ nhiều máy chủ Web hơn, hỗ trợ phiên làm việc HTTP, tạo đệm thông tin đầu ra, nhiều cách xử lý thông tin người sử dụng nhập vào bảo mật cung cấp vài cấu trúc ngôn ngữ Với PHP 4, số nhà phát triển dùng PHP lên đến hàng trăm nghìn hàng triệu site cơng bố cài đặt PHP, chiếm khoảng 20% số tên miền mạng Hệ thống sử lý yêu cầu Lưu vào CSDL Cập nhật 10.Thống báo thành công 2.3.4.6 Biểu đồ chức sửa sản phẩm Hình 2.16 Biều đồ chức sửa sản phẩm Mô tả biểu đồ: Admin chọn mục sửa sản phẩm Giao diện gửi yêu cầu Xử lý yêu cầu Hệ thống cho phép sửa Hiện giao diện sửa 33 Nhập gửi yêu cầu lưu Giao diện gửi yêu cầu lưu Hệ thống xử lý yêu cầu Lưu vào CSDL 10.Cập nhật 2.3.4.7 Biểu đồ chức xóa sản phẩm Hình 2.17 Biều đồ chức xóa sản phẩm Mơ tả biểu đồ: Admin chọn mục xóa sản phẩm Giao diện gửi yêu cầu xóa Hệ thống xử lý yêu cầu Hệ thống yêu cầu xóa sản phẩm CSDL CSDL cập nhật Thống báo thành công 34 2.4 Biểu đồ lớp Hình 2.18 Biểu đồ lớp website 2.5 Mơ hình liệu quan hệ Hình 2.18 Mơ hình liệu quan hệ 35 2.6 Thiết kế sở liệu STT Tên bảng admin_info brands cart categories email_info logs orders orders_info oders_products 10 products 11 user_info 12 user_info_backup Mô tả Bảng lưu thông tin admin Bảng lưu thông tin danh mục hàng hóa Bảng lưu thơng tin id Bảng lưu thơng tin nhãn hàng hóa Bảng lưu thơng tin email admin Bảng lưu thông tin hoat động khách hàng Bảng lưu thơng tin hàng hóa đặt Bảng lưu thông tin khách đặt hàng Bảng lưu thông tin sản phảm đặt Bảng lưu thơng tin hàng hóa Bảng lưu thông tin người dùng Bảng lưu thông tin lưu người dùng Bảng 2.1 Danh sách bảng mơ hình sở liệu STT Tên thực thể admin_id admin_name admin_email admin_password Kiểu liệu int(10) varchar(100) varchar(300) varchar(300) Ràng buộc NOT NULL NOT NULL NOT NULL NOT NULL Mơ tả Khóa Tên Email Mật Bảng 2.2 Bảng admin_info STT Tên thực thể brand_id brand_tittle Kiểu liệu int(100) text Ràng buộc NOT NULL NOT NULL Mơ tả Khóa Tên Bảng 2.3 Bảng brand STT Tên thực thể id p_id Kiểu liệu int(10) varchar(100) Ràng buộc NOT NULL NOT NULL p_add varchar(300) NOT NULL user_id qty varchar(300) int(10) NOT NULL NOT NULL Mơ tả Khóa Id hàng hóa Id hangf hóa add User id 36 Bảng 2.4 Bảng cart STT Tên thực thể cat_id cat_tittle Kiểu liệu int(10) text Ràng buộc NOT NULL NOT NULL Mơ tả Khóa Tên Bảng 2.5 Bảng categories STT Tên thực thể email_id email Kiểu liệu int(10) text Ràng buộc NOT NULL NOT NULL Mơ tả Khóa Tên Bảng 2.6 Bảng email_info STT Tên thực thể id user_id action date Kiểu liệu int(11) varchar(50) varchar(50) datetime Ràng buộc NOT NULL NOT NULL NOT NULL NOT NULL Mơ tả Khóa Tên Hoạt động Ngày Ràng buộc NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL Mơ tả Khóa Tên Id hàng hóa Bảng 2.7 Bảng logs STT Tên thực thể order_id user_id product_id qtx trx_id p_status Kiểu liệu int(11) int(11) int(11) int(11) varchar(50) varchar(50) Trạng thái Bảng 2.8 Bảng orders STT Tên thực thể order_id user_id f_name email Kiểu liệu int(10) int(11) varchar(255) varchar(255) Ràng buộc NOT NULL NOT NULL NOT NULL NOT NULL Mơ tả Khóa Id người đặt Tên Email 37 10 11 12 13 14 address city stace zip cardname cardnumber expdate prod_cout total_atm cvv varchar(255) varchar(255) varchar(255) int(10) varchar(255) varchar(20) varchar(255) int(15) int(15) int(5) NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL Địa Địa Địa Thông tin cá nhân Thông tin cá nhân Thông tin cá nhân Thông tin cá nhân Thông tin cá nhân Thông tin cá nhân Thông tin cá nhân Bảng 2.9: Bảng order_info STT Tên thực thể order_pro_id order_id product_id qty amt Kiểu liệu int(10) int(11) int(11) int(15) int(15) Ràng buộc NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL Mô tả Khóa Id order Id hàng hóa Bảng 2.10 Bảng order_products STT Tên thực thể products_id products _cart products _brand products_tittle products_price products_desc products_image products_keywords Kiểu liệu int(100) int(100) int(100) varchar(255) int(100) text text text Ràng buộc NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL NOT NULL Mơ tả Khóa Id cart Id brand Tên Giá Quảng cáo Ảnh Từ khóa Bảng 2.11 Bảng products STT Tên thực thể user_id first_name last_name email Kiểu liệu int(10) varchar(100) varchar(100) varchar(300) Ràng buộc NOT NULL NOT NULL NOT NULL NOT NULL Mơ tả Khóa Họ Tên email 38 STT password mobile address1 address2 varchar(300) NOT NULL varchar(100) NOT NULL varchar(300) NOT NULL varchar(11) NOT NULL Bảng 2.12 Bảng user_info Tên thực thể Kiểu liệu Ràng buộc user_id int(10) NOT NULL first_name varchar(100) NOT NULL last_name varchar(100) NOT NULL email varchar(300) NOT NULL password varchar(300) NOT NULL mobile varchar(100) NOT NULL address1 varchar(300) NOT NULL address2 varchar(11) NOT NULL Bảng 2.13 Bảng user_info_backup Mậy Điện thoại Địa Địa Mơ tả Khóa Họ Tên email Mậy Điện thoại Địa Địa 39 CHƯƠNG TRIỂN KHAI WEBSITE BÁN ĐỒ PHƯỢT 3.1 Thiết kế giao diện 3.1.1 Giao diện người dùng 3.1.1.1 Giao diện trang chủ - Khách hàng xem đặt mua sản phẩm - Khách hàng chọn xem sản phẩm - Ở giao diện có sản phẩm khuyễn nhiều để khách hàng mua sản phẩm ưng ý với mức giá phải 40 Hình 3.1 Giao diện trang chủ 3.1.1.2 Giao diện danh mục loại sản phẩm - Khách hàng chọn hãng sản phẩm mong muốn để xem sản phẩm loại 41 Hình 3.2 Giao diện danh mục loại sản phẩm 3.1.1.3 Giao diện chi tiết sản phẩm - Khách hàng chọn sản phẩm xem chi tiết sản phẩm - Ngoài khách hàng đăng nhập thêm chức comment 42 Hình 3.3 Giao diện chi tiết sản phẩm 3.1.1.4 Giao diện giỏ hàng - Khi khách hàng chọn sản phẩm chuyển sang giao diện giỏ hàng Tại giao diện giỏ hàng khách hàng xem danh sách sản phẩm chọn, xem thông tin số tiền phải trả - Khi chọn sản phẩm hoàn tất muốn đặt hàng khách hàng chọn mục ‘Thông tin bản’ để tiêp tục đặt hàng 43 Hình 3.4 Giao diện giỏ hàng 3.1.2 Giao diện đăng nhập 3.1.2.1 Giao diện đăng nhập Hình 3.5 Giao diện đăng nhập 3.1.2.2 Giao diện ký tài khoản Hình 3.6 Giao diện đăng ký tài khoản 44 3.1.3 Giao diện quản trị 3.7 Giao diện quản trị 3.2 Kết luận 3.2.1 Kết đạt - Trong suốt trình thực đồ án, em nghiên cứu mơ hình MVC, ngơn ngữ PHP, Laravel Framework, hệ quản trị sở liệu MySQL ứng dụng vào thực tế để triển khai xây dựng website - Phần mềm xây dựng có giao diện dễ nhìn, thân thiện, dễ sử dụng có nhiều chức năng: + Xem thông tin đặt mua sản phẩm + Xem thông tin chi tiết sản phẩm + Comment đánh giá sản phẩm + Quản lý thông tin sản phẩm: thể loại, loại sản phẩm, sản phẩm… + Quản lý đơn hàng + Thống kê doanh số, số đơn hàng, báo cáo tháng, … 45 3.2.2 Hướng phát triển - Do thời gian có hạn nên phần mềm em xây dựng số hạn chế: + Tính bảo mật chưa cao + Tốc độ xử lý liệu chưa tối ưu - Trong thời gian tới, em cố gắng khắc phục hạn chế trình bày Theo đó, nâng cấp thêm để đáp ứng nhu cầu thực tế tiện lợi cho người sử dụng - Đồng thời em nghiên cú phát triển thêm chức năng: + Thiết kế giao diện đẹp + Phát triển chức đa ngôn ngữ Thêm chức chatbox tư vấn khách hàng, quản lý comment, quảng cáo 46 TÀI LIỆU THAM KHẢO Tài liệu tiếng Việt [1] Biên dịch Thái Thành Phong - Các giải pháp lập trình C#; 2007 [2] Nguyễn Phương Lan chủ biên, “ASP 3.0, ASP.NET”, NXB Lao động Xã Hội năm 2004 [3] Phạm Hữu Khang - Lập trình sở liệu tập II: thiết kế sở liệu, tạo thủ tục xử lý [4] Tham khảo tài liệu qua mạng Internet: số trang web www.codepro.vn, www.ddth.vn, www.youtube.com, www.congdongcviet.com, Tài liệu tiếng Anh [1] Đào Hải Nam - LinQ to SQL tutorial: học cách lập trình sử dụng ngơn ngữ LinQ