第35卷  第3期 福  建  电  脑 Vol. 35  No.3
2019年3月
Journal of Fujian Computer
Mar. 2019
———————————————
本文得到国家级大学生创新创业训练项目(No. 201810879056)资助。刘树逸(通信作者),男,1998年生,主要研究领域为电子信息工程.E-mail : liushuyi98@163 。张平娟(通信作者),女,1981年生,主要研究领域为电子信息工程。E-mail :79318892@qq 。中国十大网游排行榜
基于小程序的摄影分享软件构建与应用
刘树逸 张平娟
(安徽科技学院电气与电子工程学院 安徽 蚌埠 233100)
老虎头上都有一个王字吗摘  要 本文介绍了一种基于的摄影软件的开发及应用。此软件利用的及时交互功能,分析摄影点、相机拍摄参数设置、技巧等诸多因素对摄影质量影响,生成最佳摄影指标参数,借助GPS 定位技术,在电子地图上把优质照片的拍摄点及相应参数进行标记,软件自动将此数据发布供其他摄影爱好者选择使用。  关键词 摄影;软件;图像分享;GPS 定位
中图法分类号 TP311  DOI:10.16707/jki.fjpc.2019.03.014
Construction and Application of Photography Sharing Software
Based on Wechat Small Program
LIU Shuyi, ZHANG Pingjuan
(School of Electrical and Electronic Engineering, Anhui Science and Technology University, Bengbu, China, 233100)
1 引言
随着计算机移动开发技术的飞速发展,移动设备以迅雷不及掩耳之势改变着我们的日常生活及生活方式,它融入到大家的衣食住行中,带给我们极大的便利。利用计算机技术,在移动平台上开发摄影分享应用可以让用户方便快捷地分享图片及创作经历,带给他们更为畅快的视觉感受[1]。摄影方式、理念与器材的不断更新改进互为影响,相辅相成。随着科技的进步,摄影设备的不断更新。在摄影已经进入了全民参与的时代,拍摄点的选取、参数的设置就显得尤为重要,对刚刚入门摄影基础较薄弱的爱好者来说,拍摄机位的选取确实是个难题[2]。利用一个应用程序,把优质照片的拍摄机位、拍摄参数设置和拍摄技巧汇集起来。利用电子地图和GPS 定位把这些能拍出高质量照片的地方标记起来,提供给摄影爱好者使用,使初学者快速上手,拍摄出更多优质的照片。
2 研究过程
2.1 调查分析
项目前期通过网络及纸质问卷的调查,了解用户对软件的需求,明确了软件设计的方向。用户的需求是产品需求的核心,用户只需打开软件便可获得所需信息,享受更加畅快的视觉体验。通过上传功能,将自己满意的作品快速分享,与他人分享美图带来的美好的视觉感受。项目组在安徽省面向职业摄影师、业余爱好者及普通众共计发放调查问卷3781份,其中有效调查问卷3357
份。调查结果如图1:
图1  调查问卷分析结果图
20406080100机位需求
分享需求
职业摄影师 非职业摄影师
58 福建电脑2019年
通过使用Microsoft Excel对于有效问卷进行分析得出:职业摄影师对于参考他人的机位及相机参数的需求量极少,对于业余爱好者及普通众此需求量比例较高,占比约81.05%,故软件定位偏向于摄影爱好者及普通众。在分享照片方面上,无论是职业摄影师还是大众,普遍愿意与他人分享自己的创作过程,占比高达93.67%,需求量大。对于调查中反映出非集中但影响用户体验的问题,将在软件后期的开发与维护中不断进行升级改进。
2.2 研发环境的确定
是一款比较成熟的软件,有非常广泛的客户体,容易交流与分享,使用方便。项目组使用作为本项目的载体,为摄影爱好者、旅游爱好者提供摄影机位及相机参数设置共享等一系列帮助。软件系统借助一种简单高效、安全可靠、处理能力可弹性伸缩的云服务器,其管理方式比物理服务器更简单高效。用户无需提前购买硬件,即可迅速创建或释放任意多台云服务器。为保证软件高效运行的同时降低软件开发成本,软件将用户上传的数据存储在云服务器中,方便用户随时调用[3]。本软件设计使用Javascript。
2.3开发过程
2.3.1  总体设计思路
将才和帅才的区别(1)友好的设计风格:基于小程序对摄影分享软件的UI设计、模块划分进行了整体的设计。软件功能的实现很重要,但软件界面的设计也不能忽视,只有拥有美观的界面,才能吸引用户。同时我们要以用户的身份去审视软件,了解学习用户所需,学习用户爱好与习惯,才更能满足用户的需求[4]。
(2)便捷的使用界面:软件整体UI风格主要是简单易用、清新明快,全部采用纯的背景配上黑字体,让人眼前一亮的感觉。打开软件,跳转到登陆界面,没有账号的用户使用账号便可快速登陆,已注册的用户登陆后即可进入主界面。主界面展示距离由近到远的照片,主界面下方放置上传按
钮,用户可以点击进入上传页面。
2.3.2  详细设计流程
主要模块包括:引导模块、注册登录模块、上传模块、图像展示模块、图像分享模块。用户通过软件图片展示界面,可以简洁明了地发现身边的摄影点,照片展示的排序为距离由近到远。点击缩略图即可浏览照片的详细信息便于快速设置拍摄参数,利用地图工具即可寻到摄影点。
用户点击上传红按钮立即进入上传界面。顶部作为照片上传接口,目前仅支持已有图片上传,暂不支持实时拍摄上传。在网络及定位良好的情况下点击地图模块,将自动标注用户当前所在位置,如需修改可以手动进行调整。下方的拍摄参数及心得描述,用户可以根据实际情况填写[5]。详细软件运行流程图见图2。
图2  软件运行流程图
根据以上设计,程序提供登录注册服务、定位服务、上传服务、浏览服务,各项服务实现方法如下:
(1)登录注册服务:授权登录页面让用户实现点击的功能,也就是实现了通过button组件去触发getUserInof接口。在用户进入小程序时,判断用户是否授权了,如果没有授权就显示授权页面,让用户去执行授权的操作。如果已经授权了,则直接跳过这个页面,进入首页。通过调用接口获取用
户信息,用户使用快速登录入口进入程序,免去填写各类信息的不便,保障个人信息不被泄露。同时也便于后台管理员在开发平台上管理用户,及时维护用户。
(2)定位服务:首先需要得到用户的授权wx.openSetting;通过的getLocation接口,获取当前用户的地理位置,返回的经纬度等参数。借用腾讯位置服务中关于小程序的地理转换JS SDK 的API,将经纬度直接转换为地理位置。
(3)上传服务:小程序提供的众多API 中,wx.chooseImage函数就是用来访问手机相册的。调用该函数后,界面会呼出一个菜单,进入相册挑
选已有照片。在每个缩略图元素上绑定了一个点击
第3期刘树逸等:基于小程序的摄影分享软件构建与应用59
事件,当点击缩略图的时候,会调用小程序提
供的预览图片的方法wx.previewImage进行全屏预
览,用户可以左右滑动查看选中图片列表中的大
图。另外,在每个缩略图的下方,还有一个删除按
钮,用于移除所选的图片,方便重新选图。将图片
通过文件上传APIwx.uploadFile进行上传,并返回
上传后的图片地址备用。接着将用户填写的参数以
及刚才的图片地址一并通过调用后端创建问题的
API,保存到数据库中。保存完毕,返回图像展示
感动的作文400
页。
(4)浏览服务:在页面data中声明一个数组变量imgsUrl。app.js的全局变量中声明变量,用存储图片的通用路径。在需要显示图片的js页面中,发起请求获取需要展示的图片所属id以及图片数量。在函数中声明一个src变量用于push for循环中的图片路径。使用for循环将图片数量对应的几个图片放置到src变量中,再将src数组设置为data 中的imgsUrl中。在wxml页面中,使用view组件for循环image标签,将数组中的图片路径设置为图片标签的src属性,即实现了从服务器端获取图片并预览到小程序中。用户通过展示页面可浏览所有上传的图片。
2.3.3  软件运行与测试
用户体验是产品设计过程中一个不可或缺的模块,一个产品的成败与用户体验关系密切[6]。经过对50名用户问卷调查,分析问卷得到如表1及图3的统计结果。
由统计图表可以得出,80%左右的用户对本软件整体比较满意,但仍有8%的用户对软件不够满意。对问卷进行统计可以得出以下结论:接近90%的用户喜欢将拍摄的照片分享给其他用户,本软件的快速上传分享功能也很受欢迎,证明本软件该功能系统实现较完善。部分被调查者建议将上传界面中照片描述部分划分为更多小类,便于用户直观获取所需信息,这需要后期设计进行改进。
表1  用户体验调查统计结果表
满意一般不满意功能42(84%)6(12%)2(4%)
界面44(88%)4(8%)2(4%)
易用36(72%)10(20%)4(8%)
整体42(84%)4(8%)4(8%)
图3  用户体验调查统计结果图
3 结束语
经过对UI摄影分享软件的设计前调研,明确
了设计需求和使用优势。设计中建立了完整的分布式解决方案,通过主要对软件设计及测试工作做了详细的介绍,对用户体验进行了统计分析。统计显示,整个软件的功能实现良好,符合整体设计要求和原则,满足大部分用户的需求。今后将通过软件的不断完善,让用户的摄影创作过程更加便捷。
参 考 文 献
[1] 巴杰. 摄影的精神. 杭州:浙江摄影出版社, 2011
[2] 张弛. 照进现实的光:商业、技术与摄影. 北京:中国摄影报, 2012
[3] 陈伟. 小程序开发实战. 北京:人民邮电出版社, 2017
葛组词
[4] 肖卓明,吴娴. 浅谈小程序在媒体的应用.中国传媒科技, 2017,
2(2):120-121
[5] 曹亚丽.基于移动终端的智能旅游产品用户体验研究.包装工程,
2017,38(16):128-132
[6] 林晓艳,王军峰,王文军,舒炎昕.小程序的用户体验研究.工业设麻辣牛肉
计研究
, 2017,5(00):79-83
20
40
60
80
100
功能界面易用整体
满意
一般
不满意