Trong thời đại công nghệ thông tin phát triển như vũ bão và được áp dụng vào nhiều lĩnh vực trong đời sống như giáo dục, y tế, quản lý,…Qua đó, người ta cũng thấy được tầm quan trọng xâu sắc của công nghệ thông tin. Trong thời kỳ hội nhập, kinh tế nước ta càng phát triển nhu cầu và mức sống của con người tăng lên, điển hình là phương tiện đi lại bằng ô-tô ngày càng được ưa chuộng nhất là tại các thành phố lớn. Tuy nhiên, cùng với sự phát triển đó thì dân số cũng không ngừng phát triển, diện tích đất càng được chú trọng. Trong các thành phố lớn, nơi đỗ xe sẽ được xây dựng nhiều hơn và có quy hoặch cụ thể hơn. Và vấn đề đặp ra là: khi bạn đang lái xe trên đường và muốn tìm một vị trí đỗ xe phù hợp để không mất thời gian, hay nhà bạn vừa mua xe và muốn tìm một bãi đỗ để thuận tiện mỗi khi bạn đỗ xe,… Với kiến thức đã học, qua đề tài này em muốn áp dụng công nghệ thông tin vào một phần nhỏ trong đời sống, cụ thể em sẽ xây dựng một website ứng dụng google maps nhằm hỗ trợ cho việc tìm kiếm vị trí, thông tin các bãi đỗ, đồng thời khi được ghé qua trang web người xem có thể đọc tin tức liên quan, tham khảo các dịch vụ hay bổ xung các kinh nghiệm để lái xe, sử dụng xe an toàn hơn. Và qua đây cũng nhằm quảng bá cho các bãi đỗ xe cũng như giúp họ ngày càng phát triển và hoàn thiện để phục vụ nhu cầu đời sống của xã hội.
Đồ án tốt nghiệp Khoa Công nghệ thông tin LỜI NÓI ĐẦU Trong thời điểm theo xu hướng phát triển toàn cầu Việt Nam phát triển mặt kinh tế, khoa học kỹ thuật, trình độ dân trí, Và nhu cầu người cao hơn, với nhu cầu lại người đã được đáp ứng với rất nhiều phương tiện giao thông đại xe hơi, máy bay, chí tên lửa, tàu khơng gian vũ trụ sẽ có vào tương lai không xa Nếu năm trước Việt Nam phương tiện chủ yếu được xem xe máy, xe dần chiếm lĩnh vị trí đó Nhưng vấn đề nơi đặt xe không đơn giản xe máy hay xe đạp, bạn có thừa tiền mua xe vấn đề để nó đâu, cách chỗ bạn bao xa, lái xe có tiện đường không, Bên cạnh đó, xu hướng sử dụng đồ trực tuyến để tìm vị trí, thơng tin, đường đi,…cho địa điểm cụ thể được áp dụng phổ biến đã có được nhiều hiệu ứng tốt từ người sử dụng Xuất phát từ nhu cầu xu hướng công nghệ trên, đồng thời được hướng dẫn tận tình thầy Phạm Trí Cơng, em đã chọn đề tài cho đồ án tốt nghiệp là: “Ứng dụng google maps xây dựng website tìm bãi đỗ xe oto” Hà nội, ngày 18 tháng 06 năm 2011 Sinh viên thực hiện: Nguyễn Thị Mai Nguyễn Thị Mai Lớp 49TH1 Đồ án tốt nghiệp Khoa Công nghệ thông tin LỜI CẢM ƠN Trong suốt trình học tập hoàn thành đồ án tốt nghiệp, em đã nhận được hướng dẫn, giúp đỡ quý báu thầy bạn Với lòng kính trọng biết ơn sâu sắc em xin được bày tỏ lới cảm ơn chân thành tới: Giảng Viên Phạm Trí Cơng người thầy đã tận tình giúp đỡ, trực tiếp bảo, hướng dẫn em suốt trình thực tập làm đồ án tốt nghiệp Trong trình học tập với thầy em không ngừng học tâp tiếp thu thêm được rất nhiều kiến thức bổ ích mà còn học tập được tinh thần làm việc, thái độ nghiên cứu nghiêm túc, hiệu Đây điều rất cần thiết cho em trình học tập làm việc sau Em cảm ơn thầy Các thầy cô trường Đại học Thủy Lợi nói chung thầy cô khoa Công nghệ thông tin nói riêng đã tận tình giảng dạy, truyền đạt cho em kiến thức kinh nghiệm quý báu suốt thời gian học tập tại trường Em xin gửi lời cảm ơn tới gia đình, bạn bè đã ln bên động viên, góp ý, giúp đỡ em suốt trình học tập Mặc dù em đã cố gắng hoàn thành đồ án tốt nghiệp với khả mình, lực kinh nghiệm còn hạn chế nên không tránh khỏi thiếu sót Em kính mong nhận được cảm thơng tận tình góp ý bảo thầy cô bạn Em xin chân thành cảm ơn! Nguyễn Thị Mai Lớp 49TH1 Đồ án tốt nghiệp Khoa Công nghệ thông tin MỤC LỤC Chương : .TỔNG QUAN 1.1 Giới thiệu đề tài .1 1.2 Nội dung đề tài 1.3 Chức website 1.4 Hướng giải .2 1.5 Lựa chọn công nghệ Chương : TÌM HIỂU MƠ HÌNH MVC, PHP, PHP FRAMEWORK 2.1 PHP 2.1.1 Giới thiệu PHP 2.1.1 Vì chọn PHP 2.2 Mơ hình MVC 10 2.2.1 Giới thiệu mơ hình MVC 10 2.2.2 Ưu nhược điểm mơ hình MVC 11 2.3 PHP Framework 12 2.3.1 PHP Framewrk gì? 12 2.3.2 Tại chúng ta nên sử dụng PHP Framework? .12 2.3.3 Khi nên sử dụng PHP Framework? .13 2.3.4 Những điểm cần lưu ý lựa chọn PHP Framework 14 2.3.5 PHP Framework phổ biến nhất 14 2.4 Kohana Framework 20 2.4.1 Giới thiệu Kohana .20 2.4.2 Cấu trúc Kohana 21 2.4.3 So sánh Kohana framework khác 23 2.4.4 Cài đặt Kohana 23 2.5 Simple Framework 25 2.5.1 Giới thiệu simple Framework MVC 25 2.5.2 Lợi ích sử dụng simple framework MVC 27 Nguyễn Thị Mai Lớp 49TH1 Đồ án tốt nghiệp Khoa Công nghệ thông tin Chương : GIỚI THIỆU GOOGLE MAPS API 29 3.1 Map API gì? .29 3.2 Google map API .32 Chương : PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 33 4.1 Phân tích hệ thống 33 4.1.1 Đối với người dùng 33 4.1.2 Đối với người quản trị .34 4.2 Thiết kế hệ thống 37 4.2.1 Biểu đồ phân cấp chức 37 4.2.2 Biểu UserCase 39 4.2.3 Mơ hình Sequence Diagram 41 4.3 Thiết kế CSDL .55 4.3.1 Các thực thể hệ thống .55 4.3.2 Mơ hình quan hệ thực thể hệ thống .58 4.3.3 Mô hình liệu 59 4.3.4 Các bảng sở liệu 60 Chương : THIẾT KẾ GIAO DIỆN VÀ XÂY DỰNG WEBSITE 63 5.1 Trang người dùng 63 5.2 Trang người quản trị .68 Chương : KẾT LUẬN 72 Nguyễn Thị Mai Lớp 49TH1 Đồ án tốt nghiệp Khoa Công nghệ thông tin TỔNG QUAN Chương : 1.1 Giới thiệu đề tài Trong thời đại công nghệ thông tin phát triển vũ bão được áp dụng vào nhiều lĩnh vực đời sống giáo dục, y tế, quản lý,…Qua đó, người ta thấy được tầm quan trọng xâu sắc công nghệ thông tin Trong thời kỳ hội nhập, kinh tế nước ta phát triển nhu cầu mức sống người tăng lên, điển hình phương tiện lại ơ-tơ ngày được ưa chuộng nhất tại thành phố lớn Tuy nhiên, với phát triển đó dân số khơng ngừng phát triển, diện tích đất được chú trọng Trong thành phố lớn, nơi đỗ xe sẽ được xây dựng nhiều có quy hoặch cụ thể Và vấn đề đặp là: bạn lái xe đường muốn tìm vị trí đỗ xe phù hợp để không mất thời gian, hay nhà bạn vừa mua xe muốn tìm bãi đỗ để thuận tiện bạn đỗ xe,… Với kiến thức đã học, qua đề tài em muốn áp dụng công nghệ thông tin vào phần nhỏ đời sống, cụ thể em sẽ xây dựng website ứng dụng google maps nhằm hỗ trợ cho việc tìm kiếm vị trí, thơng tin bãi đỗ, đồng thời được ghé qua trang web người xem có thể đọc tin tức liên quan, tham khảo dịch vụ hay bổ xung kinh nghiệm để lái xe, sử dụng xe an toàn Và qua nhằm quảng bá cho bãi đỗ xe giúp họ ngày phát triển hoàn thiện để phục vụ nhu cầu đời sống xã hội 1.2 Nội dung đề tài Trong đề tài này, trang web được xây dựng sẽ xoay quang nội dung chủ yếu: Tìm kiếm thơng tin vị trí bãi đỗ xe đồ Tìm kiếm thông tin cụ thể bãi đỗ xe như: giá cả, diện tích,… Cung cấp thơng tin bãi đỗ xe ô-tô, ô tô, giao thông,… Nguyễn Thị Mai Lớp 49TH1 Đồ án tốt nghiệp Khoa Công nghệ thông tin Các thông tin dịch vụ cung cấp liên quan đến xe ô –tô Cung cấp thông tin kinh nghiệm như: kinh nghiệm lái xe, đỗ xe, bão dưỡng xe,… Ngoài ra, người xem có thể trực tiếp đánh giá bãi đỗ qua comment 1.3 Chức website Chức quản trị website: Quản lý chuyên mục Quản lý viết Quản lý thông tin bãi đỗ Cập nhập, chỉnh sửa liệu thường xuyên Quản lý user phần admin Chức người dùng: Tìm kiếm thơng tin bãi đỗ Xem thông tin viết Đánh giá bãi đỗ thông qua comment 1.4 Hướng giải Để xây dựng được Website có tính thực tế cao, dễ sử dụng, thân thiện, thỏa mãn yêu cầu với người dùng yêu cầu: Cần phải khảo sát thông tin hệ thống cách chi tiết xác Phân tích liệu đầu vào, đầu cách rõ ràng, chặt chẽ xác Trên sở thông tin đã thu thập được tiến hành xây dựng sơ đồ chức ngiệp vụ, mơ hình UseCase, mơ hình Sequence Diagram, mơ hình Class Diagram, mơ hình quan hệ thực thể,mơ hình quan hệ… Nguyễn Thị Mai Lớp 49TH1 Đồ án tốt nghiệp Khoa Công nghệ thông tin Thiết kế số modul quan trọng( lưu trữ, tìm kiếm, xử lý thông tin) Thiết kế giao diện: Là yêu cầu quan trọng, giao diện phải đảm bảo vừa mang tính nghiệp vụ lại vừa đẹp mắt, dễ sử dụng,thân thiện với người dùng… Lập dự kiến xây dựng sở liệu cho hệ thống, phân tích, đánh giá được phạm vi lưu trữ, độ an toàn liệu vận hành Kết cuối hệ thống phải có tính ưu việt, khả xử lý được lượng thông tin lớn, lưu trữ khoa học, thuận tiện bảo mật cao 1.5 Lựa chọn công nghệ Hiện có rất nhiều công nghệ được sử dụng để phát triển website (PHP, ASP, ASP.NET, JSP ) để lựa chọn cơng cụ phát triển cách thích hợp dựa thơng số như: tính kinh tế, khả ứng dụng, mức độ bảo mật, môi trường hỗ trợ tốc độ xử lý Đây bảng so sánh công nghệ phát triển website: PHP: Tốc độ xử lý nhanh, hiệu cao Chi phí giá thành thấp(ngơn ngữ free khơng tốn chi phí mua quyền) Thời gian code triển nhanh, đơn giản Số lượng nhà cung cấp hosting nhiều, dễ lựa chọn Số nhà cung cấp website nhiều, khả chọn lựa trang web phù hợp tốt Khả mở rộng phát triển dễ dàng nhanh chóng Các công cụ công nghệ hỗ trợ phong phú, đa dạng Phát triển web web 2.0 Sử dụng cơng nghệ Ajax làm cho q trình duyệt web nhanh chóng thân thiện người dùng ASP.NET: Tốc độ xử lý nhanh, hiệu cao Nguyễn Thị Mai Lớp 49TH1 Đồ án tốt nghiệp Khoa Cơng nghệ thơng tin Chi phí giá thành cao (do phần phải mua quyền) Thời gian code triển khai phức tạp, chậm PHP Số lượng nhà cung cấp hosting khơng nhiều, khó cho việc lựa chọn Số nhà cung cấp website nhiều, khả chọn lựa trang web phù hợp tốt Mở rộng phát triển website dẽ dàng Các công cụ công nghệ hỗ trợ phong phú, đa dạng Phát triển web web 2.0 Sử dụng công nghệ Ajax làm cho trình duyệt web nhanh chóng thân thiện người dùng ASP Tốc độ xử lý rất chậm Chi phí giá thành trung bình (do phần phải mua quyền) Thời gian code triển khai trung bình Số lượng nhà cung cấp hosting khơng nhiều, khó cho việc lựa chọn Số nhà cung cấp website Khả mở rộng phát triển website khó khăn Công cụ cơng nghệ hỗ trợ ít, khó tìm JSP/java Hơi chậm Chi phí giá thành cao Thời gian code triển khai phức tạp, chậm PHP Số lượng nhà cung cấp hosting ít, khó tìm Số nhà cung cấp website ít, khả chọn lựa để xây dựng 1trang web phù hợp rất khó Khả mở rộng phát triển website khó khăn Nguyễn Thị Mai Lớp 49TH1 Đồ án tốt nghiệp Khoa Công nghệ thông tin Cơng cụ cơng nghệ hỗ trợ ít, khó tìm Đối với đa số website nên chọn ngôn ngữ phát triển website PHP/MySQL giá thành tương đối, tốc độ xử lý nhanh, dễ lựa chọn nhà cung cấp… Sau trình xem xét cân nhắc, em đã lựa chọn ngôn ngữ PHP/MySQL để xây dựng website đồng thời kết hợp với công cụ: Hệ quản trị sở liệu MYSQL 5.1.33 Framework MVC được viết ngôn ngữ PHP Thiết kế giao diện ngôn ngữ HTML CSS Cài đặt localhost window với XAMPP server version 1.7.1 để chạy chương trình Nguyễn Thị Mai Lớp 49TH1 Đồ án tốt nghiệp Khoa Công nghệ thơng tin Chương : TÌM HIỂU MƠ HÌNH MVC, PHP, PHP FRAMEWORK 2.1 PHP 2.1.1 Giới thiệu PHP PHP được phát triển từ ngôn ngữ kịch (script) với mục địch xây dựng trang Web cá nhân (Personal Home Page) Sau đó đã được phát triển thành ngơn ngữ hồn chỉnh được ưa chuộng tồn giói việc phát triển ứng dụng Web based PHP (viết tắt hồi quy "PHP: Hypertext Preprocessor") ngơn ngữ lập trình kịch hay loại mã lệnh chủ yếu được dùng để phát triển ứ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 có thể dễ dàng nhúng vào trang HTML Do được tối ưu hóa cho ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C Java, dễ học thời gian xây dựng sản phẩm tương đối ngắn so với ngôn ngữ khác nên PHP đã nhanh chóng trở thành ngôn ngữ lập trình web phổ biến nhất giới Chương trình PHP hoạt động nào? Trước tiên chúng ta hãy tìm hiểu cách thức hoạt động hệ trình duyệt (Web Client) máy chủ cung cấp dịch vụ Web (Web server ): Bước 1: Trình duyệt gửi yêu cầu HTTP đến máy chủ, yêu cầu file đó Bước 2: Máy chủ sẽ chuyển yêu cầu đến chương trình xử lý tương ứng, chương trình Web server Bước 3: Web server phân tích chuỗi yêu cầu nhận được, kiểm tra xem trình duyệt máy khách yêu cầu Nếu đó file bình thường (khơng phải file chứa đoạn mã script thực thi phía máy chủ), nó sẽ tìm kiếm file đó trả cho trình duyệt máy khách Còn đó file chứa đoạn mã script thực thi phía máy chủ (các chương trình CGI, hay file thư viện liên kết động ISAPI, file *.asp hay *.php), nó sẽ triệu gọi chương trình thực thi đoạn mã Chương trình sẽ chịu trách nhiệm chạy đoạn mã, trả chúng cho Web server khuôn dạng HTML Sau đó, Web server trả kết lấy được cho trình duyệt Nguyễn Thị Mai Lớp 49TH1 Đồ án tốt nghiệp Khoa Công nghệ thông tin 4.3.3 Mơ hình liệu Hình 4.41 Mơ hình liệu Nguyễn Thị Mai 59 Lớp 49TH1 Đồ án tốt nghiệp Khoa Công nghệ thông tin 4.3.4 Các bảng sở liệu Bảng par_baido Fields DataType Constraint Description ID int(11) Primary key, not null Id bãi đỗ P_id int(11) not null Id địa điểm (location) Title varchar(300) Img varchar(300) summary varchar(300) Tóm tắt Text text Nội dung Date datetime Price double Giá Area double Diện tích status Int(11) Trạng thái hiển thị lat double Vĩ độ lng double Kinh độ Tiêu đề NULL NULL Hình ảnh Thời gian cập nhật Bảng par_category Fields DataType Constraint Description Id int(11) Primary key, not null Id chuyên mục name varchar(300) NOT NULL Tên chuyên mục status int(11) Trang thái Bảng par_location Nguyễn Thị Mai 60 Lớp 49TH1 Đồ án tốt nghiệp Khoa Công nghệ thông tin Fields DataType Constraint Description Id int(11) Primary key, not id null summary varchar(100) Mô tả location Name varchar(50) Địa Insertdate timestamp null Ngày đăng Fields DataType Constraint Description Id int(11) Primary key, not id null title varchar(300) Tiêu đề cid int(11) Id chuyên mục img varchar(300) summary varchar(800) Tóm tắt Text Text Bài viết Date timestamp status Int(11) Bảng par_news null Hình ảnh viết Current_timestamp Ngày cập nhật Trạng thái hiển thị Bảng par_comment Fields Nguyễn Thị Mai DataType Constraint Description 61 Lớp 49TH1 Đồ án tốt nghiệp Khoa Công nghệ thông tin Id int(11) Title varchar(100) Tiêu đề bid Int(11) Id bãi đỗ img Varchar(300) auther Varchar (100) datetime timestamp commment Text Bình luận Mail Varchar(200) Mail người bình luận Primary key, not null null NULL,DEFAULT CURRENT_TIMESTAMP Id comment Hình ảnh người comment Tên người comment Thời gian đăng Bảng par_user Fields DataType Constraint Description Id Username Password int(11) varchar(50) varchar(50) Primary key, not null Id user Tên đăng nhập Mật img Varchar(100) ảnh Name varchar(100) Tên người dùng Email text Địa mail Role Inserdate int(11) timestamp Phân quyền Thời gian đăng Lastupdate timestamp Nguyễn Thị Mai NULL,DEFAULT CURRENT_TIMESTAMP Thời gian cập nhật 62 Lớp 49TH1 Đồ án tốt nghiệp Khoa Công nghệ thông tin THIẾT KẾ GIAO DIỆN VÀ XÂY DỰNG WEBSITE Chương : 5.1 Trang người dùng a Trang chủ Hình 5.1 Giao diện trang chủ Nguyễn Thị Mai 63 Lớp 49TH1 Đồ án tốt nghiệp Khoa Công nghệ thông tin b Trang kết tìm kiếm Hình 5.2 Giao diện kết hình ảnh Nguyễn Thị Mai 64 Lớp 49TH1 Đồ án tốt nghiệp Khoa Công nghệ thông tin c Trang chi tiết bãi đỗ Hình 5.3 Giao diện chi tiết bãi đỗ Nguyễn Thị Mai 65 Lớp 49TH1 Đồ án tốt nghiệp Khoa Công nghệ thông tin d Trang chuyên mục (trang list viết) Hình 5.4 Giao diện trang list viết Nguyễn Thị Mai 66 Lớp 49TH1 Đồ án tốt nghiệp Khoa Công nghệ thông tin e Trang chi tiết viết Hình 5.5 Giao diện trang chi tiết viết Nguyễn Thị Mai 67 Lớp 49TH1 Đồ án tốt nghiệp Khoa Công nghệ thông tin 5.2 Trang người quản trị a Trang đăng nhập vào hệ thống Hình 5.6 Giao diện trang đăng nhập b Trang chủ quản trị Hình 5.7 Giao diện trang chủ quản trị Nguyễn Thị Mai 68 Lớp 49TH1 Đồ án tốt nghiệp Khoa Cơng nghệ thơng tin c Trang list Hình 5.8 Giao diện trang list Nguyễn Thị Mai 69 Lớp 49TH1 Đồ án tốt nghiệp Khoa Công nghệ thông tin d Trang thêm Hình 5.9 Giao diện trang thêm Nguyễn Thị Mai 70 Lớp 49TH1 Đồ án tốt nghiệp Khoa Công nghệ thông tin e Trang Sửa viết Hình 5.10 Giao diện trang sửa viết Nguyễn Thị Mai 71 Lớp 49TH1 Đồ án tốt nghiệp Khoa Công nghệ thông tin Chương : KẾT LUẬN “Ứng dụng google maps xây dựng website tìm bãi đỗ xe oto” đề tài có tính ứng dụng cao, nhất nhất giai đoạn - Việt Nam tiến hành sách cơng nghiệp hóa, đại hóa đất nước, đẩy mạnh Công nghệ thông tin, đưa tin học hóa vào sống Sử dụng framework MVC để xây dựng Website tìm bãi đỗ xe oto tiêu biểu số rất nhiều cách thức xây dựng quản lý website để nó hoạt động thực hiệu phục vụ thực tiễn Việc sử dụng framework MVC để tổ chức xây dựng code cách logic,dễ quản lý bảo trì website Dưới hướng dẫn gợi ý tận tình GV Phạm Trí Cơng em đã xây dựng website còn nhiều thiếu sót thời gian kinh nghiệm chuyên môn website đã phần mô tả được chức yêu cầu Nguyễn Thị Mai 72 Lớp 49TH1 Đồ án tốt nghiệp Khoa Công nghệ thông tin TÀI LIỆU THAM KHẢO [1] Giảng viên Phạm Trí Cơng: cung cấp cơng cụ Framework MVC [2]Framework Kohana download tại http://kohanaframework.org/download [3] Trang web http://kohanaframework.org/3.1/guide/ [4] Trang web http://www.qhonline.info/tai-lieu/41/khai-quat-ve-phpframework.html [5] Đồ án tốt nghiệp khóa 48th số tài liệu khác Nguyễn Thị Mai 73 Lớp 49TH1