Đồ án website bán mũ

MỞ ĐẦU Ngày nay, Cơng nghệ thơng tin có bước phát triển mạnh mẽ theo chiều rộng chiều sâu Việc tiếp cần máy tính Internet khơng khó khăn trước, mà ngày trở thành cộng cụ làm việc giải trí thơng dụng người, không công sở mà gia đình Đứng trước hoạt động cạnh tranh thông tin gay gắt, tổ chức doanh nghiệp ln tìm biện pháp để xây dựng hồn thiện hệ thống thơng tin nhằm tin học hóa hoạt động tác nghiệp đơn vị Đặc biệt việc ứng dụng tin học internet vào kinh doanh giúp buôn bán đạt hiệu cao, tiết kiệm thời gian, công sức người mua người bán Là sinh viên ngành Công nghệ thông tin, sau giao đề tài em tìm hiểu, khảo sát việc ứng dụng Internet mua bán trực tuyến nhận thấy việc ứng dụng thực nhiều đa dạng Chứng tỏ ứng dụng hiệu ngày phát triển rộng rãi Sau ứng dụng đưa vào thực tiễn, em hi vọng công cụ đắc lực cho người dùng Tuy nhiên phần thời gian có hạn tay nghề em non yếu nên khơng tránh khỏi sai sót q trình thực hiện, kính mong nhận phản hồi, góp ý giúp đỡ thêm thầy cô Em xin cám ơn giúp đỡ thầy Trần Công Mua hướng dẫn giúp đỡ để em hoàn thành báo cáo : “Thiết Kế WEB” Sau em xin báo cáo kết thu thập thời gian vừa qua LỜI CÁM ƠN Để hoàn thành Báo cáo thực tập tốt nghiệp này, cố gắng nổ lực thân, kiến thức học trường, với hướng dẫn, bảo tận tình thầy cơ, chúng em hồn thành báo cáo Trước hết chúng em xin chân thành cám ơn thầy cô – Giảng viên Khoa Công nghệ thông tin – HUBT, người tận tình bảo chúng em suốt thời gian thực Xin cám ơn giúp đỡ, bảo anh chị trước bạn bè khóa Dù cố gắng song thời gian có hạn, khả non yếu, kinh nghiệm thực tế chưa có nhiều, nên báo cáo nhiều thiếu sót Kính mong q thầy cô thông cảm đưa dẫn quý báo để báo để báo cáo tốt nghiệp chúng em hoàn thiện Chúng em xin chân thành cám ơn ! Hà Nội, ngày/05/2015 Sinh viên NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN MỤC LỤC DANH MỤC CÁC HÌNH ẢNH, BẢNG BIỂU VÀ SƠ ĐỒ CHƯƠNG 1: TỔNG QUAN VỀ INTERNET 1.1 Khái niệm Internet 1.1.1 Giới thiệu chung: Internet mạng máy tính tồn cầu thành lập từ năm 80 bắt nguồn từ mạng APARRNET quốc phòng Mỹ Internet mạng khổng lồ kết nối máy tính tồn thếgiới Internet sử dụng để: • Truy xuất thơng tin: Internet cung cấp khảnăng truy cập đến kho thông tin rộng lớn, ví dụ: thểthao, giao dục, kinh tế • Giao tiếp: Internet giúp cho giao tiếp xuyên suốt thếgiới dễdàng nhanh chóng thơng qua dịch vụ, ví dụ: thư điện tử(e-mail), đối thoại trực tiếp (chat) Mỗi máy tính Internet gọi host Mỗi host có khả truyền thông tới máy khác Internet Một số host nối tới mạng đường nối Dialup (quay số) tạm thời, số khác nối đường nối mạng thật 100% (như Ethernet, Tokenring ) 1.1.2 Phân loại: Các máy tính mạng chia làm nhóm Client Server • Client: Máy khách mạng, chứa chương trình Client • Server: Máy phục vụ-Máy chủ Chứa chương trình Server, tài nguyên (tập tin, tài liệu ) dùng chung cho nhiều máy khách Server trạng thái chờ yêu cầu đáp ứng yêu cầu Client Internet Server: Là server cung cấp dịch vụ Internet Web Server, Mail Server, FPT Server… Các dịch vụ thường dùng Internet • Dịch vụ World Wide Web (gọi tắt Web) • Dịch vụ Electronic Mail (viết tắt Email) • Dịch vụ FPT Để truyền thơng với máy tính khác, máy tính Internet phải hỗ trợ giao thức chung TCP/IP (Transmission Control Protocol/Internet Protocol- giao thức điều khiển truyền liệu giao thức Internet), giao thức đồng bộ, cho truyền thông điệp từ nhiều nguồn tới nhiều đích khác Ví dụ vừ lấy thư từ hộp thư, đồng thời vừa truy cập trang Web TCP đảm bảo tính an toàn liệu, IP giao thức chi phối phương thức vận chuyển liệu Internet 1.2 World Wide Web 1.2.1 Các khái niệm bản: WWW nơi lưu trữ thơng tin Internet Đó tập hợp tài liệu gọi trang web (web page) Những trang web liên kết với thông qua siêu liên kết kí tự (hyper-text) Siêu liên kết kí tự (hyper-text) WWW gồm thành phần sau: • Web page: tượng trưng cho tài liệu điện tử chứa nội dụng website • Web site: tập hợp trang web liên kết lẫn nhau, chứa thông tin liên quan đến chủ đềnào • Uniform Resource Locator (URL): địa chỉcủa web site Internet Ví dụ: địa chỉcủa trang web Trường Đại học Bách khoa http://www.hcmut.edu.vn • Web browsers: chương trình dùng truy xuất trang web thơng qua địa URL Minh họa www Được chia làm loại: web tĩnh web động  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  Web độ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 CHƯƠNG 2: TÌM HIỂU NGƠN NGỮ PHP 2.1 Khái niệm PHP PHP chữ viết tắt “Personal Home Page” Rasmus Lerdorf tạo năm 1994 Vì tính hữu dụng khả phát triển, PHP bắt đầu sử dụng môi trường chuyên nghiệp trở thành “PHP: Hypertext Preprocessor” Thực chất PHP ngôn ngữ kịch nhúng HTML, thiết kế để thực điều sau kiện xảy ra, 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ủ (Server-Side) không phụ thuộc vào môi trường (cross-platform) Đâ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 2.2 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 Máy khách hàng u cầu URL Máy chủ web HTML HTML Gọi mã kịch PHP Hình 16 Use case tìm kiếm Hình 17 Biểu đồ cộng tác chức tìm kiếm - Lớp biên: Interface - Lớp điều khiển: Control - Lớp thực thể: Database Dưới biểu đồ Hình 18 Biểu đồ chức tìm kiếm  Use-case quản lý sản phẩm: Hình 19 Use-case quản lý sản phẩm - Lớp biên: Login, Interface - Lớp điều khiển: Control - Lớp thực thể: Database Hình 20 Biểu đồ cộng tác chức cập nhật  Chức thêm sản phẩm: Hình 21 Biểu đồ chức thêm sản phẩm  Chức sửa thông tin sản phẩm: Hình 22 Biểu đồ chức sửa thơng tin sản phẩm  Chức xóa sản phẩm: Hình 23 Biểu đồ chức xóa sản phẩm  Chức đăng nhập: Hình 24 Biểu đồ chức đăng nhập  Chức đăng kí thành viên: Hình 25 Biểu đồ chức đăng ký thành viên 4.6 Các tổ chức liệu thiết kế chương trình cho web Việc tổ chức liệu phải giải yêu cầu phân tích để lúc hiển thị lên trang Web có giao diện dễ nhìn, dễ dàng, hấp dẫn khách hàng Một phương pháp sử dụng rộn rãi từ trước đến quản lí theo nhóm sản phẩm Mỗi nhóm có mã nhóm tên nhóm để nhận biết Đối với Website này, với sản phẩm, sản phẩm tương ứng với mã hãng mã loại sản phẩm mã làm khóa bảng Sau số bảng sở liệu tồn sở liệu  Bảng banner: Dùng để thay đổi banner trang chủ Name id noi_dung Type Int(255) Longtext Null Yes Yes Chú thích ID Liên kết hình ảnh  Bảng bienluan_trangngoai: Liên hết chức menu dọc trái – phải Name id Ten_tham_so Duong_dan Type Int(255) Varchar(255) Varchar(255) Null No No No Chú thích ID Tên tham số menu dọc Liên kết trang  Bảng bienluan_trangquanly (tương tự trangngoai) : Liên kết menu quan lý  Bảng du_lieu_mot_tin: Liên kết mục menu ngang Name id Ten Noi_dung Type Int(255) Varchar(255) Longtext Null No No Yes Chú thích ID Tên tiêu đề menu ngang Liên kết trang  Bảng footer: Dùng lưu thay đổi nội dung footer Name id Noi_dung Type Int(255) Longtext Null No No Chú thích ID Nội dung footer  Bảng hoa_don: Dùng để lưu hóa đơn mua hàng Name id Don_hang Ho_ten Dia_chi Email Dien_thoai Noi_dung Ki_danh Type Int(255) Longtext Varchar(255) Varchar(255) Varchar(255) Varchar(255) Longtext Varchar(255) Null No No No No Yes No No No Chú thích ID Tên đơn hàng Họ tên KH Địa KH Email KH SĐT KH Yêu cầu KH  Bang lien_he: Nhận thông tin liên hệ KH Name id Mo_ta Type Int(255) Longtex Null No No Chú thích ID Nội dung liên hệ Null No Chú thích ID  Bảng menu: Lưu thơng tin vị trí menu Name id Type Int(255) Ten Vitri_menu Lien_ket Thuoc_menu Varchar(255) Varchar(255) Varchar(255) Varchar(255) No No No No Tiêu đề menu Chỉnh vị trí ngang – dọc Liên kết Chỉnh vị trí menu trái – phải  Bảng san_pham: Lưu sản phẩm Name id Ten Noi_dung Hinh_anh Gia So_lan_duoc_mua Thuoc_menu Trang_chủ Type Int(255) Varchar(255) Longtext Varchar(255) Int(255) Int(255) Varchar(255) Varchar(255) Null No No No No No No No No Chú thích ID Tên sản phẩm Mô tả sản phẩm Tên file ảnh Giá sản phẩm Số lần KH mua Loại sản phẩm Hiển thị trang chủ Null No No No No Yes No No Chú thích ID Tên đăng nhập Mật Địa KH Email KH SĐT KH Hình đại diện KH  Bảng thanh_vien: Lưu thành viên web Name id Ky_danh Mat_khau Dia_chi Email Dien_thoai Hinh_dai_dien Type Int(255) Varchar(255) Varchar(255) Varchar(255) Varchar(255) Varchar(255) Varchar(255) Bảng thongtin_quantri: Thông tin người quản trị web Name id Ky_danh Mat_khau     Type Int(255) Varchar(255) Varchar(255) Null No No No Chú thích ID Tên đăng nhập admin Mật Bảng hotro_tructuyen: Lưu nickchat liên hệ trực tuyến qua yahoo Bảng luot_truy_cap, so_nguoi_online: Đếm thành viên khách truy cập Bảng quangcao: Lưu hình ảnh, flash quãng cáo Bảng slideshow: Lưu hình ảnh trình chiếu trang chủ 4.7 Thiết kế giao diện 4.7.1 Giao diện trang chủ: Hình 26 Trang chủ Trang chủ “Index.php”: Là trang cơng ty, chứa tất mục để lựa chọn Từ trang chủ khách hàng tìm thấy thơng tin cần thiết: • Thông tin loại sản phẩm với giao diện gần gũi, thân thiện dễ sử dụng từ khách hàng đặt mua cho sản phẩm yêu thích, phù hợp với túi tiền • Bạn thắc mắc, góp ý với shop… 4.7.2 Giao diện Form đăng nhập: Hình 27 Giao diện form đăng nhập Form mà khách hàng nhập User Pass để đăng nhập vào website, chưa có tài khoản khách hàng nhấn vào nút Đăng ký để tạo cho tài khoản 4.7.3 Giao diện Form liên hệ: Hình 28 Giao diện form liên hệ Trang “lienhe.php” cầu nối khách hàng cửa hàng, khách hàng gửi thắc mắc ý kiến tới cửa hàng khách hàng phải nhập đầy đủ thông tin cá nhân form 4.7.4 Giao diện trang giỏ hàng: Hình 29 Giao diện giỏ hàng Trang “giohang.php” trang mà khách hàng xem sản phẩm chọn Tại khách hàng biết số lượng mặt hàng chọn tổng số tiền phải toán Khách hàng thêm, cập nhập xóa sản phẩm giỏ hàng 4.7.5 Giao diện trang Đăng kí thành viên: Hình 30 Giao diện form đăng ký thành viên Trang “dangky.php” Tại khách hàng điền đầy đủ thông tin cá nhân đăng ký cho tài khoản, để dùng cho việc mua hàng website 4.7.6 Giao diện trang Chi tiết sản phẩm: Hình 31 Giao diện trang chi tiết sản phẩm Trang “chitietsanpham.php” trang hiển thị thông tin chi tiết sản phẩm: giá, nội dung mô tả sản phẩm…giúp cho khách hàng có nhìn tổng quan sản phẩm  Code họa trang chi tiết sản phẩm 4.7.7 Giao diện trang Quản lý: Hình 32 Giao diện trang quản trị Admin Đây trang quản trị dành cho người Admin cửa hàng, cung cấp đầy đủ tính cho người quản trị như: quản lý sản phẩm, quản lý thành viên, quản lý đơn đặt hàng… Có thống kê sản phẩm vừa cập nhật KẾT LUẬN Đề tài “Tìm hiểu & Xây dựng ứng dụng với PHP & My SQL” xuất phát từ thực tế ngày nhằm tạo tảng sở ban đầu để hỗ trợ thêm cho bạn muốn thiết kế Website cho công ty hay Website cá nhân Mặc dù có nhiều cố gắng, tìm hiểu kiến thức học, kết hợp tra cứu tài liệu chuyên ngành đề tài “Tìm hiểu & Xây dựng ứng dụng với PHP & My SQL” hạn chế thời gian, khả kinh nghiệm nên không tránh khỏi thiếu sót định nên đề tài hồn thành mức độ sau: -Tìm hiểu ngơn ngữ lập trình Web PHP & MySQL -Áp dụng xây dựng ứng dụng thực nghiệm trang Web bán hàng mạng cho Shop Nón Thời Trang Huy Nghĩa !  Hướng nghiên cứu phát triển: • Tìm hiểu sâu ngơn ngữ PHP & MySQL để đáp ứng nhiều nhu cầu người sử dụng, phát triển tối ưu hóa hệ thống, • Kết hợp ngơn ngữ PHP với hệ quản trị sở liệu lớn hơn: SQL Server, Oracle… • Tìm hiểu thêm số ngôn ngữ, phần mềm ứng dụng để nâng cao giao diện đồ họa đẹp mắt, thân thiện hơn… • Xây dựng trang Web quy mô lớn với nhiều ứng dụng, chức Để hoàn thành đề tài này, lần em xin chân thành cảm ơn thầy Trần Công Mua người quan tâm, giúp đỡ em suốt thời gian qua Và cho em bày tỏ lòng biết ơn tới thầy giáo, cô giáo khoa công nghệ thông tin giúp em hoàn thành đề tài chuyên nghành Em xin chân thành cảm ơn ! ... đảm bảo tính an tồn cho Website 4.1.4 Mục đích dự án: Đáp ứng nhu cầu mua bán ngày phát triển xã hội, xây dựng nên môi trường làm việc hiệu  Thúc đẩy phát triển buôn bán trực tuyến  Rút ngắn... Hàm trả ngày, tháng năm hành hệ thống CHƯƠNG 4: XÂY DỰNG ỨNG DỤNG THỰC TẾ 4.1 Phân tích yêu cầu đề tài 4.1.1 Tóm tắt hoạt động hệ thống mà dự án ứng dụng:  Là Website chuyên bán sản phẩm nón... triển buôn bán trực tuyến  Rút ngắn khoảng cách người mua người bán, tạo Website trực tuyến đưa nhanh thơng tin việc trao đổi mua bán loại điện thoại qua mạng  Việc quản lý hàng trở nên dễ dàng