Báo cáo thực tập web đề tài xây dựng website laptop mới

BỘ CÔNG THƯƠNG TRƯỜNG ĐẠI HỌC KINH TẾ KỸ THUẬT CÔNG NGHIỆP KHOA: CÔNG NGHỆ THÔNG TIN BÁO CÁO THỰC TẬP WEB Đề tài: Xây dựng Website Laptop Giáo viên hướng dẫn: TRẦN HỒNG VIỆT Nhóm thực : NHÓM Lớp : ĐH TIN 11A4 HN HÀ NỘI - 2020 | Page BỘ CÔNG THƯƠNG TRƯỜNG ĐẠI HỌC KINH TẾ KỸ THUẬT CÔNG NGHIỆP KHOA: CÔNG NGHỆ THÔNG TIN BÁO CÁO THỰC TẬP WEB Đề tài: Xây dựng Website Laptop Giáo viên hướng dẫn : TRẦN HỒNG VIỆT Sinh viên nhóm : NHĨM Họ Tên : NGUYỄN THỊ NGA MSV : 17103100321 HÀ NỘI - 2020 | Page MỤC LỤC BÁO CÁO THỰC TẬP WEB BÁO CÁO THỰC TẬP WEB LỜI NÓI ĐẦU .5 TÓM TẮT ĐỒ ÁN 1.2 Web 1.2.1 Các khái niệm Web 1.2.2 Cách tạo trang Web 1.2.3 Trình duyệt Web .8 1.2.4 Webserver 1.2.5 Phân loại Web 1.3 HTML 1.3.1 Cấu trúc chung trang HTML 10 1.4 CSS 10 1.4.1 CSS ? 10 1.4.2 Các thuật ngữ phổ biến Cascading style sheet gì? 10 CHƯƠNG TÌM HIỂU NGÔN NGỮ PHP 14 2.1 Khái niệm PHP .14 2.2 Hoạt động PHP: .15 2.3 Khai báo sử dụng Session, Cookie 15 CHƯƠNG CƠ SỞ DỮ LIỆU MYSQL 19 3.1 Giới thiệu sở liệu 19 3.2 Mục đích sử dụng sở liệu .19 CHƯƠNG XÂY DỰNG ỨNG DỤNG THỰC TẾ 20 4.1 Phân tích yêu cầu đề tài 20 | Page 4.1.1 Tóm tắt hoạt động hệ thống mà dự án ứng dụng: 20 4.1.2 Phạm vi dự án ứng dụng 20 4.1.3 Đối tượng sử dụng 21 4.1.4 Mục đích dự án .21 4.2 Xác định yêu cầu khách hàng 21 4.2.1 Yêu cầu hệ thống .22 4.3 Yêu cầu giao diện website .23 4.3.1 Giao diện người dùng 23 4.3.2 Giao diện người quản trị: 23 4.4 Phân tích chức hệ thống 23 4.4.1 Các chức đối tượng Customer .23 4.4.2 Các chức đối tượng Member 24 4.5 Bảng CSDL 25 4.6 Thiết kế giao diện 27 4.6.2 Giao diện form đăng nhập 28 4.6.3 Giao diện form đăng kí 30 TÀI LIỆU THAM KHẢO 33 | Page LỜI NÓI ĐẦ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 cịn đ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 Tuy nhiên, thời gian hạn hẹp, nỗ lực đồ án 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ơ bạn Em xin chân thành cảm ơn thầy | Page TÓM TẮT ĐỒ ÁN Với mức độ phức tạp quy mô ứng dụng, cộng thêm vấn đề thời gian đề tài “Xây dựng Website Laptop mới” dừng mức 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 Website với mục đích cung cấp cho khách hàng thơng tin xác sản phẩm máy tính có thị trường hãng có uy tín ( Iphone, Hp,, Dell, Samsung…) cách thức đặt mua hàng qua mạng Các thông tin cập nhật thường xun nhanh chóng Vì vậy, rút ngắn khoảng cách người mua người bán, đưa thơng tin sản phẩm nhanh chóng đến cho khách hàng Do số hạn chế, nên website dừng lại chức đặt hàng hình thức tốn trực tiếp Trong tương lai, hệ thống phát triển theo hướng thương mại điện tử (với hình thức tốn trực tuyến qua thẻ tín dụng, tài khoản ngân hàng, thẻ mua hàng trực tuyến…) | Page CHƯƠNG WEB - HTML - CSS 1.2 Web 1.2.1 Các khái niệm Web Web dịch vụ phổ biến Internet, 85% giao dịch Internet ước lượng thuộc Web Ngày số Website giới đạt tới số khổng lồ Web 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 1.2.2 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 - Tạo Web cách viết mã nguồn trình soạn thảo văn như: Notepad, WordPad…là 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, Sublime Text… Phần mềm chuyên nghiệp Sublime Text giúp bạn 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 bạn Để xây dựng ứng dụng Web hồn chỉnh có tính thương mại, bạn cần kết hợp Client Script (kịch trình khách) Server Script (kịch trình chủ) với loại sở liệu đó, chẳng hạn như: MS Access, SQL Server, MySQL, Oracle, 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, bạn cần có trình chủ Web thường gọi Web Server | Page 1.2.3 Trình duyệt Web 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à: Microsoft Internet Explorer, Mozilla Firefox Google Chrome… Trong Internet Explorer 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 1.2.4 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ợ công nghệ khác nhau: - IIS (Internet Information Service) : Hỗ trợ ASP, mở rộng hỗ trợ PHP - Apache: Hỗ trợ PHP - Tomcat: Hỗ trợ JSP (Java Servlet Page) 1.2.5 Phân loại Web 1.2.5.1 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 | Page Hoạt động trang Web tĩnh thể sau: Browser gửi yêu cầu Browser Server Server gửi trả tài liệu 1.2.5.2 Website động Về nội dung trang Web động trang Web tĩnh, ngồi cịn 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 Hoạt động Web động: Yêu cầu URL Form Kết nối CGI Dữ liệu trả CSDL Dữ liệu trả 1.3 HTML Trang Web kết hợp văn thẻ HTML HTML chữ viết tắt HyperText Markup Language hội đồng World Wide Web Consortium (W3C) quy định Một tập tin HTML chẳng qua tập tin bình thường, có đuôi html htm HTML giúp định dạng văn trang Web nhờ thẻ Hơn nữa, thẻ html liên kết từ cụm từ với tài liệu khác Internet Đa số thẻ HTML có dạng thẻ đóng mở Thẻ đóng dùng chung từ lệnh giống thẻ mở, | Page thêm dấu xiên phải (/) Ngôn ngữ HTML qui định cú pháp không phân biệt chữ hoa chữ thường Ví dụ, khai báo Khơng có khoảng trắng định nghĩa thẻ 1.3.1 Cấu trúc chung trang HTML Tiêu đề trang Web 1.4 CSS 1.4.1 CSS ? CSS  là từ viết tắt Cascading Style Sheets, tức ngôn ngữ dùng để định dạng phần tử ngôn ngữ đánh dấu (như HTML) tạo Hay nói cách khác, HTML định dạng phần tử có website tiêu đề, bảng biểu, tạo đoạn văn bản…, CSS giúp cho phần tử HTML trở nên phong phú, bật hơn, cách trang trí, đổi màu chữ, thêm màu sắc cho trang hay thay đổi cấu trúc trang… CSS hoạt động dựa vào việc tìm vùng chọn, ví dụ thẻ HTML, class, tên ID… Kế đến, áp dụng thuộc tính cần thay đổi lên vùng chọn 1.4.2 Các thuật ngữ phổ biến Cascading style sheet gì? Một số thuật ngữ phổ biến mà bạn cần biết của ngôn ngữ CSS là selectors, properties, values 10 | P a g e  Lưu trữ: Lưu trữ đĩa chuyển đổi liệu từ sở liệu sang sở liệu khác, bạn sử dụng cho quy mơ nhỏ, bạn chọn sở liệu nhỏ như: Microsoft Exel, Microsoft Access, MySQL, Microsoft Visual FoxPro… Nếu ứng dụng có quy mơ lớn, bạn chọn sở liệu có quy mô lớn như: SQL Server…  Truy cập: Truy cập liệu phụ thuộc vào mục đích yêu cầu người sử dụng, mức độ mang tính cục bộ, truy cập sỏ liệu sở liệu với nhau, nhằm trao đổi hay xử lí liệu bên nó, mục đích u cầu người dùng vượt ngồi sở liệu, nên bạn cần có phương thức truy cập liệu sở dử liệu với như: Microsoft Access với SQL Server, hay SQL Server  Tổ chức: Tổ chức sở liệu phụ thuộc vào mơ hình sở liệu, phân tích thiết kế sở liệu tức tổ chức sở liệu phụ thuộc vào đặc điểm riêng ứng dụng Tuy nhiên tổ chức sở liệu cần phải tuân theo số tiêu chuẩn hệ thống sở liệu nnhằm tăng tính tối ưu truy cập xử lí  Xử lí: Tùy vào nhu cầu tính toán truy vấn sở liệu với mục đích khác nhau, cần phải sử dụng phát biểu truy vấn phép toán, phát biểu sở liệu để xuất kết yêu cầu Để thao tác hay xử lí liệu bên sở liệu ta sử dụng ngơn ngữ lập trình như: PHP, C++, Java, Visual Basic… CHƯƠNG XÂY DỰNG ỨNG DỤNG THỰC TẾ Trong chương phân tích yêu cầu đề tài việc tóm tắt hoạt động hệ thống mà dự án ứng dụng, phạm vi ứng dụng đề tài đối tượng sử dụng, mục đích dự án Xác định yêu cầu người dùng: Xuất phát từ hệ thống hành quản lý với yêu cầu người đọc để vạch yêu cầu hệ thống cần xây dựng việc thiết kế giao diện, yêu cầu chức , biểu đồ hoạt động chức hệ thống thông tin sở liệu chương trình 20 | P a g e ... cộng thêm vấn đề thời gian đề tài ? ?Xây dựng Website Laptop mới? ?? dừng mức 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 Website với mục... TIN BÁO CÁO THỰC TẬP WEB Đề tài: Xây dựng Website Laptop Giáo viên hướng dẫn : TRẦN HỒNG VIỆT Sinh viên nhóm : NHÓM Họ Tên : NGUYỄN THỊ NGA MSV : 17103100321 HÀ NỘI - 2020 | Page MỤC LỤC BÁO CÁO... BÁO CÁO THỰC TẬP WEB BÁO CÁO THỰC TẬP WEB LỜI NÓI ĐẦU .5 TÓM TẮT ĐỒ ÁN 1.2 Web 1.2.1 Các khái niệm Web 1.2.2 Cách tạo trang Web