任务详情+二维码扫描:用例文档+功能说明书+技术说明书

用例:用户点击任务列表中任务详情进入任务详情界面,及任务详情界面中进行扫描二维码获取线索;

角色:王尼玛; 

主要成功场景:

     步骤:

     1.成功进入应用;

     2.登陆已存在账户;

     3.在任务列表中点击想要解答的谜题;

     4.在任务详情界面下方的答题框输入答案;

     5.需要外围物体提供线索时,点击相机按钮,进入二维码扫描界面;

     6.用相机扫描贴于外围物体上的二维码时,将会在界面上方显示线索;

     7.在答题框输入答案之后点击发布按钮进行发布;

扩展场景:

     1.在任务信息中含有图片信息的时候,点击当前图片缩略图可获取大图;

 

功能说明书:

     界面中上最明显的地方放置文本内容,显示问题,用户通过获取更多图片Button的点击获取更多图片信息,或者相机Button的点击进入二维码扫描功能,用户通过在文本框内进行输入文本用以内容提交,点击发布button上传已经回答好的答案;

     用户在二维码扫描界面,通过调整设备位置,利用相机成像,将想要扫描的二维码呈现在程序设置的扫描框内,二维码信息会自动显示在屏幕左上角TextBlock上;扫描框正下方加以提示信息,提示将二维码放在框内。

 

技术说明书:

     任务信息的文本部分由多行的TextBlock实现显示,图像部分由Image实现,Image设置光标悬浮或点击,弹出flyout显示大图,获取更多图像的Button的点击事件会弹出一个有全部图片的界面,所有文本及图片信息均根据任务id从相应的服务器端获取相应信息;

     二维码扫描部分,首先进行设备的设置,获取网络摄像头权限,而后利用DeviceInformation.FindAllAsync(DeviceClass.VideoCapture)函数进行摄像头的检测与初始化,相机界面中央设置一个正方形扫描框,四角均有标记框,中间设置上下滚动的扫描线,扫确保用户比较容易找到有效扫描位置。我们通过MediaCapture的CapturePhotoToStreamAsync()方法就可以拿到IRandomAccessStream流进行二维码解析,再传入后台,利用ZXing.NET提供的接口进行二维码解析,传回二维码内容,将内容以TextBlock形式显示在屏幕的左上角。

     回到任务信息页面之后,用户在最下方的TextBox中填写用户经过分析得到的答案,程序将用户输入的文本传入后台服务器,经过后台的关键词比较算法,回复用户作答结果。

posted on 2017-07-18 20:40  晓槑  阅读(261)  评论(0)    收藏  举报