校园探索者应用:设计与实现解析
1. 应用背景与需求
乔治梅森大学希望在其主网站上引入新功能,帮助潜在学生和访客探索校园。当前虽有校园地图可在线查看或下载打印,但缺乏与校园实际外观的关联,且学术部门等信息需单独查找并手动在地图上定位。因此,该应用的首个版本需具备以下功能:
1. 显示现有地图。
2. 展示单校区内所有建筑,允许用户选择并在地图上高亮显示。
3. 展示学校所有部门,用户选择部门时,显示部门信息并高亮显示部门主办公室所在建筑。
4. 当用户关注某建筑时,以缩略图形式展示相关图像或视频。
5. 用户选择图像或视频缩略图时,显示更详细视图(视频可播放、暂停、恢复、停止)。
6. 显示访客前往学校的主要道路列表,用户选择时,在地图上高亮显示路线,并可附带方向箭头、文字提示等。
7. 确保应用能在 Windows 和 OS X 系统及不同浏览器上运行。
Silverlight 是实现这些功能的理想选择,因其具备跨平台性,便于 .NET 程序员开发,且对图像和视频处理有良好支持。
2. 应用设计
2.1 用户界面设计
- 界面元素可见性:始终显示高细节地图的缩小版本,用户能看到地图上的建筑列表、学校部门和驾车路线。关注建筑时,能查看相关媒体。
- XAML 文件实现:使用多个 XAML 文件实现用户界面,包括主应用页面、地图页面和视频缩略图页面。特定页面的功能代码可保留在该页面,如顶部导航按钮和左侧导航选项,更适合作为页面代码而非可复用元素。