Đồ án môn học biểu diễn toà nhà trung tâm đài truyền hình việt nam trên bản đồ 3d

ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CƠNG NGHỆ THƠNG TIN Mơn học: Hệ thống thơng tin địa lý chiều ĐỒ ÁN MÔN HỌC Biểu diễn Tồ nhà trung tâm Đài truyền hình Việt Nam đồ 3D Lớp: Tên nhóm: Thành viên nhóm: ST T MSSV Họ tên Nhận xét giáo viên STT Nội dung Đánh giá Chương 1: TỔNG QUAN, ĐẶT VẤN ĐỀ, NÊU Ý NGHĨA ĐỀ TÀI VÀ MỤC TIÊU 1.1 Tổng quan & Đặt vấn đề 1.2 Ý nghĩa mục tiêu đề tài 1.2.1 Ý nghĩa 1.2.2 Mục tiêu chung 1.2.3 Mục tiêu cụ thể Chương 2: PHÂN TÍCH VÀ MƠ HÌNH HÓA 2.1 Cơ sở lý thuyết 2.2 Mơ hình hóa 2.3 Sơ đồ quan hệ đối tượng (Entity Relationship Diagram) 2.4 Chuyển mơ hình ERD thành mơ hình quan hệ 10 2.5 Sơ đồ trường hợp sử dụng ứng dụng (Use Case Diagram) 14 2.5.1 Use Case 14 2.5.2 Đặc tả use case 17 2.5.2.1 Đăng nhập 17 2.5.2.2 Tìm kiếm thơng tin 17 2.5.2.3 Tìm kiếm đường đi/ tìm đường ngắn 18 2.5.2.4 Quản lý sở vật chất 19 2.5.2.5 Quản lý thông tin 20 2.5.2.6 Chỉ đường 22 2.6 Sơ đồ luồng liệu ứng dụng (Data Flow Diagram) 22 2.7 Sơ đồ trình tự (Sequence Diagram) 26 Chương 3: THIẾT KẾ ỨNG DỤNG 3.1 Công nghệ sử dụng 30 30 3.1.1 HTML 30 3.1.2 Node.js 30 3.1.3 MongoDB 31 3.1.4 Figma 32 3.2 Giao diện ứng dụng Chương 4: KẾT QUẢ VÀ ĐỊNH HƯỚNG PHÁT TRIỂN 33 42 4.1 Kết 42 4.2 Định hướng phát triển 46 Danh mục 48 Hình ảnh 48 Bảng biểu 48 Tài liệu tham khảo 50 Chương 1: TỔNG QUAN, ĐẶT VẤN ĐỀ, NÊU Ý NGHĨA ĐỀ TÀI VÀ MỤC TIÊU 1.1 Tổng quan & Đặt vấn đề Ngày với phát triển khoa học công nghệ đại với nhu cầu việc quản lý sở hạ tầng ngày cao quy hoạch, du lịch, đánh giá, biến động, giao thông, trạng, giải tỏa, quản lý đất đai Thì việc ứng dụng GIS đồ ngành nghề, lĩnh vực cần thiết Bởi GIS công nghệ mạnh mẽ hỗ trợ tốt việc quản lý tương tác tốt hai loại liệu thuộc tính liệu không gian với thay đổi thời gian Ở Việt Nam năm công nghệ phát triển xây dựng nhiều ứng dụng GIS để phục vụ cho mục đích quan trọng, nhiên hạn chế nguồn nhân lực, ứng dụng GIS chưa áp dụng cho nhiều dự án quốc gia để cung cấp thơng tin xác trực quan cho người có mong muốn tìm hiểu Đồng thời nay, công nghệ đồ thể dạng 2D mặt phẳng nên chưa thể góc nhìn, chưa cụ thể trực quan hóa khơng gian… Đài truyền hình Việt Nam kênh truyền thơng thức quốc gia trực thuộc Chính phủ nước Cộng hoà Xã hội chủ nghĩa Việt Nam, đơn vị cung cấp chương trình truyền hình chất lượng cao, đáp ứng nhu cầu phong phú khán giả nước quốc tế; cập nhật tin tức nóng hổi từ tất lĩnh vực đời sống xã hội, văn hoá – thể thao, du lịch, khoa học – công nghệ, Là đơn vị đầu việc truyền tải tin tức truyền hính số, việc thường xuyên cải tiến nâng cấp trạng sở vật chất việc cấp thiết Vì việc xây dựng mơ hình 3D giúp quản lý tốt trạng sở vật chất, đối tượng, đồng thời có nhìn thực thực kiến trúc cảnh quan không gian Đài truyền hình Việt Nam từ có định hướng quy hoạch không gian quản lý tương lai Xuất phát từ vấn đề đề tài “Biểu diễn nhà trung tâm Đài truyền hình Việt Nam đồ 3D” thực với cơng nghệ ArcGIS API để đơn giản hố việc mơ mơ hình 3D dễ dàng phát triển tương lai 1.2 Ý nghĩa mục tiêu đề tài 1.2.1 Ý nghĩa Nghiên cứu xây dựng mơ hình 3D biểu diễn Tồ nhà trung tâm Đài truyền hình Việt Nam mang ý nghĩa làm tơn lên hình ảnh biểu tượng truyền hình Việt Nam, cơng trình mang tầm cỡ giới, thể tiến quốc gia lĩnh vực truyền hình số 1.2.2 Mục tiêu chung Mục tiêu chung nghiên cứu xây dựng mơ hình 3D Tồ nhà trung tâm Đài truyền hình Việt Nam dựa ArcGIS API để thể nhìn khái quát khơng gian kiến trúc cơng trình, phục vụ cho công tác quản lý, tham quan định hướng bảo dưỡng, sửa chữa định kỳ mở rộng tương lai 1.2.3 Mục tiêu cụ thể Ứng với mục tiêu chung nghiên cứu đặt mục tiêu cụ thể sau: - Tạo sở liệu hoàn chỉnh, thể đầy đủ xác thơng tin khơng gian, vị trí thực thể trụ sở Đài truyền hình Việt Nam: Tồ nhà trung tâm, trạm phát sóng, trường quay kho thiết bị ghi hình - Tạo mơ hình 3D đối tượng Tồ nhà trung tâm, trạm phát tín hiệu, tồ nhà lân cận, ứng với độ cao đối tượng thuộc tính cách xây dựng dạng hình khối từ toạ độ xây dựng từ sở liệu, - Xây dựng hồn chỉnh mơ hình Tồ nhà trung tâm Đài truyền hình Việt Nam cách chồng lấp đối tượng biên tập theo hệ thống sở liệu Chương 2: PHÂN TÍCH VÀ MƠ HÌNH HĨA 2.1 Cơ sở lý thuyết Mơ hình 3D FDS mơ hình biểu diễn liệu dạng 3D dễ triển khai vào dự án Các đối tượng mơ hình 3D FDS: gồm đối tượng sở: POINT, LINE, SURFACE, BODY đối tượng quan hệ khác bao gồm: NODE, ARC, EDGE, NODEFACE, ARCFACE, ARCBODY, NODEBODY Hnh 1: Mô hnh 3D FDS  Ưu điểm: - Mơ hình lưu trữ trực quan, sử dụng rộng rãi để biểu diễn cơng trình đồ 3D - Dễ dàng tách bạch đối tượng không gian phi không gian - Lưu trữ quan hệ topology đối tượng không gian  Nhược điểm - Dữ liệu lớn với cơng trình mơ hình địi hỏi độ phức tạp cao - Khó biểu diễn đối tượng phức tạp 2.2 Mô hình hóa Nghiên cứu biểu diễn Tồ nhà trung tâm Đài truyền hình Việt Nam mơ tả trực quan khơng gian kiến trúc trụ sở Đài truyền hình Việt Nam Hà Nội, cung cấp thông tin số liệu kiến trúc bên cơng trình, hỗ trợ đường cho hệ thống nhân viên đối tác nước phận có phận làm việc lại trụ sở Đài Nghiên cứu thực mơ hình gốc mơ hình 3D FDS không áp dụng thay đổi riêng nhằm tránh yếu tố gây bất đồng thực xây dựng sở liệu 2.3 Sơ đồ quan hệ đối tượng (Entity Relationship Diagram) Thực thể: - BODY: thực thể biểu diễn cơng trình đồ 3D - LINE: thực thể biểu diễn đường, lối đến cơng trình - SURFACE: thực thể biểu diễn bề mặt cơng trình - POINT: thực thể biểu diễn toạ độ điểm đồ 3D - EDGE: thực thể biểu diễn đoạn thẳng nối hai điểm đồ 3D - ARC, NODE, FACE: thực thể thuộc BODY cơng trình, biểu diễn vật thể thuộc cơng trình Các quan hệ: - Quan hệ thuộc NODE FACE (NODEFACE): FACE thuộc BODY cơng trình Thể quan hệ cơng trình mặt (tường) tạo nên cơng trình - Quan hệ thuộc ARC FACE (ARCFACE): Face có nhiều Arc Arc thuộc nhiều Face Thể quan hệ mặt (tường) cạnh (cung) - Quan hệ chứa ARC BODY (ARCFACE): Face chứa nhiều ARC ARC thể cung thuộc mặt cơng trình 10 Hiển thị Trang đường Mơ tả Hiển thị giao diện hỗ trợ người dùng thông tin đường ngắn hai địa điểm thuộc Tồ nhà trung tâm Truyền hình Việt Nam Bng 18: Đặc t tổng quan giao diện tính hỗ trợ đường Nội dung hiển thị: Item Type Data Mơ tả Logo Link Giới thiệu Link Mapping Link Tìm đường Link Item Link Mapping Giúp User đến tính Tìm đường Giúp User đến tính Tuyển dụng & Liên Đăng nhập Link Đăng nhập Tài khoản Đăng ký Link Hiển thị logo VTV Giúp User đến tính Giới thiệu Giúp User đến tính hệ Đăng ký chưa có Tài khoản - Ban biên tập Đi từ Dropdow n item Đi đến Dropdow n item - Khu vực truyền dẫn phát sóng, lưu trữ - Khu vực lãnh đạo - Ban chức tham mưu - Hội trường họp - Văn phòng tầng - 28 - Ban biên tập Điểm bắt đầu vị trí di chuyển Điểm kết thúc vị trí - Khu vực truyền dẫn phát cần di chuyển sóng, lưu trữ - Khu vực lãnh đạo - Ban chức tham mưu 38 - Hội trường họp Văn phịng tầng - 28 Tìm đường Tìm đường địa Button điểm Bng 19:Đặc t chi tiết giao diện tính hỗ trợ đường Tính liên hệ & tuyển dụng: Dành cho đối tác có nhu cầu liên hệ với Đài truyền hình Việt Nam, người dùng có mong muốn nộp đơn làm việc trụ sở Toà nhà trung tâm Truyền hình Việt Nam Hnh 13: Giao diện trang liên hệ Hiển thị Trang Liên hệ & Tuyển dụng Mô tả Hiển thị giao diện thông tin liên lạc với đội ngũ tổng đài thuộc Đài truyền hình Việt Nam đường dẫn ứng tuyển Bng 20: Đặc t tổng quan giao diện trang liên hệ 39 Nội dung hiển thị: Item Type Data Mô tả Logo Link Hiển thị logo VTV Giới thiệu Link Giúp User đến tính Giới thiệu Mapping Link Giúp User đến tính Mapping Tìm đường Link Giúp User đến tính Tìm đường Giúp User đến tính Tuyển dụng & Liên Item Link Đăng nhập Link Đăng nhập Tài khoản Đăng ký Link Đăng ký chưa có Tài khoản Email Text Email Đài truyền hình Việt Nam Hotline Text Hotline Đài truyền hình Việt Nam Nộp CV Link hệ Gửi thông tin CV ứng viên Bng 21: Đặc t chi tiết giao diện trang Liên hệ 40 Tính đăng nhập vào hệ thống: Hnh 14: Giao diện tính đăng nhập Hiển thị Đăng nhập Mô tả Hiển thị giao diện đăng nhập vào hệ thống biểu diễn mơ hình Tồ nhà trung tâm Truyền hình Việt Nam đồ 3D Bng 22: Đặc t tổng quan giao diện trang Đăng nhập Nội dung hiển thị: Item Type Data Mô tả Logo Link Hiển thị logo VTV Giới thiệu Link Giúp User đến tính Giới thiệu Mapping Link Giúp User đến tính Mapping Tìm đường Link Giúp User đến tính Tìm đường Item Link Giúp User đến tính Tuyển dụng & Liên hệ 41 Đăng nhập Link Đăng nhập Tài khoản Đăng ký Link Đăng ký chưa có Tài khoản Tên đăng nhập TextBox Tên đăng nhập tài khoản Mật TextBox Mật tài khoản Đăng nhập Button Đăng nhập tài khoản Bng 23: Đặc t chi tiết giao diện trang Đăng nhập Tính đăng ký tài khoản vào hệ thống Hnh 15: Giao diện tính đăng ký Hiển thị Đăng ký Mơ tả Hiển thị giao diện đăng ký tài khoản vào hệ thống biểu diễn mơ hình Tồ nhà trung tâm Truyền hình Việt Nam đồ 3D Bng 24: Đặc t tổng quan giao diện trang Đăng ký 42 Nội dung hiển thị: Item Type Data Mô tả Logo Link Hiển thị logo VTV Giới thiệu Link Giúp User đến tính Giới thiệu Mapping Link Giúp User đến tính Mapping Tìm đường Link Giúp User đến tính Tìm đường Giúp User đến tính Tuyển dụng & Liên Item Link Đăng nhập Link Đăng nhập Tài khoản Đăng ký Link Đăng ký chưa có Tài khoản Email TextBox Tên đăng nhập TextBox Tên đăng nhập tài khoản Mật TextBox Mật tài khoản Nghề nghiệp TextBox Nghề nghiệp khách hàng đăng ký tài khoản Quốc gia TextBox Quốc gia nơi khách hàng cư trú Đăng ký Button Đăng ký tài khoản hệ Bng 25: Đặc t chi tiết giao diện trang Đăng ký 43 Chương 4: KẾT QUẢ VÀ ĐỊNH HƯỚNG PHÁT TRIỂN 4.1 Kết 4.1.1 Hình ảnh thực tế từ ứng dụng Hnh 16: Hnh nh thực tế trang Homepage 44 Hnh 17: Hnh nh thực tế trang Giới thiệu Hnh 18: Hnh nh thực tế mô hnh 3D 45 Hnh 19: Hỉnh nh thực tế chức tm kiếm đường Hnh 20: Hnh nh trang liên hệ & tuyển dụng 46 Hnh 21: Tính đăng nhập Hnh 22: Tính đăng ký 47 4.1.2 Kết đạt - Hiểu vận dụng mơ hình biểu diễn liệu 3D học vào triển khai dự án - Tạo sở liệu hoàn chỉnh chi tiết khơng gian vị trí thực thể Tồ nhà trung tâm Truyền hình Việt Nam - Tích hợp biểu diễn thành cơng mơ hình 3D Tồ nhà trung tâm lên ứng dụng web với tính hiển thị thơng tin đường 4.1.3 Hạn chế - Chưa biểu diễn Tồ nhà trung tâm Truyền hình Việt Nam cấu trúc bên trong, chưa mô tả thực thể lắp đặt xây dựng phía tồ nhà - Mức độ chi tiết mơ hình 3D thấp, chưa sẵn sàng để triển khai vào hướng dẫn thực tế - Các tính tìm kiếm thơng tin đường dừng lại mức độ hiển thị giao diện, chưa thực hoá - Dữ liệu thu thập chưa trải qua giản lược, việc áp dụng mơ hình 3D FDS mang lại hạn chế lượng liệu yêu cầu lớn 4.2 Định hướng phát triển Từ kết đạt hạn chế, nghiên cứu “Biểu diễn Toà nhà trung tâm Truyền hình Việt Nam đồ 3D” tiếp tục phát triển với định hướng sau: - Cung cấp biểu diễn thêm liệu chi tiết thực thể bên Toà nhà trung tâm Truyền hình Việt Nam, chuyển liệu toạ độ địa lý cơng trình từ json sang hệ quản trị sở liệu khác nhằm phân loại thực thể cách trực quan - Hiện thực hoá tính đường, tìm kiếm hiển thị thơng tin chi tiết cho tầng, khơng gian bên ngồi bên Toà nhà trung tâm - Phát triển thêm chức đăng ký liên hệ quảng cáo, nộp đơn ứng tuyển công việc/tham gia chương trình truyền hình, hợp tác doanh nghiệp, 48 Về tiềm dự án, sau nghiên cứu biểu diễn thành cơng mơ hình 3D Tồ nhà trung tâm Truyền hình Việt Nam, nhóm nhận thấy với mức độ chi tiết cao hơn, nghiên cứu phát triển thành số ứng dụng như: - Hỗ trợ quản lý bảo trì cơng trình - Hỗ trợ thiết kế hệ thống phịng cháy chữa cháy cho cơng trình - Kết hợp với chức tìm đường/tìm đường ngắn nhất, trở thành “hướng dẫn viên ảo” nhà, hỗ trợ hiểm tồ nhà xảy cố 49 Danh mục Hình ảnh Hình 1: Mơ hình 3D FDS Hình 2: Sơ đồ Use case ứng dụng (phía người dùng) 14 Hình 3: Sơ đồ Use case ứng dụng (Phía quản trị) 16 Hình 4: Sơ đồ luồng liệu ứng dụng 23 Hình 5: Sơ đồ trình tự chức tìm kiếm đường 26 Hình 6: Sơ đồ trình tự chức tìm kiếm thơng tin 28 Hình 7: Node.js .30 Hình 8: MongoDB 31 Hình 9: Logo Figma 32 Hình 10: Giao diện Homepage 33 Hình 11: Giao diện trang giới thiệu 34 Hình 12: Giao diện tính đường 35 Hình 13: Giao diện trang liên hệ 37 Hình 14: Giao diện tính đăng nhập 39 Hình 15: Giao diện tính đăng ký .40 Hình 16: Hình ảnh thực tế trang Homepage 42 Hình 17: Hình ảnh thực tế trang Giới thiệu .43 Hình 18: Hình ảnh thực tế mơ hình 3D 43 Hình 19: Hỉnh ảnh thực tế chức tìm kiếm đường 44 Hình 20: Hình ảnh trang liên hệ & tuyển dụng 44 Hình 21: Tính đăng nhập 45 Hình 22: Tính đăng ký 45 Bảng biểu Bảng 1: Mô tả quan hệ POINT 10 Bảng 2: Mô tả quan hệ NODE 11 Bảng 3: Mô tả quan hệ SURFACE 11 Bảng 4: Mô tả quan hệ LINE 11 Bảng 5: Mô tả quan hệ ARC 11 Bảng 6: Mô tả quan hệ FACE 12 Bảng 7: Mô tả quan hệ EDGE 12 Bảng 8: Mô tả quan hệ ARCBODY 12 Bảng 9: Mô tả quan hệ ARCFACE 12 Bảng 10: Mô tả quan hệ NODEBODY 13 Bảng 11: Mô tả quan hệ NODEFACE .13 Bảng 12: Đặc tả sơ đồ trình tự tính hỗ trợ đường 27 Bảng 13: Đặc tả sơ đồ trình tự tính tìm kiếm thơng tin 29 50 Bảng 14: Đặc tả tông quan giao diện Homepage .33 Bảng 15: Đặc tả chi tiết giao diện Homepage 34 Bảng 16: Đặc tả tổng quan giao diện trang Giới thiệu .34 Bảng 17: Đặc tả chi tiết giao diện trang Giới thiệu 35 Bảng 18: Đặc tả tổng quan giao diện tính hỗ trợ đường 36 Bảng 19:Đặc tả chi tiết giao diện tính hỗ trợ đường 37 Bảng 20: Đặc tả tổng quan giao diện trang liên hệ 37 Bảng 21: Đặc tả chi tiết giao diện trang Liên hệ 38 Bảng 22: Đặc tả tổng quan giao diện trang Đăng nhập 39 Bảng 23: Đặc tả chi tiết giao diện trang Đăng nhập 40 Bảng 24: Đặc tả tổng quan giao diện trang Đăng ký 40 Bảng 25: Đặc tả chi tiết giao diện trang Đăng ký 41 51 Tài liệu tham khảo [1] Esri (2021), ArcGIS API for JavaScript, https://developers.arcgis.com/javascript/latest/, truy cập ngày 08/11/2021 [2] Saigon 3D City (2016), VTV Vietnam Television Tower, https://3dwarehouse.sketchup.com/model/905a8c3d-8f47-497c-b742-6996a975f7ec/Tru%CC %A3-s%C6%A1%CC%89-VTV-%C4%90a%CC%80i-Truy%C3%AA%CC%80n-hi%CC %80nh-Vi%C3%AA%CC%A3t-Nam-2016-VTV-Vietnam-Television-Tower, truy cập ngày 16/11/2021 [3] MySQL (2021), MySQL Documentation, https://dev.mysql.com/doc/, truy cập ngày 27/11/2021 52