高博洋-一个初学者谈Web遥感前端开发技术的入门经历.pdf

1、一个初学者谈Web遥感前端开发技术的入门经历高博洋易智瑞信息技术有限公司 遥感事业部Web遥感开发的发展背景与方向选择以一名遥感应届毕业生的视角，介绍个人情况、Web遥感前端开发的发展背景，以及选择该方向的心路历程个人简介本人2022年6月毕业于黑龙江工程学院遥感科学与技术专业，现就职易智瑞信息技术有限公司遥感事业部，任Web遥感前端开发工程师一职。本科在校期间对编程非常热爱，曾独立编写“葵花8遥感数据森林火点与火情实时检测系统”，为现在掌握前端开发技术打下了坚实的基础。入职以来，经历多个项目的磨练和学习，从简单了解Web遥感前端开发技术，到现在可以熟练编写页面设置样式、设定逻辑交互，独立完成

2、简单系统的开发；从开始的学习样例代码，到现在可以编写扩展程序。随着遥感卫星逐年发射升空，国家对遥感事业的的高度重视和大力支持，卫星的传感器种类、时空分辨率、观测范围、波段数量正逐步提高，使其在各个领域中不断向深层次、规模化、多元化、智能化发展。随着科学技术的进步，光谱信息成像化，雷达成像多极化，光学探测多向化，地学分析智能化，环境研究动态化以及资源研究定量化，大大提高了遥感技术的实时性和运行性，使其向多尺度、多频率、全天候、高精度和高效率的目标快速发展。进入了立体化、多层次、多角度、全方位和全天候地对地观测的新时代。遥感技术的发展规模化多元化深层次智能化多尺度高精度多频率遥感系统的发展遥感桌面

3、系统遥感定制系统Web遥感服务平台虽然社会对于遥感技术的需求越来越多，但遥感技术的专业性（数据的处理、算法服务的搭建、精度评价等一系列专业度非常高的操作）、复杂性让许多人都望而却步。方向的选择Web遥感应用系统前端开发长期性专业性复杂性随着Web前端开发，即与遥感技术的不断融合，将遥感处理、遥感分析、遥感模型算法等以Web Services的方式提供，可以让非专业人士面对简单的页面进行交互，极大程度上增加了页面的可视性、也简化了系统的使用难度，让遥感技术被更广泛的应用。Web Services遥感模型算法遥感分析遥感处理交互性美观性实用性Web遥感应用系统的介绍B/S系统的架构，前端页面、遥感

4、服务、后台数据管理Web遥感应用系统开发通常使用B/S系统的架构（Browser/Server,浏览器/服务器)，将系统功能实现的核心部分集中到服务器中，同时简化了系统的开发、维护以及使用，即可利用一个Web浏览器完成专业的遥感影像处理。这个简单的在线遥感图像处理和分析系统实现了多用户通过Web浏览器，按照自己的应用需求选择不同的数据、功能模块，得到相应的结果，实现在线的按需请求遥感服务。B/S系统的架构浏览器数据库解析操作、请求数据渲染+DOM调用业务逻辑对数据进行逻辑处理服务器Web遥感应用系统的组成影像一键式处理图像融合、裁剪、拼接植被分析、火灾监测、城市热岛建筑物动态监测、飞机识别应用

5、服务开发后台数据管理前端页面开发ENVI Services Engine等服务器浏览器HTTP RESTHTMLCSSJavaScriptWeb遥感应用系统开发可以将其详细划分为：遥感服务开发、前端页面开发、后台数据管理三个模块数据管理Web遥感应用系统前端开发基础知识、常用软件及参考网站以一名初学者的角度，介绍Web遥感应用系统所需要的基础知识，软件技巧和一些常用的组件库、图标库等掌握语言技术：HTML 超文本标记语言：是一种用于创建网页的标准标记语言，可以建立自己的WEB站点，运行在浏览器上，由浏览器来解析。CSS（Cascading Style Sheets）层叠样式表：样式定义，静态修

6、饰网页、配合各种脚本语言动态地对网页各元素进行格式化JS（JavaScript)是一种具有函数优先的轻量级，解释型或即时编译型的编程语言（包含：ES5、ES6、AJAX等技术）Web遥感前端开发基础知识JavaScript框架：Vue 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助我们高效地开发用户界面。地图框架：ArcGIS Api for JavaScript（封装性高）Mapbox GL JS（可定制性程度高、开源软件开发工具包）其他：