TRƯỜNG ĐẠI HỌC BÁCH KHOA HÀ NỘI VIỆN CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ──────── * ─────── ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC NGÀNH CÔNG NGHỆ THÔNG TIN Xây dựng bộ thư viện lập trình JOOB Lib Ứng dụng:Xõy dựng mạng xã hội địa điểm trên di động Sinh viên thực hiện : Bùi Kim Dung Lớp Công nghệ phần mềm A – K51 Giáo viên hướng dẫn: Thầy Hoàng Anh Việt 1 HÀ NỘI 6 - 2011 PHIẾU GIAO NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP 1. Thông tin về sinh viên Họ và tên sinh viên: Điện thoại liên lạc : Email: Lớp: Công nghệ phần mềm K51 Hệ đào tạo: Đại học chính quy Đồ án tốt nghiệp được thực hiện tại: Bộ môn Công nghệ phần mềm, Viện CNTT & Truyền Thông – Đại học Bách Khoa Hà Nội Thời gian làm ĐATN: Từ ngày 15 / 01 / 2011 đến 25 / 05 /2011 2. Mục đích nội dung của ĐATN Xây dựng thư viện lập trình PHP Joob Lib đơn giản hóa việc lập trình các ứng dụng web bằng PHP. Ứng dụng: mạng xã hội địa điểm trên di động sử dụng Google Maps API 3. Các nhiệm vụ cụ thể của ĐATN • Tìm hiểu mô hình lập trình ứng dụng web và các framework lập trình • Xõy dưng phiên bản 1.0 của bộ thư viện Joob Lib • Ứng dụng Joob Lib để xây dựng hệ thống cụ thể (mạng xã hội địa điểm trên di động Joob) 4. Lời cam đoan của sinh viên: Tôi – Bùi Kim Dung - cam kết ĐATN là công trình nghiên cứu của bản thân tôi dưới sự hướng dẫn của Thầy Hoàng Anh Việt. Các kết quả nêu trong ĐATN là trung thực, không phải là sao chép toàn văn của bất kỳ công trình nào khác. Hà Nội, ngày 22 tháng 5 năm 2011 Tác giả ĐATN Bùi Kim Dung 5. Xác nhận của giáo viên hướng dẫn về mức độ hoàn thành của ĐATN và cho phép bảo vệ: Hà Nội, ngày tháng năm Giáo viên hướng dẫn Thầy Hoàng Anh Việt 2 TÓM TẮT NỘI DUNG ĐỒ ÁN TỐT NGHIỆP Mục tiêu của người viết luận văn là xây dựng bộ thư viện Joob, nhằm hỗ trợ xây dựng các ứng dụng web 2.0, cung cấp kiến trúc MVC tiêu chuẩn cho các nhà phát triển, đồng thời hỗ trợ việc phát triển ứng dụng web nhanh và đơn giản hơn, đặc biệt là các thao tác xử lý với cơ sở dữ liệu. Joob ra đời với nhiệm vụ giải quyết vấn đề lập trình phía máy chủ cho các ứng dụng web, với hỗ trợ từ phớa mỏy khỏch là Joo Framework, do đó Joob được thiết kế để tối ưu hóa cho mô hình AJAX và ứng dụng một trang (Single page application). Người viết luận văn đã nghiên cứu trờn cỏc mô hình trước đó và một số framework tiêu biểu như Zend Framework hay Hibernate Framework, sau đó thiết kế các giải pháp nhằm kế thừa những ưu điểm, khắc phục nhược điểm của những mụ hỡnh này. Kiến trúc hệ thống của Joob là kết quả của quá trình nghiên cứu và tích hợp các giải pháp thu được – với điểm mạnh là sự nhỏ gọn và tốc độ nhanh. Joob đã được triển khai thực tế trên hệ thống mạng xã hội địa điểm cùng tên, đây là một mạng xã hội được tích hợp với các chức năng về địa điểm và tối ưu cho điện thoại di động. 3 ABSTRACT OF THESIS The goal of this thesis is to develop Joob library, a lightweight library for building web 2.0 applications. Joob provides a normalized MVC architecture, helps developers build web applications quickly and efficiently, especially when interacting with databases. Joob solves the problems in server-side web application programming with the support of Joo Framework in client-side. Joob are designated mainly for AJAX model and Single Page Application. The author has researched some major existing frameworks, especially Zend Framework and Hibernate Framework, designed a solution which made use of some advantages of those platforms and remedy their disadvantages. The architecture of JOO Framework is the result of a long progress of researching, implementing and testing, with the advantages of its lightweight and high performance characteristics. Joob has been deployed in a location-based social network, which provides some location-based features besides the traditional social features. 4 LỜI CẢM ƠN Đầu tiên, em xin gửi lời cảm ơn chân thành sâu sắc đến các thầy cô giáo trong trường đại học Bách Khoa Hà Nội nói chung và các thầy cô giáo trong Viện Công nghệ thông tin và truyền thông nói riêng, nhất là các thầy cô giáo trong bộ môn Công nghệ phần mềm, đã tận tình giảng dạy, cho em niềm đam mê với ngành học, đồng thời truyền đạt cho em nhiều kiến thức, kinh nghiệm quý báu trong suốt 5 năm vừa qua. Đặc biệt, em xin gửi lời cảm ơn đến thầy Hoàng Anh Việt, người đã hướng dẫn và chỉ bảo em trong suốt giai đoạn thực tập chuyên ngành và toàn bộ quá trình làm đồ án tốt nghiệp. Làm việc với thầy, em không chỉ nhận được những kiến thức chuyên ngành cần có, mà ở thầy em còn nhận được nhiệt huyết tìm hiểu, sự đam mê công việc, tình cảm của một người anh, và nhất là những định hướng, động viên. Nhờ đó em đã hình thành cho mình một định hướng tương lai đầy đủ, vững chắc. Một lần nữa, xin cảm ơn thầy! Không thể thiếu được là lời cảm ơn em muốn gửi tới thầy Lê Quốc – bộ môn Công nghệ phần mềm, Viện Công nghệ thông tin và truyền thông, ĐH Bách Khoa Hà Nội, và công ty Cazoodle Việt Nam, cùng với tất cả các thành viên trong nhóm BKProfile Team. Thời gian làm việc cùng nhóm BKProfile tại công ty Cazoodle dưới sự hướng dẫn, động viên và góp ý của thầy Lê Quốc cùng với sự cổ vũ và nhiệt huyết làm việc đầy đam mê, sáng tạo của các thành viên trong đội ngũ phát triển BKProfile, em đã học hỏi được rất nhiều từ tinh thần và cách làm việc của các bạn. Không có thầy và các bạn, có lẽ đồ án này của em không bao giờ hoàn thành tốt được. Đồng thời, em xin gửi lời cảm ơn tới công ty Nes Inc cùng toàn thể anh chị em đồng nghiệp làm việc tại công ty đã giúp đỡ và cổ vũ em rất nhiều trong quá trình làm đồ án. Đây cũng là nơi giúp em hình thành ý tưởng và bắt đầu những dòng code đầu tiên cho đồ án tốt nghiệp. Cuối cùng, em xin gửi lời cảm ơn chân thành nhất tới tất cả bạn bè, đồng nghiệp, và người thõn… Những người đó bờn em, động viên, đóng góp ý kiến và giúp đỡ em trong suốt khoảng thời gian vừa qua. Hà Nội, tháng 5 năm 2011 Chân thành cảm ơn! 5 MỤC LỤC PHIẾU GIAO NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP 2 TÓM TẮT NỘI DUNG ĐỒ ÁN TỐT NGHIỆP 3 ABSTRACT OF THESIS 4 LỜI CẢM ƠN 5 MỤC LỤC 6 DANH MỤC CÁC BẢNG 7 DANH MỤC CÁC HèNH MINH HỌA 8 DANH MỤC CÁC TỪ VIẾT TẮT 9 PHẦN MỞ ĐẦU 10 CHƯƠNG 1 – BÀI TOÁN XÂY DỰNG ỨNG DỤNG WEB 11 VÀ CÁC FRAMEWORK MÃ NGUỒN MỞ 11 CHƯƠNG 2 – MÔ HÌNH JOOB - LIB ĐỀ XUẤT 22 CHƯƠNG 3 - ỨNG DỤNG JOOB LIB 37 MẠNG XÃ HỘI ĐỊA ĐIỂM TRấN DI ĐỘNG 37 52 53 CHƯƠNG 4 - KẾT LUẬN VÀ ĐÁNH GIÁ 55 4.1.Kết quả đạt được 55 4.2.Những khó khăn và thuận lợi 55 4.3.Phương hướng phát triển 55 TÀI LIỆU THAM KHẢO 57 6 DANH MỤC CÁC BẢNG Hình 1 – Table Data Gateway pattern 16 Hình 2 - Sơ đồ tổng quan hệ thống Joo framework 17 Hình 3 - Mô hình xử lý dữ liệu của một ứng dụng xây dựng trên JOO framework 18 Hình 4 – Mô hình ứng dụng MVC 24 Hình 5 – Biểu đồ tuần tự mô hình MVC đơn giản 25 Hình 6 – Kiến trúc Hibernate Framework 28 Hình 7 – Kiến trúc tổng quan Joob framework 29 Hình 8 – Biểu đồ lớp Joob Model 31 Bảng 1a – So sánh tính năng của Joob với một số framework hiện tại 34 Bảng 1b – So sánh tính năng của Joob với một số framework hiện tại 35 Bảng 2 – Yêu cầu về môi trường của mạng xã hội Joob 38 Bảng 3 – Yêu cầu về giao diện của mạng xã hội Joob 38 Bảng 4 – Danh sách các chức năng phía người dùng 38 Hình 9 – Sơ đồ usecase của người dùng trong mạng xã hội Joob 40 Bảng 5a – Mô tả yêu cầu phía người dùng 41 Bảng 5b – Mô tả yêu cầu phía người dùng 41 Bảng 5c – Mô tả yêu cầu phía người dùng 42 Bảng 6 – Danh sách các chức năng phía quản trị hệ thống 42 Hình 10 – Sơ đồ usecase của quản trị trong mạng xã hội Joob 43 Bảng 7a – Mô tả yêu cầu phía quản trị 44 Bảng 7b – Mô tả yêu cầu phía quản trị 44 Hình 11 – Biểu đồ thành phần tổng quan mạng xã hội Joob 45 Hình 12 – Sơ đồ quan hệ thực thể cơ sở dữ liệu mạng xã hội Joob 46 Hình 13 – Biểu đồ lớp thành phần Model 47 Hình 14 – Biểu đồ lớp thành phần Module 48 Hình 15 – Sơ đồ lớp Map.js 50 Hình 16 – Sơ đồ thiết kế giao diện Joob 51 Hình 17 – Giao diện trang chủ 52 Hình 18 – Giao diện trang địa điểm 52 Hình 19 – Giao diện trang cập nhật của người dùng 53 Hình 20 – Trang web daisyfishing.com được viết trên Joob 54 7 DANH MỤC CÁC HèNH MINH HỌA Hình 1 – Table Data Gateway pattern 16 Hình 2 - Sơ đồ tổng quan hệ thống Joo framework 17 Hình 3 - Mô hình xử lý dữ liệu của một ứng dụng xây dựng trên JOO framework 18 Hình 4 – Mô hình ứng dụng MVC 24 Hình 5 – Biểu đồ tuần tự mô hình MVC đơn giản 25 Hình 6 – Kiến trúc Hibernate Framework 28 Hình 7 – Kiến trúc tổng quan Joob framework 29 Hình 8 – Biểu đồ lớp Joob Model 31 Bảng 1a – So sánh tính năng của Joob với một số framework hiện tại 34 Bảng 1b – So sánh tính năng của Joob với một số framework hiện tại 35 Bảng 2 – Yêu cầu về môi trường của mạng xã hội Joob 38 Bảng 3 – Yêu cầu về giao diện của mạng xã hội Joob 38 Bảng 4 – Danh sách các chức năng phía người dùng 38 Hình 9 – Sơ đồ usecase của người dùng trong mạng xã hội Joob 40 Bảng 5a – Mô tả yêu cầu phía người dùng 41 Bảng 5b – Mô tả yêu cầu phía người dùng 41 Bảng 5c – Mô tả yêu cầu phía người dùng 42 Bảng 6 – Danh sách các chức năng phía quản trị hệ thống 42 Hình 10 – Sơ đồ usecase của quản trị trong mạng xã hội Joob 43 Bảng 7a – Mô tả yêu cầu phía quản trị 44 Bảng 7b – Mô tả yêu cầu phía quản trị 44 Hình 11 – Biểu đồ thành phần tổng quan mạng xã hội Joob 45 Hình 12 – Sơ đồ quan hệ thực thể cơ sở dữ liệu mạng xã hội Joob 46 Hình 13 – Biểu đồ lớp thành phần Model 47 Hình 14 – Biểu đồ lớp thành phần Module 48 Hình 15 – Sơ đồ lớp Map.js 50 Hình 16 – Sơ đồ thiết kế giao diện Joob 51 Hình 17 – Giao diện trang chủ 52 Hình 18 – Giao diện trang địa điểm 52 Hình 19 – Giao diện trang cập nhật của người dùng 53 Hình 20 – Trang web daisyfishing.com được viết trên Joob 54 8 DANH MỤC CÁC TỪ VIẾT TẮT STT Tên Giải thích 1 RIA Rich Internet Application, chỉ các ứng dụng chạy trên nền web nhưng mang đầy đủ đặc tính của một ứng dụng desktop. Được nhắc đến ở chương 1. 2 AJAX Asynchronous Javascript and XML. Thuật ngữ được ra đời năm 2005 dùng để chỉ một tập hợp các công nghệ hỗ trợ việc phát triển ứng dụng web theo cơ chế bất đồng bộ. 3 JSON Javascript Object Notation. Là định dạng để ký hiệu các đối tượng của ngôn ngữ Javascript, nhưng rất hay được dùng trong việc trao đổi dữ liệu, đặc biệt là trong mô hình AJAX. 4 ORM Object-relational mapping. (ORM, O/RM, and O/R mapping) là một kĩ thuật lập trình nhằm chuyển đổi dữ liệu giữa những hệ thống không tương thích (database) sang các ngôn ngữ lập trình hướng đối tượng 5 MVC Model – View – Controller. Là một kiến trúc, đồng thời cũng là một mẫu thiết kế trong lập trình hướng đối tượng. MVC hay được sử dụng trong các hệ thống web. 6 CRUD Create, Retrieve, Update, Delete. Các thao tác cơ bản đối với một đối tượng hoặc với cơ sở dữ liệu: tạo, tìm kiếm, cập nhật, xóa. 7 PHP PHP (viết tắt hồi quy "PHP: Hypertext Preprocessor") là một ngôn ngữ lập trình kịch bản hay một loại mã lệnh chủ yếu được dùng để phát triển các ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng quát. Nó rất thích hợp với web và có thể dễ dàng nhúng vào trang HTML 8 HTTP Hypertext Transfer Protocol. Giao thức truyền tải các dữ liệu siêu văn bản. Là giao thức cơ bản của truyền tải dữ liệu trên Internet 9 RDBMS Relation Database Management System. Hệ quản trị cơ sở dữ liệu. 10 MySQL Hệ quản trị cơ sở dữ liệu mã nguồn mở của Oracle. 11 URL Uniform Resource Locator: Là một định dạng được sử dụng để xác định một tài nguyên trên Internet, chỉ ra vị trí cũng như phương thức để truy cập tài nguyên đó. 12 UI User Interface: Giao diện người dùng. Chỉ các thành phần hiển thị và cung cấp tương tác giữa người dùng và hệ thống. 13 API Application Programming Interface. Là một giao diện cung cấp cho các nhà phát triển ứng dụng để thao tác với một hệ thống nào đó mà không cần phải quan tâm cách thức hoạt động bên trong hệ thống đó. 9 PHẦN MỞ ĐẦU Tóm tắt các nhiệm vụ đề ra trong ĐATN • Tìm hiểu mô hình lập trình ứng dụng web và các framework lập trình • Xây dưng phiên bản 1.0 của bộ thư viện Joob Lib • Ứng dụng Joob Lib để xây dựng hệ thống cụ thể (mạng xã hội địa điểm trên di động Joob) Môi trường thực hiện đồ án: • Bộ môn công nghệ phần mềm, Viện CNTT & TT – Đại học Bách Khoa Hà Nội Bố cục đồ án: bao gồm • Phần mở đầu: giới thiệu tóm tắt nhiệm vụ đề tài, xác định mục tiêu và phạm vi thực hiện. • Phần nội dung: có kết cấu bốn chương, nội dung chính như sau: Chương 1. Bài toán xây dựng ứng dụng web và các framework mã nguồn mở.Khái quát về trào lưu web 2.0, bài toán ứng dụng web và mạng xã hội địa điểm. Từ đó phân tích ưu nhược điểm một số framework phổ biến hiện tại. Đề xuất mục tiêu và nội dung của đồ án tốt nghiệp. Chương 2. Mô hình thư viện lập trình đề xuất. Trình bày các ý tưởng kế thừa từ các mô hình có sẵn, đề xuất mô hình Joob Lib, bao gồm kiến trúc tổng quan và kiến trúc chi tiết. Đánh giá tính hiệu quả của Joob Lib. Chương 3. Ứng dụng mạng xã hội địa điểm trên di động. Sau khi phân tích mô hình của Joob Lib, để làm rừ tớnh hiệu quả của Joob, chương này đi sâu phân tích và thiết kế kiến trúc chi tiết của một ứng dụng mạng xã hội địa điểm được xây dựng trên Joob Lib. Kết quả đạt được và đánh giá. Chương 4. Kết luận và đánh giá. Đánh giá kết quả đạt được, bao gồm tính hiệu quả của Joob Lib và ứng dụng mạng xã hội Joob. Các nhận định toàn bộ công việc đồ án và đề ra phương hướng phát triển tiếp theo. • Kết luận: đánh giá kết quả thực hiện đồ án, phân tích những thuận lợi, khó khăn khi thực hiện đồ án, và định hướng phát triển đồ án trong tương lai. 10 [...]... điểm + Tìm kiếm địa điểm ở gần dựa trên bản đồ google map + Bình chọn địa điểm yêu thích + Viết nhận xét cho địa điểm + Chia sẻ địa điểm qua facebook, twitter 1.3.2 Nhiệm vụ cụ thể của đồ án • Tìm hiểu mô hình lập trình ứng dụng đa tầng, Joo framework, xây dựng Joob Lib hỗ trợ và đơn giản hóa việc lập trình ứng dụng web • Xây dựng ứng dụng sử dụng Joob Lib: mạng xã hội địa điểm trên di động 1.4 Kết chương... Xem địa điểm trên google map & liệt kê địa điểm ở gần + Danh sách địa điểm theo danh mục + Thêm địa điểm dựa trên bản đồ + Xem địa điểm trên google map & liệt kê địa điểm ở gần - Tương tác người dùng - địa điểm+ Tìm kiếm địa điểm+ Tìm kiếm địa điểm ở gần dựa trên bản đồ google map+ Bình chọn địa điểm yêu thích+ Viết nhận xét cho địa điểm+ Chia sẻ địa điểm qua facebook, twitter 20 + Tìm kiếm địa điểm +... những câu truy vấn SQL thông thư ng, hỗ trợ tốt cỏc kiờu quan hệ như một – nhiều, một – một giữa các quan hệ trong cơ sở dữ liệu - Đơn giản, nhỏ gọn & rút ngắn thời gian xây dựng các ứng dụng web sử dụng PHP – MySQL Để thử nghiệm và đánh giá Joob Lib, phần thứ 2 của đồ án là xây dựng một ứng dụng mạng xã hội địa điểm trên di động sử dụng Joob framework và thư viện lập trình Gooogle Maps với các tính... Thiết lập các quyền riêng tư + Các thông tin cơ bản + Thiết lập các quyền riêng tư - Tính năng mạng xã hội: + Cập nhật status, bình luận, thích + Cập nhật địa điểm tự động + Tìm kiếm người dùng ở gần, bạn bè ở gần + Cập nhật địa điểm tự động + Tìm kiếm người dùng ở gần, bạn bè ở gần - Quản lý địa điểm: + Quản lý danh mục địa điểm + Danh sách địa điểm theo danh mục + Thêm địa điểm dựa trên bản đồ + Xem địa. .. hướng web 2.0, bài toán xây dựng các ứng dụng web mà điển hình là các ứng dụng mạng xã hội hiện nay, cùng với các framework hỗ trợ cho việc xây dựng loại ứng dụng này Từ đó đưa ra những nhận định khách quan về ưu nhược điểm của các framework này Trong phần 1.3, người viết luận văn đã đề xuất mục tiêu xây dựng bộ thư viện hỗ trợ lập trình ứng dụng web hiệu quả sử dụng Joo Framework và trình bày cụ thể về... gần, tìm kiếm địa điểm xung quanh, cập nhật địa điểm yêu thích và chia sẻ vị trí của mình với bạn bè 13 Cùng với sự phát triển của các thiết bị di động thông minh (Android, Iphone ) hỗ trợ tốt Javascript, việc phát triển ứng dụng mạng xã hội địa điểm trên di động với những tính năng chia sẻ tiện lợi sẽ mang lại cho người dùng những trải nghiệm hoàn toàn khác so với mạng xã hội thông thư ng 1.1.3 Nhận... cho xe đạp, cho người đi bộ (những đường đi ngắn hơn 6.2 dặm) và xe hơi, và những địa điểm kinh doanh trong khu vực cũng như khắp nơi trên thế giới Lúc đó chúng ta có thể nhấp và kéo bản đồ để xem ngay các khu vực lân cận Xem hình ảnh vệ tinh của vị trí mong muốn mà bạn có thể thu nhỏ, phóng to và quay • Ứng dụng mạng xã hội địa điểm trên di động Mạng xã hội, hay gọi là mạng xã hội ảo (social network)... và những điểm hiệu quả của mô hình xây dựng ứng dụng đa tầng và Hibernate framework Từ đó tìm cách kế thừa những ưu điểm của các mô hình này và đưa ra thiết kế cho bộ thư viện lập trình Joob Lib Trong phần thứ 2 của chương 2 đã đề xuất & trình bày về kiến trúc tổng quan của Joob Lib, cụ thể đi sâu vào phân tích chi tiết thành phần Joob Model và đưa ra đánh giá đối với tính hiệu quả của Joob Lib Để làm... framework là một framework được xây dựng trên Javascript sử dụng bộ thư viện Jquery, nhằm chuẩn hóa lại mô hình lập trình các ứng dụng web, quản lý và tối ưu hóa hiệu năng xử lý dữ liệu ở máy chủ, truyền dữ liệu phân tán qua mạng JOO ra đời giải quyết những trở ngại còn tồn tại trong quá trình xây dựng các ứng dụng này: có khả năng tương đương với những ứng dụng thông thư ng trên máy tính cá nhân, tương... giai đoạn thiết kế, cài đặt, đến kiểm thử) và thời gian nâng cấp một ứng dụng được xây dựng trên nền tảng JOO 19 1.3 Mục tiêu của đồ án tốt nghiệp 1.3.1 Mục tiêu của đồ án Với các phân tích đưa ra ở mục trên, người viết luận văn đề xuất bộ thư viện lập trình ứng dụng web đơn giản – Joob Lib xây dựng trên ngôn ngữ PHP với các đặc điểm như sau: - Phần client sử dụng Joo framework - Thiết kế theo mô hình . hình lập trình ứng dụng web và các framework lập trình • Xây dưng phiên bản 1.0 của bộ thư viện Joob Lib • Ứng dụng Joob Lib để xây dựng hệ thống cụ thể (mạng xã hội địa điểm trên di động Joob) Môi. hình lập trình ứng dụng web và các framework lập trình • Xõy dưng phiên bản 1.0 của bộ thư viện Joob Lib • Ứng dụng Joob Lib để xây dựng hệ thống cụ thể (mạng xã hội địa điểm trên di động Joob) 4 NỘI VIỆN CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ──────── * ─────── ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC NGÀNH CÔNG NGHỆ THÔNG TIN Xây dựng bộ thư viện lập trình JOOB Lib Ứng dụng:Xõy dựng mạng xã hội địa điểm trên