NGHIÊN cứu PHÁT TRIỂN hệ THỐNG THỬ NGHIỆM CUNG cấp QUANG CẢNH ĐƯỜNG PHỐ hà nội

ĐẠI HỌC QUỐC GIA HÀ NỘI TRƯỜNG ĐẠI HỌC CÔNG NGHỆ Đinh Nhật Minh NGHIÊN CỨU PHÁT TRIỂN HỆ THỐNG THỬ NGHIỆM CUNG CẤP QUANG CẢNH ĐƯỜNG PHỐ HÀ NỘI KHỐ LUẬN TỐT NGHIỆP ĐẠI HỌC HỆ CHÍNH QUY Ngành: Công nghệ thông tin HÀ NỘI - 2009 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com ĐẠI HỌC QUỐC GIA HÀ NỘI TRƯỜNG ĐẠI HỌC CÔNG NGHỆ Đinh Nhật Minh NGHIÊN CỨU PHÁT TRIỂN HỆ THỐNG THỬ NGHIỆM CUNG CẤP QUANG CẢNH ĐƯỜNG PHỐ HÀ NỘI KHOÁ LUẬN TỐT NGHIỆP ĐẠI HỌC HỆ CHÍNH QUY Ngành: Cơng nghệ thơng tin Cán hướng dẫn: TS Nguyễn Ngọc Hóa HÀ NỘI - 2009 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com LỜI CẢM ƠN Em xin gửi lời cảm ơn chân thành biết ơn sâu sắc tới Tiến sĩ Nguyễn Ngọc Hóa (Bộ mơn Cơng Nghệ Thơng Tin - Trường Đại học Công Nghệ) bảo hướng dẫn tận tình cho em suốt trình thực khoá luận Em xin gửi lời cảm ơn biết ơn sâu sắc tới thầy, cô dạy dỗ em suốt năm học tập trường Đại học Công Nghệ Những kiến thức thầy, cô dạy vô quý báu hành trang để em vững bước vào đời Em xin chân thành cảm ơn anh, chị phịng Cơng nghệ phần mềm – Trung tâm Công nghệ phần mềm – Tập đoàn Điện lực Việt Nam tạo điều kiện, giúp đỡ mặt kỹ thuật động viên tinh thần cho em q trình làm khố luận Tôi xin gửi lời cảm ơn tới bạn sinh viên lớp K50HTTT thành viên lớp K50CA trước đây, bạn bè ủng hộ khuyến khích tơi q trình nghiên cứu làm khoá luận Và cuối cùng, xin gửi lời cảm ơn lòng biết ơn tới bố, mẹ, anh chị, cảm ơn người thân yêu tôi, nuôi nấng, dạy dỗ động viên, làm chỗ dựa tinh thần cho sống học tập làm việc Xin chân thành cảm ơn! Hà Nội, ngày 25 tháng 05 năm 2006 Sinh viên Đinh Nhật Minh LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Tóm tắt nội dung: Tên đề tài khóa luận : Nghiên cứu phát triển hệ thống thử nghiệm cung cấp quang cảnh đường phố Hà Nội Cung cấp quang cảnh đường phố Hà Nội có nghĩa cho phép người sử dụng quan sát hướng xung quanh điểm, tạo cho người sử dụng cảm giác đứng vị trí đó, đồng thời cho phép họ di chuyển tới vị trí khác Nội dung khóa luận giới thiệu dịch vụ tiếng giới lĩnh vực tương tự, nêu lên phương pháp công cụ mà họ sử dụng, từ nêu lên tính cần thiết khả thi đề tài Khóa luận nêu lên toán cần thực hiện, phân tích tốn thành module nhỏ, đồng thời đưa sở lý thuyết, phương hướng thực cho module Cuối chương trình demo sản phẩm, hạn chế phương hướng phát triển LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Mục lục Danh sách hình vẽ sử dụng khóa luận LỜI MỞ ĐẦU Chương Tìm hiểu dịch vụ cung cấp quang cảnh đường phố 1.1 1.2 Google Maps Street View MapJack .7 Chương Một số lý thuyết đồ họa 3D 2.1 Giới thiệu 2.2 Một số kiến thức 2.3 Lý thuyết phép chiếu 13 2.3.1 Phép chiếu song song 13 2.3.2 Phép chiếu phối cảnh 17 2.4 3D Flash 21 Chương Bài toán 23 3.1 Mục tiêu toán 23 3.2 Phân tích tốn 23 3.3 Các lý thuyết liên quan 23 3.3.1 Adobe Flash .23 3.3.2 Flex builder 3.0 26 3.3.3 Action Script .28 3.3.4 Open Sources 28 3.4 Giải toán 28 3.4.1 Xây dựng chương trình cho phép người sử dụng nhìn xung quanh 360° 29 3.4.2 Xử lý việc cho phép người sử dụng dịch chuyển tới vị trí khác 31 3.4.3 Cách lưu trữ Cơ sơ liệu 35 3.5 Thực nghiệm .36 3.5.1 Môi trường thực nghiệm 36 3.5.2 Công cụ thực nghiệm 37 3.5.3 Quá trình thực nghiệm .37 3.6 Kết thực nghiệm 40 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Chương Kết luận 43 4.1 4.2 Đóng góp 43 Hướng phát triển đề tài 43 Tài liệu tham khảo 45 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nghiên cứu phát triển hệ thống thử nghiệm cung cấp quang cảnh đường phố Hà Nội Danh sách hình vẽ sử dụng khóa luận Hình Hình ảnh quang cảnh đường phố Google Maps Street View Hình Hình ảnh quang cảnh đường phố MapJack Hình Giao diện công cụ MapJack Hình Ba phép chiếu trực giao đối tượng 14 Hình Phép chiếu kích thước đối tượng lên bề mặt quan sát 15 Hình Phép chiếu vng góc lên mặt phẳng chiếu 16 Hình Phép chiếu phối cảnh mặt phẳng chiếu 18 Hình Các quang cảnh phối cảnh hình lập phương 20 Hình Adobe Flash CS3 24 Hình 10 Adobe Flex Builder 3.0 26 Hình 11 Action Script 3.0 Logo 28 Hình 12 Ảnh 360° 29 Hình 13 Ảnh mặt cầu 31 Hình 13 Cách định hướng Google Maps Street View 32 Hình 14 Ảnh mờ ảnh mặt cầu 34 Hình 15 Ảnh mờ mặt khối lập phương 34 Hình 16 Ảnh mặt điểm 41 Hình 17 Kết thu 41 SVTH: Đinh Nhật Minh GVHD: TS Nguyễn Ngọc Hóa LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nghiên cứu phát triển hệ thống thử nghiệm cung cấp quang cảnh đường phố Hà Nội LỜI MỞ ĐẦU Du lịch nhu cầu phổ biến nhiều quốc gia, có Việt Nam, thật khó khăn cho khách hàng việc lựa chọn địa điểm du lịch, thông qua tranh ảnh, tờ rơi, quảng cáo chắn khơng xác Cịn tiện lợi bạn “xem” “tận mắt” địa điểm mà bạn đắn đo, để xem thích nơi mà bạn đến tận nơi, ngồi nhà, nhâm nhi cốc café hay tán gẫu bạn bè chuyến du lịch tới Tất bạn cần làm trình duyệt web kết nối internet Như biết, Google Maps Street View dịch vụ tiếng giới Dịch vụ cho phép người sử dụng “đi lại” đường phố nơi “Đi lại” hiểu theo nghĩa bạn thấy phong cảnh, đường phố nơi bạn chọn, cảnh chụp lại nên tính trung thực cao, bạn hồn tồn n tâm khơng phải lo nghĩ phong cảnh nơi đến có làm bạn thất vọng hay không Tuy nhiên, hạn chế mặt quy mô, nên Google Maps Street View thực số thành phố số quốc gia Cịn Việt Nam sao? Nếu Google để mắt tới Việt Nam, may có số thành phố lớn đưa vào CSDL Google Maps Vậy không tự xây dựng dịch vụ tương tự đất nước mình? Với thực trạng đó, mục tiêu khố luận tốt nghiệp tơi tập trung xoay quanh tìm câu trả lời cho câu hỏi Trong trình nghiên cứu, tìm hiểu thực khóa luận này, kết bước đầu thu chứng minh việc cung cấp dịch vụ quang cảnh đường phố hồn tồn thực với công nghệ kỹ thuật Việt Nam SVTH: Đinh Nhật Minh GVHD: TS Nguyễn Ngọc Hóa LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nghiên cứu phát triển hệ thống thử nghiệm cung cấp quang cảnh đường phố Hà Nội Chương Tìm hiểu dịch vụ cung cấp quang cảnh đường phố Như biết, Google Maps Street View MapJack dịch vụ tiếng lĩnh vực này, để nắm rõ mục tiêu khóa luận, trước hết hày tìm hiểu đơi nét dịch vụ 1.1 Google Maps Street View http://maps.Google.com/help/maps/streetview/ Google Maps (thời gian trước gọi Google Local) dịch vụ ứng dụng công nghệ đồ trực tuyến web miễn phí cung cấp Google hỗ trợ nhiều dịch vụ dựa vào đồ Google Ride Finder dùng để nhúng vào trang web bên thứ ba thông qua Google Maps API (Application Programing Interface) Nó cho phép thấy đồ đường xá, đường cho xe đạp, cho người (những đường ngắn 6.2 dặm) xe hơi, địa điểm kinh doanh khu vực khắp nơi giới Google Maps trước có ảnh chụp từ vệ tinh, với độ phóng to, thu nhỏ mà cho hình ảnh rõ, qua ta biết tuyến đường này, khu vực đâu, từ vị trí đến vị trí cách Cách khơng lâu, Google Maps đưa thêm tính với tên: Google Maps Street View Tính cho phép người sử dụng nhìn cận cảnh đường phố, nhà cửa, tạo cho người sử dụng cảm giác họ đường Có thể nói bước đột phá Google SVTH: Đinh Nhật Minh GVHD: TS Nguyễn Ngọc Hóa LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nghiên cứu phát triển hệ thống thử nghiệm cung cấp quang cảnh đường phố Hà Nội Hình Hình ảnh quang cảnh đường phố Google Maps Street View Google Maps Street View cho phép người sử dụng nhìn xung quanh cách sử dụng chuột button phía bên trái đồ, dùng phím mũi tên sang trái, sang phải để nhìn bên với phím page up page down để nhìn bên bên Người sử dụng di chuyển đến địa điểm khác, có cách sau: - Sử dụng phím mũi tên lên xuống để di chuyển đến điểm liền kề trước sau đồ Sử dụng mũi tên có hình để di chuyển đến điểm liền kề trước sau đồ Di chuyển hình người đồ nhỏ (mini map) tới vị trí cần đến (khơng giới hạn đến điểm kề với vị trí tại) Chế độ zoom Google Maps Street View tốt, cho ảnh có độ nét chấp nhận phóng to Tương tự nhìn xung quanh, sử dụng chuột (wheel mouse) button + – có đồ SVTH: Đinh Nhật Minh GVHD: TS Nguyễn Ngọc Hóa LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nghiên cứu phát triển hệ thống thử nghiệm cung cấp quang cảnh đường phố Hà Nội Hình 13 Ảnh mặt cầu 3.4.2 Xử lý việc cho phép người sử dụng dịch chuyển tới vị trí khác Việc di chuyển từ điểm tới điểm khác chương trình, đơn giản thay đổi hình ảnh hiển thị gán mặt khối lập phương - - Sử dụng bàn phím: Bắt kiện người sử dụng bấm vào phím bàn phím, phím bấm lên (hoặc xuống), ta thay đổi đường dẫn tới ảnh ứng với mặt Khi sử dụng bàn phím, cho phép dịch chuyển tới điểm liền kề phía trước (hoặc phía sau) Sử dụng button có hình: ta tạo button tiến lên lùi lại hình, việc xử lý button tương tự với viêc xử lý di chuyển từ bàn phím, có nghĩa cho phép tiến lên (hoặc lùi lại) tới điểm liền kề với điểm Đối với cách này, xử lý đoạn đường thẳng cho kết tốt, nhiên, đến đoạn ngã hay ngã tư, đoạn rẽ vào đường nhỏ, có button (và phím )là tiến lùi, việc thay đổi phương hướng để rẽ sang ngả khác thực Vấn đề xảy ta nhìn xung quanh, ta quay ngược lại 180°, tiến lên lùi lại ngược??? Do ta cần phải kiểm soát phương SVTH: Đinh Nhật Minh 31 GVHD: TS Nguyễn Ngọc Hóa LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nghiên cứu phát triển hệ thống thử nghiệm cung cấp quang cảnh đường phố Hà Nội hướng góc nhìn người sử dụng, để đưa người sử dụng tới vị trí mà họ chọn - Cách thứ 3, định vị sẵn phương hướng đồ cho người sử dụng Google Maps Street View sử dụng đường thằng nằm nối từ điểm tới điểm gần nhất, cịn MapJack sử dụng điểm nằm đường Vấn đề đặt “trục” làm để nằm đường, ta nhìn xung quanh trục phải di chuyển theo Vì điểm “trục” khác (có thể cong sang hướng khác, đến ngã rẽ), việc thiết lập “trục” cho điểm bất khả thi Ý tưởng là: ta thiết kế trục đường dựa hình dạng đường thật, trục ta định vị tọa độ cho điểm mà ta chọn làm điểm quan sát (view point), điểm ta load ảnh tương ứng với điểm “Trục” phải đưa vào không gian 3D, với độ quay thích hợp với độ quay khối lập phương để “trục” không bị lệch khỏi đường Đối với MapJack, có điểm xanh nằm mặt đường nên việc xác định vị tri điểm dễ dàng hơn, đồng thời cho ta hình ảnh cụ thể đường Còn Google Maps Street View, việc nối từ điểm tới điểm liền kề khơng cho người sử dụng hình dung hình dạng đường, ngã rẽ Hình 13 Cách định hướng Google Maps Street View khơng cho ta hình dạng đường SVTH: Đinh Nhật Minh 32 GVHD: TS Nguyễn Ngọc Hóa LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nghiên cứu phát triển hệ thống thử nghiệm cung cấp quang cảnh đường phố Hà Nội Google Maps Street View MapJack có đồ nhỏ, đồ nhỏ có điểm ứng với điểm đồ lớn Các điểm có thuộc tính kinh độ (Longitude) vĩ độ (latitude ), người sử dụng click vào đồ nhỏ, chương trình tìm điểm gần với vị trí click chuột nhất, lấy giá trị kinh độ vĩ độ Trên đồ lớn, nhận giá trị vừa lấy hiển thị hình hình ảnh điểm có tọa độ tương ứng Bản đồ lớn đồ nhỏ flash độc lập với nhau, việc truyền biến flash sang flash khác, ta sử dụng đến hàm localConnection flash Việc tạo sẵn trục đồ thường dẫn đến sai lệch trục hình dạng đường thật, việc tính tốn độ xoay góc nhìn người sử dụng cho khớp với gọc nhìn trục khó khăn Liệu có cách mà ta xác định vị trí điểm gần với vị trí tại, hiển thị chúng lên điều quan trọng “đặt” chúng đường, khơng bị lệch ngồi? Câu trả lời có, sử dụng hotspot (các điểm nóng) Các điểm nóng đưa lên cố định vào vị trí flash, hostspot đưa lên layer flash, layer xử lý việc hiển thị ảnh 360°, ta click vào hotspot, chương trình gọi hàm tương ứng (giống javascript), ta load lại file swf với thông số thay đổi, cụ thể đường dẫn đến file ảnh tương ứng với vị trí hotspot Các thuộc tính số hotspot thường lưu file xml Khi dịch chuyển từ điểm sang điểm khác, thời gian load ảnh lâu, trước ảnh load, hình màu xám (màu mặc định giá trị truyền vào null), để khắc phục, ta đưa lên ảnh mờ (độ phân giải thấp) ảnh định load, dung lượng ảnh nhỏ nên load nhanh Người sử dụng biết “lờ mờ” quang cảnh điểm đó, hiểu liệu điểm load lên Sau ảnh mờ điểm, dùng cho phương pháp: sử dụng khối lập phương mặt sử dụng ảnh mặt cầu SVTH: Đinh Nhật Minh 33 GVHD: TS Nguyễn Ngọc Hóa LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nghiên cứu phát triển hệ thống thử nghiệm cung cấp quang cảnh đường phố Hà Nội Hình 14 Ảnh mờ ảnh mặt cầu Hình 15 Ảnh mờ mặt khối lập phương SVTH: Đinh Nhật Minh 34 GVHD: TS Nguyễn Ngọc Hóa LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nghiên cứu phát triển hệ thống thử nghiệm cung cấp quang cảnh đường phố Hà Nội 3.4.3 Cách lưu trữ Cơ sơ liệu Flash cho phép import file vào thư viện mình, việc sử dụng file đơn giản tốc độ truy cập nhanh, nhiên số lượng file import vào bị hạn chế, nhiều file import file flash có kích thước lớn, việc load file flash lên trang web lâu Do đó, ta lưu trữ file ảnh với file xml bên flash đặt máy chủ (server) Ta có file xml để xác định điểm có kinh độ x vĩ độ y đồ nhỏ ứng với thư mục lưu trữ ảnh sử dụng đồ lớn Để phục vụ cho chức tìm kiếm theo tên hoàn thiện sau này, ta nên lưu trữ theo cấu trúc: Tên_thư_mục_gốc/Tên_thành_phố/Tên_đường/Vị_trí_điểm_trên_đg/các_file_ảnh Ví dụ: images/Hà Nội/Nguyễn Trãi/3/front.jpg Trong đó, vị trí điểm thể hình, giá trị lưu file xml xác định tọa độ điểm nói Ảnh có kích thước lớn tốc độ load ảnh lâu, ngược lại, ảnh có kích thước nhỏ tốc độ load nhanh Lấy ví dụ, thực nghiệm với Adobe Flash CS3 Action Script 3.0, load ảnh có kích thước 600 x 800 (pixel) vào biến, đặt độ trễ trước xử lý với biến 0,2s (300 ms), kết trả cho biến null (kiểm tra câu lệnh trace(tên_biến);), có nghĩa 0,2s ảnh chưa load lên Cũng với ảnh đó, ta chia thành ảnh nhỏ kích thước 300 x 400 (pixel), với độ trễ vậy, kết trả cho biến Bitmap Object Như vậy, ta nên chia ảnh panorama thành ảnh với kích thước nhỏ để tăng tốc độ load ảnh Như nói phần trước, việc sử dụng hotspot tiện lợi, flash đọc file xml để biết vị trí, số lượng hotspot điểm, đồng thời biết hành động ta click vào hotspot Cách lưu file xml là, với thử mục chứa ảnh điểm, ta có file xml, có lưu theo dạng: SVTH: Đinh Nhật Minh 35 GVHD: TS Nguyễn Ngọc Hóa LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nghiên cứu phát triển hệ thống thử nghiệm cung cấp quang cảnh đường phố Hà Nội Ở mục - - id=”1” để phân biệt hotspt với nhau, điểm (“điểm” nơi ảnh 360° hienr thị, hotspot gán lên đó) có số lượng hotspot kahcs nhau, ví dụ ngã ba số lượng hotspot nhiều đường thẳng pan=”0” tilt=”0” biến để định vị trí hotspot, biến quan hệ chặt chẽ với biến lastPanAngle lastTiltAngel flash url=”hotspot.jpg” đường dẫn đến file hình ảnh hiển thị cho hotspot Zoom=”1” mức độ zoom hotspot, giá trị thay đổi theo giá trị zoom flash Street point thuộc tính xác định đường dẫn đến fie ảnh cần thiết onClick=”……….”, phần … đoạn script mà flash thực ta click vào hotspot, chương trình chúng ta, đơn giản thay đổi đường dẫn tới thư mục có ảnh tương ứng 3.5 Thực nghiệm 3.5.1 Môi trường thực nghiệm CPU: Genuine Intel(R) T2130 @ 1.86GHz 782 MHz SVTH: Đinh Nhật Minh 36 GVHD: TS Nguyễn Ngọc Hóa LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nghiên cứu phát triển hệ thống thử nghiệm cung cấp quang cảnh đường phố Hà Nội RAM: 1024MB OS: Microsoft Windows XP Professional Version 2002 Service Pack HDD: 80GB (33,6GB – 32,9GB – 7,98GB) 3.5.2 Công cụ thực nghiệm - Adobe Flash CS3 Adobe Flash Player 10.0 Flex Builder 3.0 Internet Explorer 7.0 Away3d ver 2.3 3.5.3 Quá trình thực nghiệm Các Class liên quan sử dụng gồm có: import away3d.cameras.HoverCamera3D; import away3d.containers.Scene3D; import away3d.containers.View3D; import away3d.core.utils.Cast; import away3d.events.*; import away3d.lights.DirectionalLight3D; import away3d.materials.BitmapMaterial; import away3d.primitives.Skybox; import flash.display.*; import flash.events.*; SVTH: Đinh Nhật Minh 37 GVHD: TS Nguyễn Ngọc Hóa LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nghiên cứu phát triển hệ thống thử nghiệm cung cấp quang cảnh đường phố Hà Nội import flash.net.URLLoader; import flash.net.URLRequest; import flash.utils.Timer; Trong đó: - - - - - away3d.cameras.HoverCamera3D: lớp nằm away3d, tạo camera mở rộng lơ lửng xung quanh đối tượng định away3d.containers.Scene3D: lớp nằm away3d, container gốc chứa tất đối tượng 3d phông cảnh đơn (single scene) away3d.containers.View3D: lớp nằm away3d, Sprite container dùng để lưu trữ camera, scene, session, renderer clip có liên quan, bên cạnh lớp View3D dùng để xử lý kiện chuột away3d.core.utils.Cast: lớp nằm away3d, lớp trợ giúp dùng để bắt trả kiểu liệu định đối tượng sử dụng, chương trình này, ta đưa đối tượng kêiur dũ liệu BitmapData away3d.events.*: lớp nằm away3d, class nằm events, để nắm bắt xử lý kiện CameraEvent, LoaderEvent hay Object3Devent… away3d.lights.DirectionalLight3D: lớp nằm away3d, nguồn sáng để tô màu tất nguyên liệu (material) bóng mờ theo tỉ lệ điểm sinh vector có khoảng trống với vector thường Giá trị vơ hướng khoảng cách không ảnh hưởng đến kết cường độ sáng, chúng tính tốn nguồn khoảng cách vô hạn với độ sáng vô hạn away3d.materials.BitmapMaterial: lớp nằm away3d, nguyên liệu kiểu Bitmap away3d.primitives.Skybox: lớp nằm away3d, tranh tồn cảnh 360° thiết lập với mặt, giống mặt bên khối lập phương flash.display.*: lớp có sẵn flash, bao gồm lớp phục vụ cho việc hiển thị chương trình flash.events.*: lớp có sẵn flash, gồm lớp thực việc nắm bắt xử lý kiện MouseEvent, KeyboardEvent… SVTH: Đinh Nhật Minh 38 GVHD: TS Nguyễn Ngọc Hóa LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nghiên cứu phát triển hệ thống thử nghiệm cung cấp quang cảnh đường phố Hà Nội - - flash.net.URLLoader flash.net.URLRequest: lớp sẵn có flash, phục vụ cho việc tải tài ngun từ bên ngồi mà khơng cần phải đưa tài nguyên vào thư viện flash, ta giải thích kỹ vấn đề phần sau flash.utils.Timer: lớp sẵn có flash, sử dụng với mục đích dừng chương trình khoảng thời gian định liệu bên tải cách đầy đủ Đầu tiên, tiến hành thực công việc xây dựng chương trình cho phép người sử dụng nhìn 360° điểm, việc khởi tạo scene, điểm nhìn (view point) camera tương đối đơn giản, hàm có sẵn away3d Sau việc tải (load) ảnh nằm ngồi thư viện vào chương trình, flash có hay kiểu liệu ảnh Bitmap BitmapData, ta khơng thể trực tiếp đưa ảnh vào biến có kiểu mà phải thông qua biến kiểu Loader Hai lớp flash.net.URLLoader flash.net.URLRequest để phục vụ cho bước Sau load ảnh vào biến thích hợp, ta khởi tạo khối lập phương với mặt ảnh load, Skybox, nhiên tham số đầu vào Skybox lại kiểu liệu dùng riêng cho away3d BitmapMaterial Bitmap hay BitmapData, đó, ta phải dùng đến lớp away3d.core.utils.Cast, lớp cho phép ta đọc kiểu liệu Bitmap BitmapData kiểu liệu BitmapMaterial Một vấn đề khác nảy sinh, biến kiểu Loader phải đọc liệu từ bên vào nên tốc độ xử lý chậm, thực việc gán giá trị lúc biến có giá trị null, kết đưa hình lưới tam giác (TriangleGrid) Để khắc phục, sử dụng đến class flash.utils.Timer để dừng chương trình khoảng thời gian đủ để load xong ảnh gán giá trị vào biến Sau có khung ảnh, có điểm nhìn, camera đối tượng 3D, việc cuối cần làm xử lý việc xoay khối lập phương chuột Ta dùng hàm addEventListrner với kiện chuột, ta nắm bắt kiện sau: SVTH: Đinh Nhật Minh 39 GVHD: TS Nguyễn Ngọc Hóa LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nghiên cứu phát triển hệ thống thử nghiệm cung cấp quang cảnh đường phố Hà Nội - - - Chỉ xử lý chuột tiến vào hình (ENTER_FRAME), ta cần có biến lưu trạng thái (có di chuyển hay không), đặt tên move, kiểu liệu Boolean, việc di chuyển thực move = true; Khi chuột khỏi hình (MOUSE_LEAVE), trạng thái chuột (click chuột trái, click chuột phải hay không, di chuyển hay khơng di chuyển…), trạng thái hình khơng thay đổi, gán move = false; Khi chuột di chuyển (MOUSE_MOVE): o Khi chuột trái bấm giữ (MOUSE_DOWN): thực di chuyển, cách gán move = true; o Khi chuột trái thả (MOUSE_UP): không thực gì, cách gán move = false; Thứ hai, thực việc cho phép người sử dụng dịch chuyển từ vị trí sang vị trí khác, việc xử lý click vào button bấm mũi tên tiến, lùi tương đối giống nhau, khác cách gọi kiện, mục tiêu chúng đưa người sử dụng đến vị trí liền trước liền sau so với vị trí Điều quan trọng cho phép người dùng “tự do” chọn địa điểm mà đưa ra, khơng thiết phải tiến hay lùi bước Việc tạo hotspot thành công, nhiên, việc xếp lưu trữ, nội dung file xml chưa hoàn thiện 3.6 Kết thực nghiệm Thiết kế xây dựng chương trình cho phép người sử dụng “xoay” nhìn xung quanh 360° điểm Đối với ảnh chụp từ camera chuyên dụng (tìm download mạng), kết thu khả quan Sau hình ảnh ảnh với thứ tự xếp từ trái qua phải, từ xuống dưới: Sau (back) – Trái (left) – Trước (front) – Phải (right) – Dưới (down) – Trên (up) SVTH: Đinh Nhật Minh 40 GVHD: TS Nguyễn Ngọc Hóa LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nghiên cứu phát triển hệ thống thử nghiệm cung cấp quang cảnh đường phố Hà Nội Hình 16 Ảnh mặt điểm Và bên kết thu Hình 17 Kết thu Kết thu khơng thể có nhiều chức nhự Google Maps Street View hay MapJack đáp ứng yêu cầu đề toán, tạo cho người sử dụng cảm giác đứng vị trí ngồi đời thật, nhìn bao qt xung quanh (tuy hạn chế phía bên dưới) SVTH: Đinh Nhật Minh 41 GVHD: TS Nguyễn Ngọc Hóa LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nghiên cứu phát triển hệ thống thử nghiệm cung cấp quang cảnh đường phố Hà Nội Chương trình thu kết sau: - Cho phép người dùng “nhìn” xung quanh 360° Tạo hotspot hình, làm tiền đề cho việc định dạng đường dự định sau Cho phép người sử dụng tiến lùi tới điểm liền kề dựa vào bàn phím button ảnh Bên cạnh đó, chương trình cịn có điểm thiếu sót, cần bổ sung: - Chưa có chế độ zoom in zoom out Chưa có phần hỗ trợ công cụ (độ tương phản, độ nét, ánh sáng…) Chưa vận hành mơ hình client-server, kiểm tra local host Và ý tưởng khác SVTH: Đinh Nhật Minh 42 GVHD: TS Nguyễn Ngọc Hóa LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nghiên cứu phát triển hệ thống thử nghiệm cung cấp quang cảnh đường phố Hà Nội Chương Kết luận 4.1 Đóng góp Trong khn khổ thực khố luận tốt nghiệp với mục tiêu nghiên cứu, tìm hiểu xây dựng thử nghiệm hệ thống cung cấp quang cảnh đường phố, tơi thu kết sau: - Tìm hiểu cơng nghệ Flash ngơn ngữ lập trình Action Script Nghiên cứu, tìm hiểu Google Maps API cơng cụ hỗ trợ Krpano Tìm hiểu, đánh giá open source hỗ trợ cho chương trình, away3d, papervision3d, sandy… Phân tích tốn mục tiêu đưa hướng giải Xây dựng thành cơng chương trình demo cho đoạn đường nhỏ 4.2 Hướng phát triển đề tài Việc nghiên cứu phát triển Street View Việt Nam đem lại nhiều lợi ích to lớn, đặc biệt ngành du lịch Bước đầu, xây dựng Street View thành phố du lịch, để du khách nước biết lựa chọn Việc cập nhật Cơ sở liệu đơn giản cập nhật (thêm chỉnh sửa) lại hình ảnh tuyến đường, khu vực Chính việc đặt sở liệu bên flash nên việc cập nhật không phức tạp đặt flash Trên tuyến đường, nhà hàng, khách sạn, địa điểm kinh doanh, vui chơi giải trí đăng ký để quảng cáo dịch vụ Street View Ý tưởng là: đến địa điểm nhà hàng đó, người sử dụng click vào hình ảnh nhà hàng, thơng tin nhà hàng Phát triển cao nữa, cho phép người sử dụng “tham quan” bên nhà hàng Việc “tham quan” bên kiến trúc thực tương tự việc cho người sử dụng “đi lại” “quan sát” đường phố, thay đổi cảnh vật SVTH: Đinh Nhật Minh 43 GVHD: TS Nguyễn Ngọc Hóa LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nghiên cứu phát triển hệ thống thử nghiệm cung cấp quang cảnh đường phố Hà Nội Street View có tích hợp với hệ thống đồ, việc tìm đường dễ dàng hơn, việc tìm điểm mốc dễ có hình ảnh cụ thể Bên cạnh đó, hạn chế mặt thời gian phương tiện, chương trình demo chưa thực đầy đủ chức mong muốn tác giả, đề tài đầu tư phát triển, tin kết tốt lợi ích mà mang lại khơng nhỏ SVTH: Đinh Nhật Minh 44 GVHD: TS Nguyễn Ngọc Hóa LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nghiên cứu phát triển hệ thống thử nghiệm cung cấp quang cảnh đường phố Hà Nội Tài liệu tham khảo Các tài liệu adbo flash Action Script: [1] OReilly Learning.ActionScript.3.0.A.Beginners.Guide.Jan.2008 [2] Friends of Ed Foundation ActionScript Animation Making Things Move [3] Trang web: http://www.kirupa.com/ Các tài liệu away3d: [4] Trang web: http://away3d.com/ Các tài liệu về lý thuyết khơng gian 3d: [5] Giáo trình Kỹ thuật đồ họa SVTH: Đinh Nhật Minh 45 GVHD: TS Nguyễn Ngọc Hóa LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com ... luanvanchat@agmail.com Nghiên cứu phát triển hệ thống thử nghiệm cung cấp quang cảnh đường phố Hà Nội Chương Bài toán 3.1 Mục tiêu toán Bài toán cung cấp quang cảnh đường phố Hà Nội tốn đặt nhằm mục đích cung cấp. .. download : add luanvanchat@agmail.com Nghiên cứu phát triển hệ thống thử nghiệm cung cấp quang cảnh đường phố Hà Nội Chương Tìm hiểu dịch vụ cung cấp quang cảnh đường phố Như biết, Google Maps Street... QUỐC GIA HÀ NỘI TRƯỜNG ĐẠI HỌC CÔNG NGHỆ Đinh Nhật Minh NGHIÊN CỨU PHÁT TRIỂN HỆ THỐNG THỬ NGHIỆM CUNG CẤP QUANG CẢNH ĐƯỜNG PHỐ HÀ NỘI KHỐ LUẬN TỐT NGHIỆP ĐẠI HỌC HỆ CHÍNH QUY Ngành: Công nghệ thông