建设

2019-01-25  本文已影响0人  liangtong

项目模式

bim_mode_20180613.png

描述

移动应用中主要划分两类角色,侧重点不同。具体包括:

项目具体类别有包括以下3大类:

项目的功能上具体跟项目挂钩,且部分功能,比如「问题上报」、「设计图纸」、「现场巡检」、「建设资料」要求支持离线操作。

方案

将方案之前,补充说明下移动端使用的是MVMCV模式(可以理解成是MVVM模式的变种),简单理解就是将View-Model进行分解,将一些逻辑放在controller中。UI布局上使用Tabbar形式,分别表示首页、功能集聚页、待办页面。

程序在线/离线模式的切换,基于观察者模式来实现。 当网络状态发生变更的时候,可以通过主动获取和推送两种方式灵活使用。

项目首页模式的切换,基于状态模式来实现。 比如监管模式下,点击地图上项目详情,进入项目模式;项目模式下返回到首页时进入监管模式等。

应用中,首页模式的切换,联动着不同首页的push和pop;集聚功能页(及其他)获取具体功能的key变更。

离线操作

bim_offline_20180613.png

描述

程序的工作环境有时候比较特殊,比如地铁、房屋修建,经常会用到一些比如上报工作进度、问题,或者是查看项目相关的文档、模型等功能,如果应用对网络有强需求,那么程序本身是不容易让人接受的。因此,「工程在线」在项目整合之处,就要求同时支持离线操作模式。
此处拿问题上报的离线功能来举例。通常情况下,问题上报会涉及上传照片/视频、问题类别等多种条目。且功能的使用存在不确定性。iOS的沙盒机制决定了我们在进行离线功能设计的时候,不能仅仅依靠本地数据库,还需要借助于文件操作。

方案

功能离线模式通过本地数据库和文件管理两种方式来完成。

离线模式下,点击保存就是将相关的URL、HTTP请求方式、参数、文件标识存入离线数据库中。

当程序处于网络状态下,程序会后台上传离线数据库中的相关请求数据。此时考虑到多文件、多请求上传会影响程序性能。程序在处理离线任务上传时,对网络请求进行了专门的控制。

项目总览

bim_overview_20180613.png

描述

部分用户(比如领导、项目管理人员)会比较关心项目整体情况,比如进度、问题、投入等信息。我们的设计师对项目总览功能页面设计出了很多手势相关的操作。功能整体上下滑动,内部左右滚动。
首先UI本身并不复杂,但是好的体验就需要用心去做了。比如,切换不同类别页面时,数据的预加载。不同类别的数据如何组织等。

方案

整个项目总览页面使用UIPageViewController来实现,右侧的UIPageControl则通过实现UIPageViewController的相关协议来更新。在每个页面内部,根据具体的类别及数据源来更好的表现/维护代码。为了达到更好的用户体验,总览功能使用了一个viewModel来维护。

上一篇 下一篇

猜你喜欢

热点阅读