LỜI CẢM ƠN
Sau gần ba tháng tìm hiểu và thực hiện đề tài “Nghiên cứu công nghệ
WEBGIS và xây dựng trang WEBGIS hỗ trợ du lịch một số điểm chùa trên
địa bàn tỉnh Bắc Ninh “ Để đạt được kết quả này, em đã nỗ lực hết sức đồng
thời cũng nhận được rất nhiều sự quan tâm, giúp đỡ, ủng hộ của các thầy cô, bạn
bè và gia đình.
Trước hết, em xin gửi lời cảm ơn chân thành đến Thầy giáo – PGS.Tiến Sĩ
Phạm Việt Bình – Bộ môn Khoa Học Máy Tính, Khoa Công nghệ thông tin –
Đại học Công Nghệ Thông Tin Và Truyền Thông – Đại học Thái Nguyên.
Cùng các thầy cô giáo Bộ môn Khoa Học Máy Tính – Khoa Công nghệ
thông tin – Đại học Thái Nguyên đã tạo mọi điều kiện giúp đỡ em trong suốt thời
gian thực hiện đồ án.
Đồ án đã hoàn thành với một số kết quả nhất định, tuy nhiên vẫn không
tránh khỏi sai sót.Kính mong sự cảm thông và đóng góp ý kiến từ các thầy cô và
các bạn.

1


LỜI CAM ĐOAN
Em xin cam đoan toàn bộ nội dung của báo cáo này là do em tự tìm hiểu
nghiên cứu dưới sự định hướng của thầy giáo hướng dẫn. Nội dung báo cáo này
không sao chép và vi phạm bản quyền từ bất kỳ công trình nghiên cứu nào.
Nếu những lời cam đoan trên không đúng, em xin chịu hoàn toàn trách
nhiệm trước pháp luật.

Sinh viên

Phạm Thị Thành

2

2.1.4. PHP .................................................................................................27
2.1.5. BOOSTRAP ....................................................................................27

3


2.1.6. jQuery.............................................................................................28
2.2. Các công cụ ............................................................................................28
2.2.1. Công cụ XamPP...............................................................................28
2.2.2. Mapinfo ...........................................................................................33
2.3. Dịch vụ bản đồ Google API ....................................................................34
2.3.1. API là gì? ........................................................................................34
2.3.2. Google API .....................................................................................35
CHƯƠNG 3. PHÂN TÍCH, THIẾT KẾ HỆ THỐNG ........................................41
3.1. Bài toán ..................................................................................................41
3.2. Khảo sát..................................................................................................41
3.2.1. Khảo sát hiện trạng ..........................................................................41
3.2.2. Khảo sát nhu cầu người sử dụng ......................................................42
3.2.3. Đối tượng sử dụng trang web ...........................................................42
3.2.4. Tìm hiểu một số chùa tại tỉnh Bắc Ninh ...........................................42
3.3. Phân tích.................................................................................................45
3.3.1. Phân loại thông tin ...........................................................................45
3.3.2. Đối tượng sử dụng ...........................................................................45
3.3.3. Giao diện người sử dụng ..................................................................45
3.3.4. Thông tin về người quản trị..............................................................46
3.3.5. Các thực thể thuộc tính liên quan cần lưu trữ ...................................46
3.4. Thiết kế...................................................................................................46
3.4.1. Mô hình xử lý tổng quát...................................................................46
3.4.2. Quy trình xử lý phía client ...............................................................47
3.4.3. Quy trình xử lý phía server...............................................................48

Hình 3.3. Quy trình xử lý phía server................................................................48
Hình 3.4. Mô hình usecase tổng quát ................................................................50
Hình 3.5. Mô hình usecase cho người quản trị ..................................................50
Hình 3.6. Sơ đồ usecase cho người dùng ..........................................................51
Hình 3.7. Biểu đồ trình tự thêm vị trí................................................................51
Hình 3.8. Biểu đồ trình tự xóa vị trí ..................................................................52
Hình 3.9. Biểu đồ trình tự UC Xem bản đồ.......................................................52
Hình 3.10. Biểu đồ trình tự UC Tìm đường đi trên map....................................53
Hình 3.11. Biểu đồ cộng tác xem bản đồ ..........................................................55
Hình 3.12. Biểu đồ cộng tác tìm đường đi trên map .........................................55
Hình 3.13. Biểu đồ cộng tác Thêm điểm du lịch ...............................................56
Hình 3.14. Biểu đồ cộng tác Sửa thông tin điểm du lịch ..................................56
Hình 3.15. Biểu đồ cộng tác Xóa điểm du lịch..................................................57
Hình 4.1. Giao diện trang chủ...........................................................................64
Hình 4.2. Giao diện kích vào checkbox chùa ....................................................65
Hình 4.3. Giao diện và thông tin chùa...............................................................65
Hình 4.4. Giao diện giới thiệu chung ................................................................66
Hình 4.5. Giao diện tìm đường giữa 2 điểm ......................................................66

6


KÍ HIỆU , THUẬT NGỮ VÀ VIẾT TẮT

GIS - Geographic Information System - Hệ thống thông tin địa lý
OGC - Open Geospatial Consortium API - Application Programming Interface - Giao diện lập trình ứng
dụng
HTML - HyperText Markup Language - Ngôn ngữ đánh dấu siêu văn bản
CSS - Cascading Style Sheets


công nghệ MapServer, GeoServer, ArcGIS Server,google map api …
Cơ sở dữ liệu thông qua công nghệ WebGIS có ưu điểm là cho phép nhiều
người cùng truy cập một thời điểm, lại quản lý được dữ liệu theo thời gian với
dung lượng lớn, thống nhất và không bị trùng lặp. WebGIS được dùng để quảng
bá và công bố những thông tin về dữ liệu các địa điểm đền chùa một cách rõ
ràng, chính xác, bổ ích nhằm cung cấp thông tin đến người sử dụng và quảng bá
nét đẹp văn hóa người dân Bắc Ninh trong và ngoài nước. Nội dung chính của
bài là “ Nghiên cứu công nghệ WebGIS và xây dựng trang WebGIS hỗ trợ du
lịch một số địa điểm chùa trên địa bàn tỉnh Bắc Ninh ” .
Vùng đất Bắc Ninh có thể nói là khu vực nhiều chùa chiền, đền hội nhất
cả nước. Hơn nữa còn có nhiều chùa , đền mang tính chất lịch sử , tâm linh . Một
số chùa còn được nhà nước và một số tổ chức công nhận chứng minh lịch sử.
Chùa là nơi giúp con người thanh tịnh , thanh lọc cơ thể trong cuộc sống
bộn bề, giúp ta vừa thoái mái tâm hồn lại cũng có dịp đi du lịch tham quan các di

9


tích lịch sử. Do đó không chỉ để những người con miền đất này hiểu biết thêm về
quê hương mình mà còn là giới thiệu với bạn bè trong nước và bạn bè quốc tế về
vùng đất linh thiêng đẹp đẽ này ,tôi đã ứng dụng webGIS để tạo website hỗ trợ
du lịch với chức năng xác định địa điểm và tìm đường đi .
2. Mục đích
- Nghiên cứu WebGIS và xây dựng bản đồ .
- Xây dựng bản đồ dựa trên google map api , sử dụng các hàm và chức
năng của google map api để xây dựng trang webgis về đền chùa trên địa bàn tỉnh
Bắc Ninh để cho người trong nước cũng như quốc tế biết rõ hơn về nền văn hóa
vùng đất Bắc Ninh.
3. Đối tượng và phạm vi của đề tài
 Sử dụng XAMPP để xây dựng dữ liệu bản đồ cho hệ thống WebGIS.

CHƯƠNG 4: XÂY DỰNG CHƯƠNG TRÌNH
KẾT LUẬN

11


CHƯƠNG 1
TỔNG QUAN VỀ GIS VÀ WEBGIS

1.1. Tổng quan về GIS
1.1.1. Định nghĩa GIS
Hệ thống thông tin địa lý (Geographic Information System – gọi tắt là
GIS) được hình thành vào những năm 1960 và được sử dụng rộng rãi trong nhiều
năm trở lại đây. Là công cụ trợ giúp đắc lực trong nhiều hoạt động kinh tế, xã
hội , quốc phòng.
GIS giúp đánh giá được hiện trạng của các quá trình , các thực thể tự
nhiên , kinh tế - xã hội thông qua các chức năng thu thập, quản lý,truy vấn, phân
tích và tích hợp các thông tin được gắn với một nền hình học (bản đồ) nhất quán
trên cơ sở toạ độ của các dữ liệu đầu vào.

Hình 1.1. Biểu thị bề mặt Trái Đất trên mặt phẳng
Có nhiều cách tiếp cận khác nhau khi định nghĩa GIS. Nếu xét dưới góc
độ hệ thống, thì GIS có thể được hiểu như một hệ thống gồm các thành phần:con
người, phần cứng, phần mềm, cơ sở dữ liệu và quy trình-kiến thức chuyên gia.
Khi xây dựng một hệ thống GIS ta phải quyết định xem GIS sẽ được xây
dựng theo mô hình ứng dụng nào, lộ trình và phương thức tổ chức thực hiện nào.
Chỉ trên cơ sở đó người ta mới quyết định xem GIS định xây dựng sẽ phải đảm
đương các chức năng trợ giúp quyết định gì và cũng mới có thể có các quyết định

12



Dữ liệu đo đạc



Dữ liệu dạng địa chỉ



Các bảng dữ liệu là thành phần quan trọng của cơ sở dữ liệu không gian,

được liên kết với các thành phần đồ họa với nhiều kiểu liên kết khác nhau.


Ứng dụng công nghệ GIS ngày càng phát triển đa dạng cả về chiều rộng

lẫn chiều sâu, đặt ra nhiều thách thức về kỹ thuật trong quá trình thu thập, phân
tích và xử lý dữ liệu với khối lượng lớn. Các dữ liệu GIS thường được thu thập từ
nhiều nguồn khác nhau và có thể được định dạng theo nhiều chuẩn khác nhau.
Do đó, khi khai thác dữ liệu này, người sử dụng dễ gặp phải những vấn đề lớn về
tính tương thích, cũng như những khó khăn trong việc mua bán phần mềm, làm
quen với việc sử dụng phần mềm, chưa kể đến việc phải bỏ ra một lượng tiền lớn
để mua toàn bộ các dữ liệu do nhà cung cấp xây dựng, trong khi hầu hết các
trường hợp ta chỉ cần một phần thông tin trong đó mà thôi. Hơn nữa, các dữ liệu
này cần được lấy về và lưu trữ tập trung ở một nơi, lại phải bỏ ra một chi phí

13



- Chất lượng số liệu được quản lý, xử lý và hiệu chỉnh tốt.
- Dễ dàng truy cập, phân tích số liệu từ nhiều nguổn và nhiều loại khác nhau.
- Tổng hợp một lần được nhiều loại số liệu khác nhau để phân tích và tạo
ra nhanh chóng một lớp số liệu tổng hợp mới.

14


Nhược điểm :
- Chi phí và những vấn đề kỹ thuật đòi hỏi trong việc chuẩn bị lại các số
liệu thô hiện có, nhằm có thể chuyển từ bản đồ dạng giấy truyền thống sang dạng
kỹ thuật số trên máy tính (thông qua việc số hoá, quét ảnh...).
- Đòi hỏi nhiều kiến thức của các kỹ thuật cơ bản về máy tính, và yêu cầu
lớn về nguồn tài chính ban đầu.
- Chi phí của việc mua sắm và lắp đặt thiết bị và phần mềm GIS khá cao.
- Trong một số lĩnh vực ứng dụng, hiệu quả tài chính thu lại thấp.
Trong nông nghiệp, GIS có 3 điểm thuận lợi chính khi được so sánh với
cách quản lý bản đồ bằng tay trước đây:
- Chúng là một công cụ khá mạnh trong việc lưu trữ và diễn đạt các số
liệu đặc biệt là các bản đồ.
- Chúng có thể cho ra những kết quả dưới những dạng khác nhau như các
bản đồ, bảng biểu, và các biểu đồ thống kê,…
Chúng là một công cụ đắc lực cho các nhà khoa học đặc biệt về lĩnh vực
nghiên cứu hệ thống canh tác, đánh giá đất đai, khả năng thích nghi của các kiểu
sử dụng đất, quản lý và xử lý các bản đồ giai thửa trong quản lý đất đai,...
1.1.4. Ứng dụng GIS
- Môi trường: theo những chuyên gia GIS kinh nghiệm nhất thì có rất
nhiều ứng dụng đã phát triển trong những tổ chức quan tâm đến môi trường. Với
mức đơn giản nhất thì người dùng sử dụng GIS để đánh giá môi trường, ví dụ
như vị trí và thuộc tính của cây rừng. Ứng dụng GIS với mức phức tạp hơn là

- Chính quyền địa phương: là một trong những lĩnh vực ứng dụng rộng
lớn nhất của GIS, bởi vì đây là một tổ chức sử dụng dữ liệu không gian nhiều
nhất. Tất cả các cơ quan của chính quyền địa phương có thể có lợi từ GIS. GIS
có thể được sử dụng trong việc tìm kiếm và quản lý thửa đất, thay thế cho việc hồ
sơ giấy tờ hiện hành. Nhà cầm quyền địa phương cũng có thể sử dụng GIS trong
việc bảo dưỡng nhà cửa và đường giao thông. GIS còn được sử dụng trong các
trung tâm điều khiển và quản lý các tình huống khẩn cấp.
- Bán lẻ và phân phối: phần lớn siêu thị vùng ngoại ô được xác định vị trí
với sự trợ giúp của GIS. GIS thường lưu trữ những dữ liệu về kinh tế-xã hội của
khách hàng trong một vùng nào đó. Một vùng thích hợp cho việc xây dựng môt
siêu thị có thể được tính toán bởi thời gian đi đến siêu thị, và mô hình hoá ảnh

16


hưởng của những siêu thị cạnh tranh. GIS cũng được dùng cho việc quản lý tài
sản và tìm đường phân phối hàng ngắn nhất.
- Giao thông: GIS có khả năng ứng dụng đáng kể trong lĩnh vực vận tải.
Việc lập kế hoạch và duy trì cở sở hạ tầng giao thông rõ ràng là một ứng dụng
thiết thực, nhưng giờ đây có sự quan tâm đến một lĩnh vực mới là ứng dụng định
vị trong vận tải hàng hải, và hải đồ điện tử. Loại hình đặc trưng này đòi hỏi sự hỗ
trợ của GIS.
- Các ngành điện, nước, gas, điện thoại: những công ty trong lĩnh vực
này là những người dùng GIS linh hoạt nhất, GIS được dùng để xây dựng những
cơ sở dữ liệu là cái thường là nhân tố của chiến lược công nghệ thông tin của các
công ty trong lĩnh vự này. Dữ liệu vecto thường được dùng trong các lĩnh vực
này. những ứng dụng lớn nhất trong lĩnh vực này là Automated Mapping và
Facility Management (AM-FM). AM-FM được dùng để quản lý các đặc điểm và
vị trí của các cáp, valve... Những ứng dụng này đòi hỏi những bản đồ số với độ
chính xác cao.


18


thuật và đào tạo. Nhờ vào tính mở của các phần mềm loại này, các công ty loại
nhỏ và trung bình có thể dễ dàng cung cấp các giải pháp và dịch vụ của họ sau
khi phát triển thêm từ các mã nguồn mở. Để có thể phát triển các ứng dụng thông
tin địa lý trên các phần mềm mã nguồn mở đòi hỏi các lập trình viên có kỹ thuật
cao và nhiều kinh nghiệm. Đòi hỏi sự hiểu biết sâu về công nghệ Web, ngôn ngữ
Web cũng như các hệ thống dữ liệu địa lý. Các phần mềm GIS thương mại hiện
nay được đa phần người dùng GIS chuyên nghiệp sử dụng. Trong đó, đáng chú ý
là các sản phẩm của hãng ESRI, như:
- Những phần mềm ArcGIS Desktop cho phép tạo, phân tích, vẽ bản đồ,
quản lý, chia sẻ và xuất bản thông tin địa lý.
- Những module mở rộng của ArcGIS như Spatial Analyst, 3D Analyst,
Network Analyst …
- ArcSDE là phần mềm cho máy chủ cho phép nhiều người dùng truy cập
vào hệ cơ sở dữ liệu không gian địa lý được lưu trữ trong hệ thống quản lý cơ sở
dữ liệu quan hệ.
- ArcIMS là giải pháp cung cấp những bản đồ động, dữ liệu GIS và dịch
vụ qua Web.
- MapObject, ArcEngine, ArcGIS Server là những công cụ để phát triển
các ứng dụng GIS. Sản phẩm của ESRI với ưu điểm là xây dựng hệ thống Web –
GIS nhanh, có thể kết hợp với các công nghệ nền khác, với các hợp phần do
người lập trình tự phát triển và bản thân những phần mềm của hãng ESRI có
những công cụ mà các phần mềm GIS mã nguồn mở chưa phát triển được. Tuy
nhiên, chi phí chuyển giao công nghệ còn cao và chỉ phù hợp với các dự án lớn.
1.2.2. Tỷ lệ bản đồ
Tỷ lệ của một bản đồ địa lý là tỷ số giữa một khoảng cách trên bản đồ và
khoảng cách ngoài thực địa. Chẳng hạn, nếu 1 cm trên bản đồ ứng với 1 km

phẳng, mỗi đối tượng điểm được biểu diễn bởi một cặp tọa độ (x, y), đối tượng
đường được xác định bởi một chuỗi liên tiếp các điểm, đoạn thẳng được nối giữa
các điểm hay còn gọi là cạnh (segment). Đối tượng vùng được xác định bởi các
đường và khép kín. Trong mô hình 3D đối tượng điểm được biểu diễn bởi tọa độ
(x, y, z), thường được áp dụng cho bề mặt ba chiều và khối. Như vậy, mô hình dữ
liệu vector sử dụng các đoạn thẳng hay các điểm rời rạc để nhận biết các vị trí
của thới giới thực.

20


Hình 1.3. Mô hình dữ liệu dạng vecto
Đối với mô hình dữ liệu raster các đối tượng được định vị trí và lưu trữ dữ
liệu địa lý bằng cách sử dụng ma trận, mỗi vị trí được xác định bởi hàng và cột
có thuộc tính chính bằng giá trị của ô đó. Khi đó, điểm có thể được biểu diễn
bằng một ô. Đường được biểu diễn bởi một tập các ô có hướng xác định, độ rộng
của đường bằng độ rộng của một ô. Còn vùng được biểu diễn bởi một dãy các ô
nằm kề sát nhau. Dữ liệu raster gắn liền với dữ liệu dạng ảnh, mô hình dữ liệu
này phù hợp trong biểu diễn dữ liệu biến đổi liên tục: độ cao, nhiệt độ...

Hình 1.4. Mô hình dữ liệu dạng raster
1.2.4. Thành phần và chức năng của WEBGIS
1.2.4.1. Thành phần
WebGIS là dạng GIS nên chứa các thành phần của một hệ GIS như dữ
liệu không gian, thuộc tính, …
1. Spatial Data: Dữ liệu không gian
2. Dữ liệu không gian bao gồm các dạng file cấu trúc như sau:

21


22


1.3. Kiến trúc một WEBGIS
WebGIS hoạt động theo mô hình client – server giống như hoạt động của
một Website thông thường, vì thế hệ thống WebGIS cũng có kiến trúc ba tầng (3
tier) điển hình của một ứng dụng Web thông dụng. Kiến trúc 3 tier gồm có ba
thành phần cơ bản đại diện cho ba tầng: Client, Application Server và Data
Server .

Hình 1.5. Sơ đồ kiến trúc 3 tầng của WebGIS
Client: thường là một trình duyệt Web browser như Internet Explorer, Fire
Fox, Chrome, …để mở các trang web theo URL (Uniform Resource Location –
địa chỉ định vị tài nguyên thống nhất) định sẵn. Các client đôi khi cũng là một
ứng dụng desktop tương tự như phần mềm MapInfo, ArcGIS,…
Application Server: thường được tích hợp trong một Web Server nào đó
(Tomcat, Apache, Internet Information Server) . Nhiệm vụ chính của tầng dịch
vụ thường là tiếp nhận các yêu cầu từ client , lấy dữ liệu từ cơ sở dữ liệu theo yêu
cầu client, trình bày dữ liệu theo cấu hình có sẵn hoặc theo yêu cầu của client và
trả kết quả về theo yêu cầu.
Data Server: là nơi lưu trữ các dữ liệu bao gồm cả dữ liệu không gian và
phi không gian. Các dữ liệu này được tổ chức lưu trữ bởi các hệ quản trị cơ sở dữ
liệu như PostgreSQL/PostGIS, Microsoft SQL Server 2008, MySQL,
Oracle,…hoặc có thể lưu trữ ở dạng các tập tin dữ liệu như shapfile, XML,…
1.3.1. Chức năng WebGIS
Một trang WebGIS thông thường gồm có 2 chức năng chính là :
- Chức năng hiển thị : Hiển thị toàn bộ tất cả các lớp bản đồ, hiển thị các lớp bản
đồ theo tùy chọn, thay đổi tỉ lệ hiển thị bản đồ(phóng to, thu nhỏ), di chuyển khu
vực hiển thị, hiển thị thông tin về đối tượng cụ thể và in bản đồ.


ngữ đánh dấu siêu văn bản. Nó dùng để định dạng bố cục, các thuộc tính liên
quan đến cách hiển thị của một đoạn text và được hiển thị trên một chương trình
đặc biệc ta gọi là Browser. Hiện nay có khá nhiều Browser như Firefox, Chrome,
Cốc Cốc, ...Tất cả Browser đều có điểm chung là giúp người dùng thao tác với
website

và

nó

đều

có

khả

năng

biên

dịch

những

đoạn

mã

HTML, CSS và Javascript.
Viết trang html cơ bản :