Đang tải... (xem toàn văn)
Đồ án tốt nghiệp này là kết quả của quá trình tích lũy và vận dụng kiến thức mà em đã tiếp thu được trong suốt thời gian đại học. Vì thế, đầu tiên em xin được gửi lời cảm ơn sâu sắc tới các thầy cô giáo trong trường Đại học Bách Khoa Hà Nội đã tận tình giảng dạy, truyền đạt cho em những kiến thức, những kinh nghiệm quý báu trong những năm tháng học tập dưới mái trường Bách Khoa. Đặc biệt, em rất biết ơn các thầy cô trong khoa Công nghệ Thông tin, bộ môn Truyền Thông và Mạng, các thầy cô đã tạo cho chúng em một môi trường sống và học tập thật hoàn hảo.
Lời mở đầu Đồ án tốt nghiệp kết q trình tích lũy vận dụng kiến thức mà em tiếp thu suốt thời gian đại học Vì thế, em xin gửi lời cảm ơn sâu sắc tới thầy cô giáo trường Đại học Bách Khoa Hà Nội tận tình giảng dạy, truyền đạt cho em kiến thức, kinh nghiệm quý báu năm tháng học tập mái trường Bách Khoa Đặc biệt, em biết ơn thầy cô khoa Công nghệ Thông tin, môn Truyền Thông Mạng, thầy cô tạo cho chúng em môi trường sống học tập thật hoàn hảo Em xin gửi lời cảm ơn đến thầy giáo hướng dẫn Thầy Nguyễn Linh Giang – môn Truyền Thông Mạng, khoa Công nghệ Thông tin, trường Đại học Bách Khoa Hà Nội định hướng cho em, đồng thời người hết lòng giúp đỡ, hướng dẫn dạy tận tình q trình em thực hồn thành đồ án tốt nghiệp Em xin gửi tới Thầy lòng biết ơn sâu sắc Cuối cùng, em xin gửi lời cảm ơn chân thành tới gia đình, người thân, bạn bè động viên, chăm sóc, đóng góp ý kiến giúp đỡ q trình học tập, nghiên cứu hoàn thành đồ án tốt nghiệp Sau đây, em xin trình bày nội dung báo cáo đồ án tốt nghiệp Báo cáo chia thành chương phần kết luận: - Chương 1: Giới thiệu đề tài - Chương 2: Web 2.0 công nghệ Web 2.0 - Chương 3: Phân tích, thiết kế, cài đặt WebSite bán hàng - Kết Luận Sinh viên thực hiện: BO RATTANA Khoá K48 Lớp: TT&MMT Page MỤC LỤC Chương 1: Giới thiệu đề tài………………………………………………………… 1.1.Giới thiệu đề tài……………………………………………………………… 1.1.1.Đặt vấn đề 1.1.2.Nội dung đề tài 1.1.3 Phạm vi đồ án 1.1.4 Một vài ứng dụng Web 2.0 Chương 2: Web 2.0 công nghệ AJAX……………………………………………10 2.1.Công nghệ Web hệ thứ hai – Web 2.0………………………………………10 2.1.1.Sự phát triển Web 2.0 10 2.1.2.Các đặc tính Web 2.0 11 2.1.3 Toàn cảnh Web 2.0 qua định nghĩa .13 2.1.4 Những vấn đề Web 2.0 .15 2.1.5 Web 2.0 Web 1.0 16 2.1.6 10 đại diện tiêu biểu Web 2.0 18 2.1.7 Nhận định 24 2.2 Công nghệ AJAX……………………………………………………………… 25 2.2.1 Q trình phát triển cơng nghệ ứng dụng Web .25 2.2.2 AJAX gì? 28 2.2.3 Các vấn đề nảy sinh đời AJAX 29 2.2.4 Các mạnh AJAX 30 2.2.5 Các điểm yếu AJAX 33 2.2.6 Các công nghệ chủ yếu AJAX .34 2.2.6.1 CSS 34 2.2.6.2 DOM 39 2.2.6.3 XML, XMLHttpRequest việc truyền liệu không đồng bộXML gì? 45 Chương 3: Phân tích thiết kế, cài đặt……………………………………………….61 3.1.Đặc tả chức website……………………………………………….61 3.1.1.Đặc tả chức người dùng 61 3.1.1.1.Chức xem mục sản phẩm 61 3.1.1.2.Chức xem sản phẩm nhóm 62 Sinh viên thực hiện: BO RATTANA Khoá K48 Lớp: TT&MMT Page 3.1.1.3.Chức xem sản phẩm 63 3.1.1.4.Chức đặt mua hàng trực truyến .63 3.1.1.5 Chức đăng ký thành viên .64 3.1.2.Các chức quản trị website .65 3.2.Các biểu đồ……………………………………………………………………… 66 3.2.1.Biểu đồ Use Case 66 3.2.1.1.Biều đồ UseCase theo hướng Admin .67 3.2.1.2.Biểu đồ UseCase theo hướng Customer 70 3.2.1.3.Biểu đồ UseCase theo hướng Guest 72 3.3.Cơ sở liệu…………………………………………………………………… 74 3.4 Cấu trúc file website……………………………………………………… 77 KẾT LUẬN………………………………………………………………………… 78 Danh mục tài liệu tham khảo………………………………………………… 79 DANH MỤC CÁC BẢNG Manager………………………………………………………………………………77 Customer…………………………………………………………………………… 77 Mat_hang…………………………………………………………………………… 78 Cart……………………………………………………………………………………78 Don_hang…………………………………………………………………………… 79 DANH MỤC CÁC HÌNH ẢNH Sinh viên thực hiện: BO RATTANA Khố K48 Lớp: TT&MMT Page Hình 1: WebSite bán quàn áo Hình 2: WebSite bán hoa Hình 3: Các ứng dụng xây dựng tảng Web 2.0 14 Hình 4: Người dùng tự chủ .14 Hình 5: Web 2.0 - đặc trưng tích hợp .15 Hình 6: Thế hệ tạo nên mặt Web 2.0 17 Hình 7: Các tiện ích thời đại - Web 2.0 17 Hình 8: Mơ hình tương tác ứng dụng Web truyền thống 31 Hình 9: So sánh mơ hình ứng dụng Web: truyền thống sử dụng AJAX 32 Hình 10: Mơ hình tương tác ứng dụng Web dùng AJAX .32 Hình 11: Tài liệu CSS .35 Hình 12: HTML Document Object Model (HTML DOM) .40 Hình 13: XML Document Object Model (XML DOM) 40 Hình 14: Mối quan hệ XML HTML 46 Hình 15: Cấu trúc tài liệu XML .48 Hình 16: Mơ hình tương tác chuẩn ứng dụng AJAX 52 Hình 17: Xem mục sản phẩm 62 Hình 18: Sản phẩm nhóm .62 Hình 19: Xem sản phẩm 63 Hình 20: Mua hàng 64 Hình 21: Đăng ký 64 Hình 22: Đăng nhập 65 Hình 23: Trang Admin 65 Hình 24: Thêm sản phẩm 66 Hình 25: UseCase Admin .67 Hình 26: UseCase Customer 70 Hình 27: UseCase Guest 72 Hình 28: Hình cấu trúc file .77 DANH SÁCH TỪ VIẾT TẮT [1] AJAX Asynchronous JavaScript and XML Sinh viên thực hiện: BO RATTANA Khoá K48 Lớp: TT&MMT Page [2] COM Component Object Model [3]CSDL Cơ sở liệu [4] CSS Cascading Style Sheet [5] DOM Document Object Model [6] GUI Graphic User Interface [7] HTML HyperText Markup Language [8] HTTP HyperText Transfer Protocol [9] J2EE Java Platform, Enterprise Edition [10] JSP Java Server Page [11] LGPL Lesser General Public License [12] MVC Model View Controller [13] OLE Object Linking Embeding [14] OMG Object Management Group [15] XML eXtensible Markup Language [16] XSLT eXtensible Style Language Transforming [17] URL Uniform Resource Location [18] UI User Interface Chương 1: Giới thiệu đề tài Trong chương này, trước hết em muốn trình bày đơi nét ý tưởng chọn lựa thực đề tài “Tìm hiều web 2.0 xây dựng ứng dụng web bán hàng” Tiếp theo nội dung bản, ứng dụng thực tế phạm vi thực đề tài Sinh viên thực hiện: BO RATTANA Khoá K48 Lớp: TT&MMT Page Xuất phát từ mục đích đó, chương chia thành phần: - Giới thiệu chung đề tài nội dung đề tài - Phạm vi đề tài - Các ứng dụng thực tế 1.1.Giới thiệu đề tài 1.1.1.Đặt vấn đề Thế giới ngày nay, với phát triển mạnh mẽ kỹ thuật số mạng tồn cầu, mạng máy tính điều vơ cần thiết dường thiếu Qua cơng cụ thống kê hữu ích phổ biến internet http:/Wikipedia.org/, http://vneconomy.com số đáng quan tâm đưa cách xác Từ blog thơng tin cá nhân hay website nhỏ có lượng truy cập lên tới hàng nghìn đến tập đồn lớn, uy tín Microsoft có lượng truy cập lên đến gần tỷ Khi Internet trở nên phổ biến người trở nên quen với môi trường mạng máy tính, lượng liệu truyền tải mạng trở thành số khổng lồ Khó đưa số xác cho khối lượng này, có điều chắn lượng liệu truyền tải số vô lớn tăng lên cách nhanh chóng ngày Phần mềm nói chung, phần mềm mạng nói riêng, website phát triển khơng ngừng Có nhiều vấn đề đặt chuẩn, bảo mật liệu vấn đề trội số cần phải xử lý để cải thiện hiệu giúp dễ dàng tiếp cận với kho thông tin vơ tận mạng máy tính Chúng ta nghe đến cụm từ Web 2.0 Với người dùng mạng máy tính thơng thường, họ khơng quan tâm nhiều đến khái niệm mà họ quan tâm trực tiếp đến việc cung cấp sử dụng Cơng nghệ Web hệ thứ - Web 2.0 bước đột phá Web 2.0 xem cách mạng giới mạng, hệ web có thay đổi quan trọng không tảng công nghệ mà cịn cách thức sử dụng - hình thành nên mơi trường cộng đồng, người tham gia đóng góp cho xã hội "ảo" không "duyệt xem" Khi Web trở thành môi trường cộng đồng vấn đề liệu trở nên quan trọng Và đến khẳng định chắn cần phải có cách thức khác để xử lý lượng liệu khổng lồ Web 2.0 xuất đồng thời với cụm từ khái niệm AJAX Để không nhầm lẫn, cần phải khẳng định điều, Web 2.0 Sinh viên thực hiện: BO RATTANA Khoá K48 Lớp: TT&MMT Page AJAX Thế hệ Web 2.0 xuất với công nghệ tảng thay đổi lớn, AJAX công nghệ trội Trong chương sau xem xét kỹ công nghệ Ngày nay, giới IT có phân biệt rõ ràng người làm sản phẩm người dùng sản phẩm Nếu truy nhập Internet, thấy người tạo sản phẩm cho riêng dù khơng phải kỹ sư IT, chun gia hay lập trình viên Đó nhờ cải thiện lớn chuẩn vấn đề liệu Có tự hỏi ai, công ty nào, hãng phần mềm sáng tạo đưa sản phẩm đến với chúng ta? Ở giới người “chế tác” phần mềm hãng cung cấp phần mềm giới chuyên nghiệp IT., từ việc nghĩ ý tưởng đến việc hình thành sản phẩm sử dụng quy trình Có lẽ khơng thể nắm tất phần mềm mà ta dùng đời vào ngày tháng nào? Phần mềm gia cơng lâu đến tay khách hàng? Người dùng quan tâm đến tính sử dụng Chúng ta có quyền lựa chọn sản phẩm Nhưng vấn đề kể lại điều quan tâm hãng cung cấp phần mềm, vấn đề nhà kinh doanh Ngay người lập trình nhỏ quan tâm đến việc để dễ dàng thực ý tưởng mà không nhiều thời gian công sức Trên thực tế, khơng phải họ khơng có đủ khả mà câu hỏi đặt “vì phải hì hục cặm cụi làm từ số hồn tồn dễ dàng sử dụng lại có tiếp tục tập trung hết tâm huyết xây dựng ý tưởng mình”? Việc sử dụng lại điều vơ phù hợp bối cảnh công nghệ phát triển nhanh đến chóng mặt Đối với người lập trình, khơng có khơng sử dụng cơng cụ để xây dựng ý tưởng thành sản phẩm Cơng cụ chương trình lớn Microft Visual Studio để lập trình Microsoft.Net hay Eclipse để lập trình mã nguồn mở Java nhỏ thư viện lập trình Các thư viện lập trình biết đến cách phổ biến qua file dll, ocx Công nghệ phát triển nhanh, khả kế thừa sử dụng lại lớn, lý thư viện lập trình biết đến rộng rãi Theo xu hướng công nghệ, Web 2.0 AJAX đời, thư viện lập trình theo mà chuyển đưa mặt Nếu duyệt qua website số hãng phần mềm thấy cụm từ “AJAX enabled”, điều nói lên thư viện hỗ trợ công nghệ AJAX Sinh viên thực hiện: BO RATTANA Khoá K48 Lớp: TT&MMT Page Sự phát triển cac website bán hàng khơng nằm ngồi quy luật này, xu hướng tốt, tiết kiệm nhiều thời gian chi phí cho người bán hàng người mua hàng Trên giới, tìm rất nhiều website bán hàng, site áp dụng hầu hết công nghệ có giới đem lại nguồn lợi to lớn.Đó lý em áp dụng công nghệ 2.0 vào website bán hàng,cụ thể trang bán hàng đồ chơi 1.1.2.Nội dung đề tài Nội dung đề tài: Tìm hiểu web 2.0 Áp dụng cơng nghệ web 2.0 vào site bán hàng Mục tiêu đề tài: xây dựng website bán hàng có áp dụng số công nghệ web 2.0 1.1.3 Phạm vi đồ án 1.1.3.1 Phạm vi thực Trong khả mình, em xây dựng website bán hàng máy tính xách tay dựa ngơn ngữ thiết kê web PHP có áp dụng thêm module áp dụng công nghệ web 2.0 tiêu biểu chức Search 1.1.3.2 Khả áp dụng Khả áp dụng thực tế website lớn, đảm bảo công việc thương mại cho cửa hàng vừa nhỏ Sinh viên thực hiện: BO RATTANA Khoá K48 Lớp: TT&MMT Page 1.1.4 Một vài ứng dụng Web 2.0 Hình 1: WebSite bán quàn áo Hình 2: WebSite bán hoa Sinh viên thực hiện: BO RATTANA Khoá K48 Lớp: TT&MMT Page Chương 2: Web 2.0 công nghệ AJAX Trong chương em trình bày hệ Web 2.0, công nghệ tảng AJAX - công nghệ làm xoay chuyển giới Web Từ mục đích trên, chương 2, tìm hiểu phần sau: - Web hệ thứ - Web 2.0, phát triển nội dung chủ yếu - Công nghệ AJAX, định nghĩa, điểm mạnh, điểm yếu, chi tiết, ứng dụng 2.1.Công nghệ Web hệ thứ hai – Web 2.0 2.1.1.Sự phát triển Web 2.0 Được xem cách mạng giới mạng, hệ web có thay đổi quan trọng không tảng cơng nghệ mà cịn cách thức sử dụng hình thành nên mơi trường cộng đồng, người tham gia đóng góp cho xã hội “ảo” khơng “duyệt xem” Web 2.0 gì? Làm phân biệt đâu Web 1.0 đâu Web 2.0? Thuật ngữ “Web 2.0” trở nên phổ biến Thực chất, Web 2.0 có nghĩa sử dụng web với chất khả Mục tiêu người tiên phong xây dựng Internet nhằm kết nối nhà nghiên cứu máy tính họ với để chia sẻ thông tin hiệu Khi bổ sung World Wide Web (năm 1990), Tim Berners-Lee nhằm mục tiêu tạo phương tiện cho phép người dùng tự đưa thông tin lên Internet dễ dàng chia sẻ với người (trình duyệt web Berners-Lee viết bao gồm công cụ soạn thảo trang web) Tuy nhiên, sau web phát triển theo hướng khác mục tiêu ban đầu Tuy có số ngoại lệ giới Web 1.0 (thế hệ web trước Web 2.0) chủ yếu gồm website “đóng” hãng thông hay công ty nhằm mục đích tiếp cận độc giả hay khách hàng hiệu Nó phương tiện phát tin phương tiện chia sẻ thông tin Chỉ đến gần đây, với xuất nhiều kỹ thuật blog (hay weblog), wiki web trở nên có tính cộng đồng (và cộng tác) trở nên gần với kỳ vọng khả thực Khái niệm WEB 2.0 Dale Dougherty, phó chủ tịch O’Reilly Media, đưa hội thảo Web 2.0 lần thứ O’Reilly Media MediaLive Sinh viên thực hiện: BO RATTANA Khoá K48 Lớp: TT&MMT Page 10