Ngày nay sự phát triển của mạng Internet đã khiến người ta rất khó để từ chối sử dụng nó. Vì vậy, tạo một ứng dụng hoạt động trên internet sẽ tạo sự thuận lợi cho người sử dụng. Mặc khác, với dữ liệu về bản đồ được Google cung cấp miễn phí thì ta khó có thể từ chối để “nhúng” nó vào ứng dụng của mình. Để đưa Google Map lên website cá nhân, bạn không cần phải có khả năng lập trình siêu hạng, chỉ cần vài bước đơn giản và một ít kiến thức về HTML là có thể thực hiện điều này. Yếu tố cần thiết để đưa Google Map lên website là khai thác giao diện lập trình ứng dụng API (Application Programming Interface) của Google Map được Google cung cấp cho người dùng.
1.PHẦN 1: GIỚI THIỆU VỀ DỰ ÁN PHẦN MỀM 2 1.1.Phạm vi và đối tượng sử dụng phần mềm: 3 1.2.Phương pháp nghiên cứu: 3 2.PHẦN 2: XÁC ĐỊNH NHU CẦU NGƯỜI DÙNG: 3 2.1.Phương pháp xác định nhu cầu: 3 2.2.Danh mục và mô tả chi tiết các nhu cầu người dùng: 4 3.PHẦN 3: PHÂN TÍCH BÀI TOÁN: 4 3.1.Lập sơ đồ trình tự thực hiện bài toán: 4 3.2.Phân tích kỹ thuật cho từng bước thực hiện bài toán: 5 4.PHẦN 4: SƠ ĐỒ LUỒNG DỮ LIỆU 6 5.PHẦN 5: THIẾT KẾ CƠ SỞ DỮ LIỆU 6 5.1.Thiết kế các bảng dữ liệu: 6 5.2.Lập sơ đồ quan hệ giữa các bảng dữ liệu: 9 6.PHẦN 6: THIẾT KẾ GIAO DIỆN 9 6.1.Các trang giao diện: 9 6.2.Quan hệ giữa các trang: 11 7.PHẦN 7 : KẾT LUẬN VÀ KIẾN NGHỊ 12 7.1.Kết luận của đề tài: 12 7.2.Kiến nghị: 12 7.3.Tài liệu tham khảo : 13 7.4.Hướng phát triển của phần mềm : 13 8.PHẦN 8: PHỤ LỤC GIỚI THIỆU VỀ GOOGLE MAP API 14 1 ! SVTH"#$ GVHD"!%&'(! )! *)"+,-*, Ở nước ta, số lượng các công trình giao thông đã và đang được xây dựng ngày càng nhiều. Vì vậy công tác theo dõi, quản lý khai thác công trình, quản lý hồ sơ thiết kế, đánh giá chất lượng và khả năng chịu lực của chúng ngày càng khó khăn, phức tạp. Để làm tốt các công tác này thì trước hết phải quản lý chặt chẽ hồ sơ của công trình, bao gồm hồ sơ thiết kế gốc và các thông tin được cập nhật trong suốt quá trình khai thác sử dụng công trình cũng như những thay đổi qua mỗi lần duy tu hoặc sửa chữa. Đặc điểm của hồ sơ thiết kế các công trình giao thông, nhất là ở nước ta, thường hay bị thay đổi do nhiều nguyên nhân khác nhau dẫn đến làm sai lệch, độ tin cậy không cao. Công tác lưu trữ, bảo quản cũng như phân loại chúng cũng gặp rất nhiều khó khăn. Vì vậy việc nghiên cứu ứng dụng công nghệ thông tin để quản lý các hồ sơ này đang trở thành rất cấp thiết. Ngày nay sự phát triển của mạng Internet đã khiến người ta rất khó để từ chối sử dụng nó. Vì vậy, tạo một ứng dụng hoạt động trên internet sẽ tạo sự thuận lợi cho người sử dụng. Mặc khác, với dữ liệu về bản đồ được Google cung cấp miễn phí thì ta khó có thể từ chối để “nhúng” nó vào ứng dụng của mình. Để đưa Google Map lên website cá nhân, bạn không cần phải có khả năng lập trình "siêu hạng", chỉ cần vài bước đơn giản và một ít kiến thức về HTML là có thể thực hiện điều này. Yếu tố cần thiết để đưa Google Map lên website là khai thác giao diện lập trình ứng dụng API (Application Programming Interface) của Google Map được Google cung cấp cho người dùng. Nhiệm vụ đặt ra là xây dựng một chương trình quản lý hồ sơ các công trình cầu trên cơ sở sử dụng GOOGLE MAP API. Qua đó nâng cao kỹ năng ứng dụng tin h‡c vào công tác thiết kế, quản lý và khai thác các công trình cầu đường. 2 Cuối cùng, tôi xin cảm ơn các thầy cô thuộc bộ môn Tự động hóa, đặc biệt là thầy Lê Đắc Chỉnh đã tận tâm hướng dẫn tôi hoàn thành đề tài trong thời gian qua. Do hạn chế về thời gian và năng lực nên đề còn sơ sài và nhiều thiếu xót, mong quí thầy cô thông cảm và giúp đỡ để đề tài này được hoàn thiện hơn. Tôi xin chân thành cám ơn! )!)! ./012134526789:;<=>9:?.@90A0" 1.1.1. Phạm vi của bài toán: Hệ thống trợ giúp việc lưu trữ và cung cấp thông tin về hồ sơ thiết kế các công trình cầu. 1.1.2. Đối tượng sử dụng phần mềm: Vì đây là phần mềm chuyên nghành nên đối tượng sử dụng chủ yếu mà phần mềm muốn hướng tới là: • Các cơ quan quản lí công trình giao thông. • Các kỹ sư công trình. • Những người dân quan tâm. )!B! .7C9:?.D?9:.2E9FGH" • Nghiên cứu cách thức sử dụng Google Map API. • Nghiên cứu cấu trúc của hồ sơ thiết kế cầu. • Nghiên cứu ngôn ngữ lập trình Javascript. • Nghiên cứu ASP.NET để thiết kế ứng dụng Web. B! *B"I&J*KLM" B!)! .7C9:?.D?NDF4O9.9.HF@H" Phương pháp sử dụng để xác định nhu cầu người dùng là điều tra và khảo sát kết hợp với phỏng vấn người dùng với các câu hỏi đưa ra như: • Cách thức lưu trữ hồ sơ hiện nay? • Yêu cầu về cấu trúc hồ sơ công trình? • Nhược điểm của hệ thống cũ? • … 3 Phương pháp này được áp dụng vì giúp ta tiếp cận rõ vấn đề quan tâm, yêu cầu cần thiết đối với hệ thống dự định sẽ làm, những nhược điểm của hệ thống đang tồn tại. B!B! P9.0>F130Q6RF.262S6FDF9.HF@H9:7T2=U9:" STT Tên nhu cầu Mô tả 1 Giao diện dễ sử dụng Yêu cầu phải thiết kế lệnh bằng menu, có bản đồ hiển thị vị trí công trình. 2 Ngôn ngữ lập trình Sử dụng ngôn ngữ mới nhất để có độ tin cậy cao và dễ dàng nâng cấp. 3 Yêu cầu về lưu trữ Phải đảm bào an toàn cho dữ liệu, dữ liệu phải được BackUp thường xuyên. V! *V"WX" V!)! Y?;C4Z6[\9.6]6.]F.2^9_326`D9" 4 V!B! .a96bF.cd6.HY6F.`6e9:_7fF6.]F.2^9_326`D9" 1.1.3. Khối chức năng “Đăng nhập” và “Kiểm tra”: • Đầu vào: Username. Password. • Đầu ra: TRUE or FALSE. • Giải thuật: Phần mềm yêu cầu người người dùng đăng nhập bằng Account đã cung cấp sẵn để có thể sử dụng được các chức năng “Tạo mới”, “Chỉnh sửa”, “Xóa”. Tìm kiếm trong CSDL, nếu tồn tại thì trả về giá trị “TRUE”, ngược lại là “FALSE”. Nếu bỏ qua bước này thì mặc định kết quả trả về sẽ là “FALSE”. 1.1.4. Khối chức năng “Tạo mới hồ sơ”: • Đầu vào: Thông tin chung về hồ sơ. Thông tin kỹ thuật của hồ sơ. Các loại hồ sơ cần thiết (khảo sát,thuyết minh, bản vẽ, dự toán…) • Đầu ra: không có • Giải thuật: Không yêu cầu phải nhập đầy đủ dữ liệu. Phần mềm sẽ lưu dữ liệu vào CSDL với cấu trúc đã định sẵn. 1.1.5. Khối chức năng “Xem hồ sơ”: • Đầu vào: ID hồ sơ. • Đầu ra: Thông tin chung về hồ sơ. Thông tin kỹ thuật của hồ sơ. Các loại hồ sơ. • Giải thuật: Phần mềm sẽ truy xuất thông tin của hồ sơ từ cơ sở dữ liệu. 1.1.6. Khối chức năng “Chỉnh sửa”: • Đầu vào: • Cung cấp các thông tin cần chỉnh sửa. • Đầu ra: không có. • Giải thuật: Phần mềm sẽ chỉnh sửa dữ liệu trong CSDL. 1.1.7. Khối chức năng “Xóa”: 5 • Đầu vào: ID của hồ sơ. • Đầu ra: không có. • Giải thuật: Phần mềm sẽ tìm trong CSDL hồ sơ có ID như trên và xóa khỏi CSDL. g! *g"&h! i! *i"jh i!)! .2S6cSFDF_R9:=kl2^H" • Bảng 29." 6 7 • Bảng PH: • Bảng;m[" 8 i!B! Y?;C4ZnHP9.^:2kPFDF_R9:=kl2^H" o! *o"! o!)! DF6[P9::2P`=2^9" - Default: Xuất hiện khi mở chương trình. 9 Khi ch‡n hồ sơ để xem: 10 [...]... Nghiên cứu GOOGLE MAP API Ứng dụng GOOGLE MAP API để nhúng bản đồ Google vào trang web Xây dựng trang web quản lí hồ sơ thiết kế công trình cầu • Những vấn đề tồn tại: Trong phạm vi của một chuyên đề tốt nghiệp kỹ sư, do hạn chế về năng lực và thời gian nên đề tài còn sơ sài và nhiều thiếu sót Đề tài chỉ tập trung nghiên cứu cơ sở dữ liệu của hồ sơ thiết kế cầu và ứng dụng GOOGLE MAP API vào công tác... sơ thiết kế công trình đường • Quản lí địa chất công trình • Quản lí thủy văn công trình 13 8 PHẦN 8: PHỤ LỤC GIỚI THIỆU VỀ GOOGLE MAP API 1.2 Giới thiệu chung: Google Maps API cho phép bạn nhúng Google Maps vào các trang web riêng của bạn bằng cách sử dụng ngôn ngữ JavaScript API cung cấp một số tiện ích cho các thao tác bản đồ (giống như trên trang web http://maps .google. com) và thêm vào nội dung... GMap2.removeMapType() hoặc thêm chúng thông qua GMap2.addMapType() Đoạn mã dưới đây sẽ loại bỏ kiểu G_HYBRID _MAP kèm theo bản đồ, chỉ để lại hai loại bản đồ 27 var map = new GMap2(document.getElementById("MyMap"), { size: new GSize(640,320) } ); map. removeMapType(G_HYBRID _MAP) ; map. setCenter(new GLatLng(42.366662,-71.106262), 11); var mapControl = new GMapTypeControl(); map. addControl(mapControl); map. addControl(new... đồ (Maptype controls): Theo mặc định, một GMapTypeControl sẽ hiển thị một tập hợp các loại bản đồ tiêu chuẩn: • G_NORMAL _MAP hiển thị bình thường, mặc định bản đồ đường 2D của Google Maps • G_SATELLITE _MAP hiển thị bản đồ ảnh vệ tinh • G_HYBRID _MAP sẽ hiển thị kết hợp bản đồ ảnh vệ tinh và bản đồ đường Theo mặc định, Google Maps API cung cấp ba loại bản đồ: G_NORMAL _MAP G_SATELLITE _MAP và G_HYBRID _MAP. .. bằng cách sử dụng phương thức getZoom() của đối tượng GMap2 Ngoài ra, "kiểu" của bản đồ xác định hình ảnh của bản đồ 1.3.6 Các kiểu bản đồ: 18 Có rất nhiều loại bản đồ có sẵn trong Google Maps API Theo mặc định, bản đồ hiển thị trong Google Maps API là bản đồ đường Tuy nhiên, Google Maps API cũng hỗ trợ các loại bản đồ khác Các loại bản đồ thường được dùng trong Google Map API: • G_NORMAL _MAP hiển thị... onunload="GUnload()"> 14 Trong đó: URL http://maps .google. com/maps? file =api& v=2&key=abcdefg trỏ tới vị trí của file JavaScript bao gồm tất cả các biểu tượng và định nghĩa cần thiết để sử dụng Google Maps API Trang web của bạn... nghị: Đề tài “ Ứng dụng Google Map API vào công tác quản lí hồ sơ thiết kế CTGT “ là một đề tài rất hay và thực tế, nó cần thiết cho các nhà quản lý Tôi 12 mong rằng nếu chương trình của tôi được nâng cấp và phát triển hoàn thiện thì nó rất có hữu ích cho việc quản lý các công trình giao thông 7.3 Tài liệu tham khảo : • google. com • code .google. com • Cùng các diễn đàn tin học trong và ngoài nước 7.4... {return true;} // Create a new map type incorporating the tile layer var layerTerCross = [ G_PHYSICAL _MAP. getTileLayers()[0], crossLayer ]; var mtTerCross = new GMapType(layerTerCross, G_PHYSICAL _MAP. getProjection(), "Ter+"); var map = new GMap2(document.getElementById( "map_ canvas"), { size: new GSize(640,320) } ); map. addMapType(G_PHYSICAL _MAP) ; map. addMapType(mtTerCross); map. setCenter(new GLatLng(37.4419,... -122.1419), 4); var mapControl = new GHierarchicalMapTypeControl(); // Set up map type menu relationships mapControl.clearRelationships(); mapControl.addRelationship(G_SATELLITE _MAP, G_HYBRID _MAP, "Labels", false); mapControl.addRelationship(G_PHYSICAL _MAP, mtTerCross, "Crosshairs"); // Add control after you've specified the relationships map. addControl(mapControl); map. addControl(new GLargeMapControl());... điều khiển vào một bản đồ Trong trường hợp này, chúng ta thêm các điều khiển GSmallMapControl và GMapTypeControl cho phép chúng ta pan / zoom bản đồ và chuyển đổi qua lại giữa các loại bản đồ var map = new GMap2(document.getElementById( "map" )); map. addControl(new GSmallMapControl()); map. addControl(new GMapTypeControl()); map. setCenter(new GLatLng(37.4419, -122.1419), 13); 1.5.4 Vị trí của các điều khiển . hiển thị trong Google Maps API là bản đồ đường. Tuy nhiên, Google Maps API cũng hỗ trợ các loại bản đồ khác. Các loại bản đồ thường được dùng trong Google Map API: • G_NORMAL _MAP hiển thị bản. S6lHY9FrP4A632" • Đề tài đã tập trung giải quyết các vấn đề sau: Nghiên cứu hồ sơ thiết kế cầu Nghiên cứu GOOGLE MAP API. Ứng dụng GOOGLE MAP API để nhúng bản đồ Google vào trang web. Xây dựng. bằng cách sử dụng phương thức setMapType() của đối tượng GMap2. Var map = new GMap2 (document.getElementById ( "MyMap")); map. setMapType (G_SATELLITE _MAP) ; 1.3.7. Tương tác với bản