5. Bố cục đề tài
3.2 Kết quả thực hiện chƣơng trình
3.2.1 Chức năng đăng kí thành viên
Bƣớc 1: Vào trang chủ bdms.ued.udn.vn:8080, chọn nút tạo tài khoản. Bƣớc 2: Chọn Register để đăng kí.
Bƣớc 3: Tại đây bạn nhập đầy đủ thông tin và đăng kí.
Bƣớc 4: Sau khi đăng kí sẽ có thử gửi Email đã đăng kí của bạn, vui lòng xác nhận trƣớc khi đăng nhập.
Bƣớc 5: Đăng nhập với tài khoản đã đăng kí thành viên.
3.2.2 Chức năng xem và thêm phân bố
Bƣớc 1: Tại trang chủ có những chấm tròn, ở đấy là nơi thể hiện phân bố của các loài, bạn hãy kích vào một trong các điểm để xem phân bố.
Bƣớc 2: Khi bạn kích vào một điểm trên bản đồ nếu không phải là những điểm có sẵn hệ thông sẽ hiển thị thông báo chƣa có dữ liệu.
Bƣớc 3: Tại đây bạn nhấn vào nút “Thêm phân bố” để thực hiện việc thêm thông tin Loài ở vị trí đó – sẽ có 7 danh sách theo taxon Giới, Ngành, Lớp, Bộ, Họ, Chi, Loài cho bạn lựa chọn và các thông tin khác về Loài mà bạn muốn thêm.
Bƣớc 4: Sau khi hoàn tất việc thêm phân bố trên bản đồ sẽ hiển thị 1 chấm tròn tƣơng đƣơng với việc đã có thông tin ở vị trí đó.
Bƣớc 5: Bạn thể đăng bài đó lên cho các Chuyên gia nếu thực hiện việc đăng bài trong trang cá nhân của mình.
3.2.3 Chức năng quản lí cá nhân
Bƣớc 1: Truy cập vào chức năng Quản lí của mình trên thanh menu (nếu bạn đã đăng nhập).
Bƣớc 2: Ở đây sẽ có 5 tab quản lí các cấp bậc sinh thái và phân bố đã đƣợc thêm bởi bạn, có thể thay đổi các tab giúp bạn dễ dàng cho việc quản lí. Bƣớc 3: Khi tạo mới 1 thông tin gì đó, sẽ có 1 trang để bạn nhập liệu và các thông tin đó sẽ đƣợc hiển thị trong tab mà bạn đã tạo.
Bƣớc 4: Sau khi tạo bạn có thể đăng bài, sửa, xóa, xem chi tiết.
Bƣớc 5: Ở chức năng của Chuyên gia sẽ tƣơng tự nhƣ ngƣời dùng bình thƣờng nhƣng sẽ thêm chức năng đăng bài lên trang chủ đối với những bài mới của các cộng tác viên.
3.2.4 Quản lý ngƣời dùng
Bƣớc 1: Đăng nhập với tài khoản của ngƣời quản trị.
Bƣớc 2: Ở đây sẽ có các chức năng nhƣ quản lí ngƣời dùng, nhóm ngƣời dùng, và các chức năng của hệ thống, chọn chức năng quản lí ngƣời dùng. Bƣớc 3: Tại đây quản trị sẽ có các chức năng nhƣ phân quyền, phân nhóm, khóa tài khoản, chọn phân nhóm.
Bƣớc 4: Tại giao diện phân nhóm, quản trị sẽ xét quyền cho ngƣời dùng.
3.2.5 Chức năng tìm kiếm
Bƣớc 1: Chọn bất kì 1 quản lí cấp bậc sinh thái nào, chọn Bộ.
Bƣớc 2: Ở đây sẽ có danh sách tất cá các Bộ, và nơi tìm kiếm thông tin mà bạn cần, gõ kí tự nào đó lên đó.
Bƣớc 3: Sau đó bạn sẽ danh sách những từ khóa liên quan đến kí tự của mình và chọn phần tử mà bạn muốn tìm.
Bƣớc 4: Nhấn “Tìm kiếm” sau khi bạn đã tìm đúng thông tin mình cần.
3.2.6 Chức năng thống kê
Bƣớc 1: Chọn mục “Thống kê” trên thanh menu.
Bƣớc 2: Ở đây sẽ có danh sách tất cá các Lớp cho bạn lựa chọn trƣớc khi xuất báo cáo thống kê.
Bƣớc 3: Sau khi chọn trong danh sách, nhấn “Tạo thống kê” bạn sẽ có báo cáo theo Lớp sinh vật mà mình mong muốn.
KẾT LUẬN VÀ HƢỚNG PHÁT TRIỂN
Các kết quả đạt đƣợc
- Học đƣợc nhiều kinh nghiệm trong công việc và làm quen với môi trƣờng làm việc rất chuyên nghiệp.
- Học đƣợc cách làm web với những công nghệ mới nhƣ HTML và CSS, JavaScript, jQuery, Ajax, SQL SERVER, ASP.NET.
- Xây dựng đƣợc website đáp ứng đƣợc nhu cầu hiện nay của ngƣời dùng bdms.ued.vn:8080.
- Rút ra đƣợc nhiều kinh nghiệm quý báu, học đƣợc cách tự lập, tự nghiên cứu, học đƣợc phong cách làm việc trong môi trƣờng chuyên nghiệp và có sự nhìn nhận mới về công việc trong tƣơng lai.
Nhận xét và đề xuất
- Đọc và nghiên cứu tài liệu còn chậm.
- Kinh nghiệm ít nên tiến độ làm việc hơi chậm. - Website còn khá đơn giản.
- Bản thân em sẽ cố gắng khắc phục những nhƣợc điểm để hoàn thiện hơn.
Hƣớng phát triển
-Giao diện thân thiện, dễ sử dụng hơn. -Tránh vỡ giao diện trên nhiều trình duyệt. -Sai số về các vùng phân bố nhỏ dần.
-Thống kê sinh học: chiết xuất dạng bảng, cột... -Tìm thông tin về các cấp độ sinh học đa dạng hơn. -Chiết xuất dữ liệu thống kê trên bản đồ
-Có thể phân công việc cho các thành viên khác. -Có thể chat qua lại giữa các thành viên.
-Vấn đề bảo mật an toàn thông tin cho website. -Cải thiện mã nguồn tối ƣu.
PHỤ LỤC
Mã nguồn xử lí và hoạt động bản đồ GIS
<script> require([ "dojo/parser", "dojo/ready", "dijit/layout/BorderContainer", "dijit/layout/ContentPane", "dojo/dom", "esri/map", "esri/urlUtils", "esri/arcgis/utils", "esri/dijit/Legend", "esri/dijit/Scalebar", "dojo/domReady!" ], function ( parser, ready, BorderContainer, ContentPane, dom, Map, urlUtils, arcgisUtils, Legend, Scalebar
) {
ready(function () { parser.parse();
var map = response.map; var xmin = 0;
var xmax = 0; var ymin = 0; var ymax = 0;
var list = @Html.Raw(Json.Encode(ViewBag.Coor)); for(i=0 ; i<list.length ; i++){
map.graphics.add(new esri.Graphic(new
esri.geometry.Point(list[i].ViDo, list[i].KinhDo, map.spatialReference), new esri.symbol.SimpleMarkerSymbol));
}
dojo.connect(map, "onExtentChange", showExtent);
function showExtent(evt) { var s = "";
s = "XMin: "+ evt.xmin.toFixed() + " " +"YMin: " + evt.ymin.toFixed() + " " +"XMax: " + evt.xmax.toFixed() + " " +"YMax: " + evt.ymax.toFixed() + " "; xmin = evt.xmin.toFixed();
xmax = evt.xmax.toFixed(); ymin = evt.ymin.toFixed(); ymax = evt.ymax.toFixed();
}
//chỉ cần kiểm tra điểm mới sau khi đánh dấu map.on("click", mapClick);
function mapClick(evt) {
var x = evt.mapPoint.x.toFixed();
var y = evt.mapPoint.y.toFixed(); //alert("x= " + x + " y= " + y);alert(xmin + " " + xmax + " " + ymin + " " + ymax);
var isPointExist = false; for(i=0 ; i<list.length ; i++){
var xdis = ((xmax-xmin)/96/2 == 0) ? 1100 : (xmax- xmin)/96/2;
var ydis = ((ymax-ymin)/41/2 == 0) ? 1100 : (ymax- ymin)/41/2;
if ((Math.abs(x - list[i].ViDo) < xdis) && (Math.abs(y - list[i].KinhDo) < ydis)){
x = list[i].ViDo; y = list[i].KinhDo;
isPointExist = true; //alert(isPointExist); break;
} }
$("#x").val(x);// + "," + xmax + "," +ymax); $("#y").val(y);// + "," + xmin + "," +ymin);
if (isPointExist){ $.ajax({
type: "POST", url: "/Home/ThongTinPhanBo", data: { x : x, y : y, } }) .done(function (msg) { $("#msg").html(msg); }); } if (isPointExist == false){ $("#msg").html("Chƣa có dữ liệu<br>"); map.graphics.add(new esri.Graphic(evt.mapPoint, new esri.symbol.SimpleMarkerSymbol)); map.graphics.disableMouseEvents(); //break; } $('#myModal').modal('toggle'); $("#demo").attr("class", "collapse"); } // the end mapClick
});//the end createMap });//the end ready function });// the end require
Mã nguồn xử lí việc Thêm Phân bố
<script>
function addButtonClick() {
$("#cbbGioi").html("<option value=''>Chọn giới</option>"); $("#cbbNganh").html(""); $("#cbbLop").html(""); $("#cbbBo").html(""); $("#cbbHo").html(""); $("#cbbChi").html(""); $("#cbbLoai").html(""); $.ajax({ type: "POST", url: "/Home/GetAllGiois", }) .done(function (msg) { $("#cbbGioi").html($("#cbbGioi").html() + msg); } }); } function cbbGioiChange() {
var maGioi = $("#cbbGioi").val(); $.ajax({ type: "POST", url: "/Home/GetAllNganhsByGioi", data: { maGioi : maGioi, }
}) .done(function (msg) { $("#cbbNganh").html(msg); }); } function cbbNganhChange() {
var maNganh = $("#cbbNganh").val(); $.ajax({ type: "POST", url: "/Home/GetAllLopsByNganh", data: { maNganh : maNganh, } }) .done(function (msg) { $("#cbbLop").html(msg); });} function cbbLopChange() {
var maLop = $("#cbbLop").val(); $.ajax({ type: "POST", url: "/Home/GetAllBosByLop", data: { maLop : maLop, } }) .done(function (msg) {
$("#cbbBo").html(msg); });}
function cbbBoChange() {
var maBo = $("#cbbBo").val(); $.ajax({ type: "POST", url: "/Home/GetAllHosByBo", data: { maBo : maBo, } }) .done(function (msg) { $("#cbbHo").html(msg); }); } function cbbHoChange() {
var maHo = $("#cbbHo").val(); $.ajax({ type: "POST", url: "/Home/GetAllChisByHo", data: { maHo : maHo, } }) .done(function (msg) { $("#cbbChi").html(msg); });
}
function cbbChiChange() {
var maChi = $("#cbbChi").val(); $.ajax({ type: "POST", url: "/Home/GetAllLoaisByChi", data: { maChi : maChi, } }) .done(function (msg) { $("#cbbLoai").html(msg); });} function cbbLoaiChange(){ $("#MaLoai").val($("#cbbLoai").val()); } </script>
Mã nguồn xử lí việc hiển thị Phân bố
public ActionResult ThongTinPhanBo(string x, string y) {
MoiTruongSong moiTruong =
repositoryM.GetMoiTruongByToaDo(x, y);
PhanBoViewModel phanBoViewModel = new PhanBoViewModel();
StringBuilder sb = new StringBuilder(); sb.Append("<table border='1'>");
sb.Append("<tr><td>Danh pháp khoa học</td><td>Tên Loài</td></tr>");
phanBoViewModel.PhanBos =
repositoryPhanBo.GetAllPhanBo(moiTruong.MaVung);
foreach (PhanBo phanBo in phanBoViewModel.PhanBos) {
List<Loai> loai = repository.SelectByID(phanBo.MaLoai); string tenLoai = loai[0].TenTG;
string dpKhoahoc = loai[0].DPKH;
sb.AppendFormat("<tr><td>{0}</td><td>{1}</td></tr>", dpKhoahoc, tenLoai); } sb.Append("</table>"); Response.Write(sb.ToString()); return null; } function mapClick(evt) { var x = evt.mapPoint.x.toFixed();
var y = evt.mapPoint.y.toFixed(); //alert("x= " + x + " y= " + y);alert(xmin + " " + xmax + " " + ymin + " " + ymax);
var isPointExist = false; for(i=0 ; i<list.length ; i++){
//var xdis = ((xmax-xmin)/96/2 == 0) ? 1100 : (xmax- xmin)/96/2;
//var ydis = ((ymax-ymin)/41/2 == 0) ? 1100 : (ymax- ymin)/41/2;
var xdis = ((xmax-xmin)/96/2 == 0) ? 2200 : (xmax- xmin)/96;
var ydis = ((ymax-ymin)/41/2 == 0) ? 2200 : (ymax- ymin)/41;
if ((Math.abs(x - list[i].ViDo) < xdis) && (Math.abs(y - list[i].KinhDo) < ydis)){
x = list[i].ViDo; y = list[i].KinhDo;
isPointExist = true; //alert(isPointExist); break;
} }
$("#x").val(x);// + "," + xmax + "," +ymax); $("#y").val(y);// + "," + xmin + "," +ymin);
if (isPointExist){ $.ajax({ type: "POST", url: "/Home/ThongTinPhanBo", data: { x : x, y : y, } }) .done(function (msg) { $("#msg").html(msg); });
}
if (isPointExist == false){
$("#msg").html("Chƣa có dữ liệu<br>");
newPoint = new esri.Graphic(evt.mapPoint, new esri.symbol.SimpleMarkerSymbol); map.graphics.add(newPoint); if (currentPoint != null) { map.graphics.remove(currentPoint); } currentPoint = newPoint; //break; } var resizeTimer;
dojo.connect(dijit.byId("map"), "resize", function() { clearTimeout(resizeTimer); resizeTimer = setTimeout(function() { map.resize(); map.reposition(); map.time }, 500); }); $('#myModal').modal('toggle'); $("#demo").attr("class", "collapse"); } // the end mapClick
TÀI LIỆU THAM KHẢO
1. Sinh học
1.1 Tài liệu tiếng Việt
[1]. Đinh Thị Phƣơng Anh và cộng sự (1997), Khu hệ động – thực vật và nhân tố ảnh hƣởng, đề xuất phƣơng án bảo tồn sử dụng hợp lý khu bảo tồn thiên nhiên Bán đảo Sơn Trà, Báo cáo tổng kết đề tài.
[2]. Japan international cooperation agency Ra mắt hệ thống cơ sở dữ liệu Đa dạng sinh học quốc gia với sự hỗ trợ của JICA,
http://www.jica.go.jp/vietnam/english/office/topics/press150127_vn.htm l, truy cập ngày: 13/2/2015.
[3]. Nguyễn Văn Khánh, Phạm Thị Hồng Hà, Đoạn Chí Cƣờng, Phan Thụy Ý (2012), "Thành phần loài mối ở rừng phòng hộ Nam Hải Vân và khu bảo tồn thiên nhiên Bà Nà - Núi Chúa", Tạp chí Khoa học và Giáo dục, Số 4(03).
[4]. Vũ Văn Liên, Vũ Quang Côn, Phạm Việt Hùng, Trần Thị Thanh Bình (2013), Kết quả nghiên cứu bƣớm (Lepidoptera: Rhopalocera) ở ba khu rừng đặc dụng miền Trung Việt Nam: Đắkrông, Bạch Mã và Bà Nà-Núi Chúa (tháng 4-5/2013), Hội nghị Côn trùng học quốc gia lần thứ 8, Hà Nội, 2014.
[5]. Sinh Vật Rừng Việt Nam, Lời nói đầu,
http://www.vncreatures.net/introduction.php, truy cập ngày 08/2/2015. [6]. Trung Tâm Dữ Liệu Thực Vật Việt Nam, Giới thiệu chung,
http://www.botanyvn.com/cnt.asp?param=intro, truy cập ngày 11/2/2015. .
[7]. Đinh Phạm Công Anh Tuấn (2012), Nghiên cứu hiện trạng phân bố của bò sát ở khu bảo tồn thiên nhiên Bà Nà - Thành phố Đà Nẵng, Luận văn thạc sĩ.
[8]. Viên sinh thái và bảo vệ công trình, Kết quả nghiệm thu Dự án “Xây dựng cơ sở dữ liệu Đa dạng sinh học và An toàn sinh học tỉnh Thanh
Hóa", http://vienbaovecongtrinh.vn/vi-Vn/Tin-tuc/15789/Ket-qua- nghiem-thu-Du-an--Xay-dung-co-so-du-lieu-Da-dang-sinh-hoc-va-An- toan-sinh-hoc-tinh-Thanh-Hoa-/375.html, truy cập ngày: 08/2/2015.
1.2 Tài liệu tiếng Anh
[9]. Global Biodiversity Information Facility, What is GBIF, http://www.gbif.org/whatisgbif, truy cập ngày 11/3/2015. [10]. Ocean Biogeographic Information System, About OBIS,
http://iobis.org/about/index, truy cập ngày 11/3/2015.
2. Chuyên ngành
2.1 Tài liệu tiếng Anh
[11]. Steven Sanderson, Adam Freeman, MVC3 APRESS, 978-1-4302-3404-3 [12]. Bruce Lawson and Remy Sharp.Introduce HTML5, CA 94710, 1249
Eighth Street 2011.
[13]. Douglas Crockford. Oreilly.JavaScript.The.Good.Parts.May.2008.pdf [14]. http://en.wikipedia.org/wiki/ASP.NET
[15]. http://learn.jquery.com/
[16]. http://en.wikipedia.org/wiki/Ajax_(programming)
[17]. http://www.seethrubook.com/vi/b:SvvRG1YM4ytWbBtr/arcgis-web- phat-trien
1.2 Tài liệu tiếng Việt
[18]. Phân tích thiết kế hệ thống thông tin - TS Nguyễn Trần Quốc Vinh. [19]. Giáo trình SQL SERVER - ThS Phạm Dƣơng Thu Hằng