xây dựng website bán quần áo

BỘ CÔNG THƯƠNG TRƯỜNG CAO ĐẲNG KỸ THUẬT CAO THẮNG KHOA ĐIỆN TỬ - TIN HỌC    ĐỒ ÁN MÔN HỌC THIẾT KẾ WEB XÂY DỰNG WEBSITE BÁN QUẦN ÁO LỜI CẢM ƠN Chúng em xin chân thành cảm ơn quý thầy cô khoa Điện tử - Tin học trường cao đẳng Kỹ Thuật Cao Thắng, để hoàn thành đồ án tốt nghiệp kết tảng từ kiến thức giảng dạy tận tình quý thầy cô, trang bị cho chúng em kiến thức quý báu vận dụng kiến thức học vào công việc trường Đặc biệt với lòng biết ơn sâu sắc, em xin chân thành cảm ơn cô Trần Thị Ngọc Châu trực tiếp hướng dẫn, đóng góp ý kiến, giúp đỡ chúng em hoàn thành đồ án tốt nghiệp Mặc dù cố gắng nổ lực thực đồ án với kiến thức thời gian có hạn, hẳn đồ án không tránh khỏi sai sót Chúng em mong nhận thông cảm đóng góp ý kiến thầy cô để chúng em hoàn thiện tốt cho sau Chúng em xin chân thành cám ơn! LỜI NÓI ĐẦU Ngày với phát triển mạnh mẽ nhanh chóng lĩnh vực công nghệ thông tin ứng dụng ngành nghề, lĩnh vực Từ việc đọc tin tức, nghe nhạc, giải trí hay học tập, thương mại điện tử Công nghệ thông tin phát triển không ngừng, việc phát triển website để quảng bá công ty hay website cá nhân không xa lạ Trong một trang web trực tuyến hỗ trợ việc bán hàng qua mạng hiện rất phổ biến thiếu cửa hàng, giúp cho khách hàng mua cần mà không cần phải tốn nhiều thời gian Không dừng lại mà giúp cửa hàng quảng bá để nhiều người biết đến việc cạnh tranh Hiện có nhiều công nghệ sử dụng để phát triển website (PHP, ASP, ASP.NET, JSP ) Trong công nghệ PHP ngôn ngữ truy vấn MYSQL lựa chọn phù hợp để bạn phát triển trang web tốc độ xử lý nhanh Bên cạnh giá thành thấp (không cần mua quyền), PHP giúp ta phát triền mã nguồn nhanh, dễ dàng, đơn giản Đặc biệt có số lượng nhà cung cấp hosting nhiều, dễ lựa chọn Với nhiều ưu điểm bật mà PHP MYSQL nhiều người sử dụng trang web lớn facebook.com Xuất phát từ nhu cầu thực tế nên chúng em định chọn đề tài “xây dựng website bán quần áo” với ngôn ngữ PHP, nhằm xây dựng website bán hàng trực tuyến hỗ trợ đầy đủ chức cho người dùng NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN TP.HỒ CHÍ MINH, ngày tháng năm Giáo viên hướng dẫn MỤC LỤC MỤC LỤC HÌNH ẢNH CÁC BẢNG DỮ LIỆU DANH MỤC CÁC KÝ TỰ, CÁC TỪ VIẾT TẮT STT Từ viết tắt PHP Ý nghĩa Personal Home Page HTML Hypertext Markup Language 5 CSS MVC API IT SMS ERB Cascading Style Sheets Model - View - Control Application Programming Interface Information Technology Short Message Service Enterprise Resource Planning CMS Content Management System 10 11 12 UC CSDL IIS Use Case Cơ Sỡ Dữ Liệu Internet Information Services Chương Giới thiệu Xây dựng website bán quần áo CHƯƠNG GIỚI THIỆU 1.1 Các công nghệ sử dụng website 1.1.1 Ngôn ngữ PHP 1.1.1.1 Khái niệm PHP PHP chữ viết tắt “Personal Home Page” Rasmus Lerdorf tạo năm 1994 Thực chất PHP ngôn ngữ kịch nhúng HTML, nói cách đơn giản trang HTML có nhúng mã PHP, PHP đặt rải rác HTML PHP ngôn ngữ lập trình kết nối chặt chẽ với máy chủ, công nghệ phía máy chủ không phụ thuộc vào môi trường Đây hai yếu tố quan trọng, thứ nói công nghệ phía máy chủ tức nói đến thứ PHP xảy máy chủ, thứ hai, tính chất không phụ thuộc môi trường cho phép PHP chạy hầu hết hệ điều hành Windows, Unix nhiều biến thể Đặc biệt mã kịch PHP viết máy chủ làm việc bình thường máy chủ khác mà không cần phải chỉnh sửa chỉnh sửa Khi trang web muốn dùng ngôn ngữ PHP phải đáp ứng tất trình xử lý thông tin trang web đó, sau đưa kết ngôn ngữ HTML Khác với ngôn ngữ lập trình khác, PHP thiết kế để thực điều sau kiện xảy (ví dụ: người dùng gửi biểu mẫu chuyển tới URL) 1.1.1.2 Tại nên dùng PHP Thiết kế web động có nhiều ngôn ngữ lập trình khác để lựa chọn Chúng ta lựa chọn cho ngôn ngữ: ASP, PHP, Java, Perl Và số loại khác Vậy lại nên chọn PHP ? Có lí sau mà lập trình web không nên bỏ qua lựa chọn tuyệt vời này: SVTH: Nguyễn Văn Thế - Nguyễn Pháp Truyền Chương Giới thiệu Xây dựng website bán quần áo  PHP sử dụng làm web động nhanh, dễ dàng, tốt so với giải pháp khác  PHP có khả thực tích hợp chặt chẽ với hầu hết sở liệu có sẵn, tính linh động, bền vững khả phát triển không giới hạn  Đặc biệt PHP mã nguồn mở tất đặc tính miễn phí, mã nguồn mở sẵn có nên cộng đồng nhà phát triển web có ý thức cải tiến nó, nâng cao để khắc phục lỗi chương trình  PHP vừa dễ với người sử dụng vừa đáp ứng yêu cầu lập trình viên chuyên nghiệp, ý tuởng bạn PHP đáp ứng cách xuất sắc  Cách không lâu ASP vốn xem ngôn ngữ kịch phổ biến nhất, mà PHP bắt kịp ASP, chứng có mặt 12 triệu website 1.1.1.3 Hoạt động PHP Vì PHP ngôn ngữ máy chủ nên mã lệnh PHP tập trung máy chủ để phục vụ trang web theo yêu cầu người dùng thông qua trình duyệt Khi người dùng truy cập website viết PHP, máy chủ đọc mã lệnh PHP xử lý chúng theo hướng dẫn mã hóa Mã lệnh PHP yêu cầu máy chủ gửi liệu thích hợp (mã lệnh HTML) đến trình duyệt web Trình duyệt xem trang HTML tiêu chuẩn Như ta nói, PHP trang HTML có nhúng mã PHP có phần mở rộng HTML Phần mở PHP đặt thẻ mở Khi trình duyệt truy cập vào trang PHP, Server đọc nội dung file PHP lên lọc đoạn mã PHP thực thi đoạn mã đó, lấy kết nhận đoạn mã PHP thay vào chỗ ban đầu chúng file PHP, Server trả kết cuối trang nội dung HTML cho trình duyệt SVTH: Nguyễn Văn Thế - Nguyễn Pháp Truyền 10 Chương Cài đặt giao diện chương trình Xây dựng website bán quần áo 3.3 Giao diện dành cho người quản trị 3.3.1 Giao diện trang chủ Hình - Giao diện trang chủ SVTH: Nguyễn Văn Thế - Nguyễn Pháp Truyền 66 Chương Cài đặt giao diện chương trình Xây dựng website bán quần áo 3.3.2 Giao diện trang sản phẩm 3.3.2.1 Giao diện trang hiển thị danh sách sản phẩm Hình - Quản lý danh sách sản phẩm Chú thích: [1]: Vùng chọn thao tác với trường liệu chọn bao gồm: xóa, ẩn, [2]: Chọn số lượng sản phẩm để thị (5-25) [3]: Chọn loại sản phẩm để hiển thị (sản phẩm mới, bật, sản phẩm hết hàng) [4]: Chọn cấp mục sản phẩm cấp [5]: Chọn cấp mục sản phẩm cấp [6]: Nút chuyển sang trang thêm sản phẩm [7]: Vùng nhập liệu để tìm kiếm sản phẩm theo tên [8]: Vùng thao tác với liệu dược chọn bao gồm: ẩn, hiện, sửa xóa [9]: Vùng phân trang sản phẩm SVTH: Nguyễn Văn Thế - Nguyễn Pháp Truyền 67 Chương Cài đặt giao diện chương trình Xây dựng website bán quần áo 3.3.2.2 Giao diện cập nhật, thêm sản phẩm SVTH: Nguyễn Văn Thế - Nguyễn Pháp Truyền 68 Chương Cài đặt giao diện chương trình Xây dựng website bán quần áo Hình - Giao diện cập nhật, thêm sản phẩm Chú thích: [1]: Vùng nhập thông tin sản phẩm [2]: Vùng upload ảnh sản phẩm [3]: Mục tùy chọn cho sản phẩm (chọn loại sản phẩm, cho phép ẩn hiện) [4]: Nút lưu thông tin sản phẩm chuyển sang sang danh sách sản phẩm [5]: Nút chuyển sang tab thêm ảnh phụ sản phẩm [6]: Nút lưu sản phẩm không chuyển trang [7]: Nút chuyển trang danh sách sản phẩm 3.3.3 Giao diện quản lý danh mục 3.3.3.1 Giao diện danh sách danh mục Hình - Giao diện danh sách danh mục Chú thích: [1]: Vùng chọn thao tác với trường liệu chọn bao gồm: xóa, ẩn, [2]: Chọn số lượng sản phẩm để thị (5-25) [3]: Nút chuyển sang trang thêm danh mục cấp SVTH: Nguyễn Văn Thế - Nguyễn Pháp Truyền 69 Chương Cài đặt giao diện chương trình Xây dựng website bán quần áo 3.3.3.2 Giao diện cập nhật danh mục Hình - Giao diện cập nhật danh mục 3.3.3.3 Giao diện thêm danh mục Hình - Giao diện thêm danh mục SVTH: Nguyễn Văn Thế - Nguyễn Pháp Truyền 70 Chương Cài đặt giao diện chương trình Xây dựng website bán quần áo 3.3.4 Giao diện quản lý đơn hàng 3.3.4.1 Giao diện danh sách đơn hàng Hình - Giao diện danh sách đơn hàng 3.3.4.2 Giao diện xem chi tiết đơn hàng Hình - Giao diện xem chi tiết đơn hàng 3.3.5 Giao diện thống kê doanh thu Hình - Giao diện thống kê SVTH: Nguyễn Văn Thế - Nguyễn Pháp Truyền 71 Chương Cài đặt giao diện chương trình Xây dựng website bán quần áo 3.3.6 Giao diện thống kê sản phẩm bán chạy Hình - Giao điện thống kê sản phẩm bán chạy 3.3.7 Giao diện quản lý bình luận sản phẩm Hình - Giao diện quản lý bình luận sản SVTH: Nguyễn Văn Thế - Nguyễn Pháp Truyền 72 Chương Cài đặt giao diện chương trình Xây dựng website bán quần áo 3.3.8 Quản lý viết 3.3.8.1 Giao diện hiển thị danh sách viết Hình - Danh sách viết 3.3.8.2 Giao diện thêm, sửa viết Hình - Giao diện thêm, sửa viết 3.3.9 Giao diện quản lý liên hệ từ khách hàng SVTH: Nguyễn Văn Thế - Nguyễn Pháp Truyền 73 Chương Cài đặt giao diện chương trình Xây dựng website bán quần áo 3.3.9.1 Giao diện danh sách liên hệ từ khách hàng Hình - Danh sách liên hệ từ khách hàng 3.3.9.2 Giao diện trả lời khách hàng Hình - Giao diện trả lời khách hàng SVTH: Nguyễn Văn Thế - Nguyễn Pháp Truyền 74 Chương Cài đặt giao diện chương trình Xây dựng website bán quần áo 3.3.10 Giao diện quản lý danh sách khách hàng Hình - Giao diện danh sách khách hàng 3.3.11 Giao diện quản lý tài khoản quản trị 3.3.11.1 Giao diện danh sách quản trị Hình - Giao diện danh sách khách hàng 3.3.11.2 Giao diện thêm, sửa tài khoản quản trị Hình - Giao diên thêm, sửa quản trị SVTH: Nguyễn Văn Thế - Nguyễn Pháp Truyền 75 Chương Cài đặt giao diện chương trình Xây dựng website bán quần áo 3.3.12 Giao diện quản lý slider 3.3.12.1 Giao diện danh sách thông tin slider Hình - Giao diện danh sách slider 3.3.12.2 Giao diện thêm, sửa slider Hình - Giao diện thêm, sửa slider SVTH: Nguyễn Văn Thế - Nguyễn Pháp Truyền 76 Chương Cài đặt giao diện chương trình Xây dựng website bán quần áo 3.3.13 Giao diện quản lý cập nhật logo Hình - Giao diện quản lý cập nhật logo 3.3.14 Giao diện quản lý thông tin liên hệ Hình - Giao diện quản lý thônh tin liên hệ SVTH: Nguyễn Văn Thế - Nguyễn Pháp Truyền 77 Chương Tổng kết hướng phát triển Xây dựng website bán quần áo CHƯƠNG TỔNG KẾT VÀ HƯỚNG PHÁT TRIỂN 1.1 Kết đạt - Hệ thống website bán hàng trực tuyến sau thời gian xây dựng đến hoàn thiện chức cần thiết đáp ứng nhu cầu người dùng:  Đối với người sử dụng  Có thể thực chức xem hàng, mua hàng, bình luận sản phẩm, huỷ đơn đặt hàng, toán đơn hàng  Các chức đăng ký, đăng nhập, quản lý thông tin tài khoản, lấy lại mật khẩu, gửi góp ý  Đối với người quản trị trang web  Quản lý giao diện  Quản lý nhập liệu, cập nhật thông tin liệu website  Quản lý thống kê, quản lý sở liệu… chức trang quản lý - Vận dụng hầu hết kiến thức học vào đồ án - Khả kết hợp làm nhóm phát huy hiệu 4.1 Phần hạn chế đề tài Do thời gian với kiến thức, kinh nghiệm giới hạn nên đồ án nhóm chúng em không tránh khỏi thiếu sót Đề tài hoàn thành chức bản, nhiên bên cạnh có số khuyết điểm:  Website có tính chuyên nghiệp chưa cao  Trong trình xây dựng website nhiều sai sót phải chỉnh sửa nhiều lần SVTH: Nguyễn Văn Thế - Nguyễn Pháp Truyền 78 Chương Tổng kết hướng phát triển Xây dựng website bán quần áo 4.2 Hướng phát triển  Xây dựng hệ thống xử lý liệu với chức hoàn thiện, đầy đủ      phát triển thêm số chức năng, dạng thống kê Tối ưu hóa chức Hỗ trợ thao tác nhanh Hỗ trợ chức toán trực tuyến nhiều tài khoản ngân hàng Giao diện sinh động hơn, tích hợp thêm nhiều chức tiện ích khác Khả kháng lỗ, bảo mật tốt SVTH: Nguyễn Văn Thế - Nguyễn Pháp Truyền 79 Tài liệu tham khảo Xây dựng website bán quần áo TÀI LIỆU THAM KHẢO  Giao diện [1] http://getbootstrap.com/ [2] https://www.addthis.com/  Jquery validate - plugin kiểm tra liệu nhập form [1] http://jqueryvalidation.org/  Một số trang web khác [1] https://www.google.com/ [2] http://izwebz.com/ [3] http://freetuts.net/ [4] http://php.net/  Group PHP [1] https://www.facebook.com/groups/qhonline/ SVTH: Nguyễn Văn Thế - Nguyễn Pháp Truyền 80 ... chúng em định chọn đề tài xây dựng website bán quần áo với ngôn ngữ PHP, nhằm xây dựng website bán hàng trực tuyến hỗ trợ đầy đủ chức cho người dùng NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN ... dựng website bán quần áo 2.2.3 Use-case Admin tổng quát Hình - Mô hình use case admin tổng quát SVTH: Nguyễn Văn Thế - Nguyễn Pháp Truyền 24 Chương Phân tích thiết kế liệu Xây dựng website bán quần. .. Xây dựng website bán quần áo 2.2.2 Use-case khách hàng tổng quát Hình - Mô hình use case khách hàng tổng quát SVTH: Nguyễn Văn Thế - Nguyễn Pháp Truyền 23 Chương Phân tích thiết kế liệu Xây dựng