有声招聘APP的实现

2019-03-20 12:42:33宗程昊何艳萍
传媒论坛 2019年10期
关键词:机型网页界面

宗程昊 何艳萍

(宝鸡文理学院,陕西 宝鸡 721013)

如今,APP这个名词相当流行,它类似于平时我们电脑上的应用软件,泛指智能手机的第三方应用程序。APP的移动应用深入各个领域,如何将其与所学专业结合,为学生们搭建一个与社会对接的平台,是我们思考的问题。

一、有声招聘APP的制作构想

当代各色各样的招聘平台层出不穷,却未能针对行业的特征细化各种行业的招聘细则和模式[1],导致各类专业人才不能充分全面地展示才华与能力,同时用人单位与应聘者对接不畅。于是设想立足于本专业建立一个独特且区别于图文形式的招聘平台,以突出声音特质,满足用人单位的用声需求。其中渗透了校播音与主持艺术等语言艺术相关专业学生的实践与学习,为在校大学生搭建一个专业的练声平台,形成教师对于学生教学功能的辅助平台。在此平台中,用人单位可以在悬赏榜单之中采取张贴文稿的形式发布一些录音配音等工作,有意向者可以按照要求上传录音的原声或者试音,以期形成用人单位、平台和个人之间的良性循环。同时,当前碎片化视频软件的盛行使得具有出色音质的有声爱好者如雨后春笋般在视频平台颇受追捧,相信“有声”的出世能够让许多热爱语言艺术专业人员眼前一亮并备受青睐。通过APP提供的平台,充分发挥新媒体便捷和普及优势,更好地服务大众。

二、制作应用的流程

(一)有声招聘APP的构架选择

构建基于Hybrid APP软件的框架系统。有声招聘APP基于Hybrid APP的软件框架,有机结合了Web APP和Native APP的优良特性和框架优势,不仅避免和Web APP一样被局限在网页中的缺陷,而且吸收了Native app可以匹配对应手机操作系统(苹果、Android、WP)的特点,使得有声招聘APP能够直接与便携式智能移动设备的程序语言对接,从而更好地发挥出设备的性能,更大程度提高了用户的交互体验。总的来说,兼具良好交互体验的跨平台开发双重优势的有声招聘APP是一款用Native技术来搭建APP外壳,藉由Web技术来提供核心内容的移动应用。Hybrid APP的亮点之一在于舒适的用户体验,同时Hybrid APP为苹果、Android、WP不同操作系统各自开发一套APP。正是因为Hybrid APP的扩展性,使得有声招聘APP的内容更加丰富,同时可以保证能够把应聘者和招聘单位的信息纳入其中,其中包括招聘单位的任务信息和录用人才的信息要求,在业务功能方面,包含了应聘者和招聘单位的线上线下交流功能,包括字体、表情、照片、视频等一系列交流信息的功能,正是因为使用的是Hybrid APP的结构框架,才使得有声招聘APP即使包含太多的内容和业务交流功能,也不会使得安装包过大。

运用先进的Native技术构建框架模式。值得一提的是在招聘平台的信息招聘标题栏处使用Native技术框架,可以使用复杂的毛玻璃技术效果,使得招聘标题栏更加通透。但是在有声招聘APP用户体验的内容区使用了基于Html5的网页技术。所以在背景图设计使用时,不会选择使用动态变换背景图;在动效体验图方面,由于有声招聘APP是使用Hybrid APP的结构形式,并且是基于Html5的网页技术的,所以在动效体验方面会耗费大量的CPU性能,因此在设计制作的过程中我们考虑以下三个方面的因素:①不同的动效类型对CPU性能的消耗不同。②网络波动的影响:内容加载时会对于动效流畅度有一定的影响,这时应该考虑优先加载内容,再进行动效或简化,压缩加载的内容。③机型的性能差异,不同的手机机型的CPU性能相差较大,需要了解不同机型在你的APP中的占比。例如在iPhone6上能完美运行的动效,在iPhone6以下的手机上可能就会卡住不动了。

(二)APP的构架制作细节

有声招聘APP的制作还必须考虑用户机型差异性、平台兼容性、交流互动性和框架加载单独性等制作细节。

(1)户机型差异性。对于用户机型,已经充分考虑机型、CPU性能及用户体验,根据有手机用户调查数据来看:排在前三位的是华为、三星、苹果。所以因此在选择动效和图片自动排列中,要针对这些高端机型和中低端机型设置不同的图片默认缩放功能,营造良好的用户体验。

(2)平台兼容性。因为现在各个平台的不同特性和机型分辨率,所以为了使APP和方案有更好的兼容性,对文案和图形标志采用了三种表现形式:①系统默认字体:在不同的手机中,根据系统默认显示为IOS、安卓、Window Phone系统的默认字体,在平台和手机中的显示效果良好,可以满足我们的基本需求。②可缩放矢量图形:在APP的设计过程中,要注意图形是否能够自由缩放以适应不同屏幕尺寸和分辨率,确保视图不会模糊变形。③ICONFONT来代替图标:能够自由变换大小和颜色,采用这三种方式不仅可以很好适配不同机型和屏幕尺寸,而且还不会增加安装包的大小。

(3)交流互动性。Hybrid APP主要通过网页的样式结构和JavaScript的程序语言来还原界面设计和交互行为,与单纯的Native APP技术框架相比,需要更加烦琐复杂的代码才能够完成和原生系统一样的交流互动程序,但是这样又会提高有声招聘APP的开发成本。

(4)框架加载单独性。由于Hybrid APP渗透于Native和网页框架,所以在加载内容时,选择分开考虑加载方式。对于Native,在用户手机本地中存储常规的用户信息和内容,以便提高加载速度和减少加载相同内容的麻烦。对于网页,网页内容需要从网络上下载,需要考虑网络状况,设计生动温情的等待页面,以缓和用户的焦虑情绪和提高用户的使用体验[2]。

三、有声招聘APP的模拟内部细节配置

(一)有声招聘APP启动页效果

①启动页停留时间:3秒。②启动页消失载入动画效果:出现有声二字(配以磁性声音)左进右出的动画效果。③启动页消失进度:启动页覆盖网页加载进度选择0.6(值为0.01~1.00);如果网页加载进度达到设定值,启动页会设定时间内进入有声招聘APP。如网页加载进度未达设置值,启动页会自动延长10秒进入有声招聘APP。启动页若出现广告,以广告时间为准,设置的“启动页停留时间”值失效。

(二)有声招聘APP的“声”的特质

“声”的特质在有声招聘APP里展现得淋漓尽致,首页的主页面就有应聘者试音和招聘公司任务在界面中来回滚动,我们可以筛选应聘者的试音进行考察和选择;同时随着电台主播受到追捧,在建设有声招聘APP 的主界面预留主播电台的板块,一方面可以给有声音特质的人提供就业机会,另一方面可以调动用户对于声音的热情让更多人加入“有声”。主界面的最下端是有声招聘APP的声音素材,如同Auditions 丰富多样的音频素材是无数传媒工作者的强大助力。

有声招聘APP的第二界面是应聘用户的音频上传和交流界面,主要体现有声招聘APP的声音鉴定功能,它会从用户上传的声音样本提取其中的波长、音高等要素,以便用户和招聘企业细致具体的挑选声音。此外任务的类型分布界面是第二界面中更为重要的版块,依据声音素材要求和招聘方要求分为影视配音、动漫人物配音、有声读物朗读配音、游戏台词配音和广告配音这五大类,而这五大类还有更加细致的划分方式,譬如在影视配音中可以分为电影配音、电视配音、广播剧、话剧等配音;有声读物配音也可分为历史读物、外国杂志、童话故事、课本教材配音等,根据不同的画面和视频情景做出不同的情感调度,达到更好的配音表达效果。这样做的初衷是希望我们的制作更加用心一点,也是为了让用户的体验更满意一点。

由于声音是有声招聘APP的中心要素,音频的上传也就显得尤为重要。有声招聘APP大量的图文和音视频素材需要占据巨大的云空间,如果单纯采取传统的方式传输不仅会存在潜在隐患,久了会减缓运行效率,导致工作滞后,造成大量人力物力的浪费,最终会弱化有声招聘APP的专业性和下载率;第二个问题是有声招聘APP媒体文件数量巨大,如若不进行统一的管理和相应的文件权限设置,会导致视频音频传输混乱,不仅内部无法合理有效地存储资源,也不便于应聘者和用人单位交换共享资源;第三个问题关乎用户的个人信息安全,还会涉及用人单位的招聘信息、文件信息等一系列的内容,倘若保密性不够高的话,信息泄露将造成难以估量的后果。

因此,为了克服以上难题,我们选择新兴传输技术进行革新,打破了传统数据运输方式的固有瓶颈,保证音频视频上传回传不受文件的大小限制,对网络条件和最大传输速度提供完善的传输管控功能,为有声招聘APP提供真正意义上的高性能数据传输技术,从根本上解决压在我们肩上的四座大山。

第三个界面是应聘者和招聘企业的交流界面,和一般的社交聊天软件的功能基本一样,新增了一项学生与教师之间的交流功能,这是针对于语言艺术专业学生所设置的特色功能,作为一名播音与主持艺术专业的学生,在经历过大学三年的学习之后发现,本专业的基本功训练更偏向于自主和独立,而且老师也没有大量的时间来针对性地指导学生相关细节。因此在交流界面设置教师与学生沟通的版块便于师生间的学术交流,以期为语言艺术类专业的学生创造更好的学习环境,在潜移默化地渗透中能够得到更好的指导和教育。

(三)有声招聘APP加载方式的详细配置

①有声招聘APP加载方式选择顶部进度条,在载入过程中主要缓冲界面上会出现许多的语音漂流瓶,在等待信息刷新之余可以倾听来自世界各地的声音,做到以声会友突显有声招聘APP的特色;②开启超时提醒:内容(网页加载失败时,重新加载提示窗);③加载进度:选择0.78秒(在规定时间内未加载完成弹出提示窗口);④超出时间:选择30秒(若30秒内未达到设置的加载进度,则弹出提示窗口)。

(四)有声招聘APP手势辅助

①单指左右滑动功能配置项;②屏蔽长按:屏蔽后长按网页无菜单栏弹出,设置后有声招聘APP无法长按设置文本操作;③滑动隐藏导航栏:上滑时自动隐藏导航栏,下滑时自动显示导航栏;④长按图片:网页内带有链接属性,长按保存图片;⑤长按网页链接:即可复制网址,浏览器打开复制网址;⑥长按网页内二维码识别:开启“高级配置→扫一扫”功能即可。

(五)分享页面

设置APP白名单,可增加1000个URL Scheme,增加后苹果APP内可以通过URL Scheme查询对应的APP是否安装。

(六)权限描述

①相机权限(APP需要您的同意才能访问相机);②相册权限(APP需要您的同意才能访问相册);③定位权限(APP需要您的同意才能在使用期间访问位置)用于苹果上架时对调取相对应的权限说明,简单描述网页;④麦克风权限(APP需要您的同意才可以访问麦克风)。

(七)背景颜色

设置状态栏电量显示、数据信号等字体颜色,安卓版本要大于6.0,低于6.0颜色为系统默认色。

(八)导航栏

导航栏分为多个标题界面板块(招聘人员和用人单位的登录信息界面、任务揭榜界面、音视频内容上传界面、信息维护界面、用户线上线下交流界面等)按照不同功能进行划分。界面左按键设置为退出按键,右按键设置为菜单按键,在其中设置用户反馈、详情等一系列的帮助型按钮。

(九)菜单栏

规划了有声招聘APP的主要功能区域。首页主要显示最新的招聘资讯和滚动任务揭榜栏;第二页面是揭榜任务和用人单位的交流界面;第三页面是数据资料上传界面,这个界面旨在用户上传任务时可以实时观察揭榜任务和上传任务的进度,以便调整修改;第四页面是师生交流界面,其中还包含教师对学生基本功的训练和要求,以便教师对学生的即时问题及时指导;第五页面是个人用户界面,其中包含诸多个人信息及隐私。

(十)APP弹窗提示语设置(见附表1)

(十一)第三方配置登录

多个社交软件账户(例如QQ、微信、新浪微博推送分享登录)。

(十二)分享功能

①可以调用原生分享层,也可以单独调用平台,同时支持多图直接分享到微信(不需要申请权限);②设置普通图片平台分享、音视频平台分享、音乐分享及网站链接分享等。

(十三)开启多窗口功能

在当前页面创造一个新的窗口来打开页面。多窗口打开时,网页内有返回上一级和下一级的功能,在页面控制中选择刷新。

(十四)微信小程序

支持APP跳转小程序,打开小程序看左侧菜单小程序内操作。

(十五)视频播放功能

开启拦截功能,安卓、苹果初级版本及以上支持自动全屏功能。

四、结束语

有声招聘APP与其他招聘软件最大的不同点在于利用声音为招聘方式,最终希望建立一个独特的,区别于图文形式的招聘平台,以声音要素的呈现为主,满足用人单位的用声需求。通过手机APP提供的平台,充分发挥新媒体便捷和普及优势,更好地为大众服务。提供给声音爱好者就业机会,同时渗透校园,给大学生一个锻炼的平台,扩大学生就业机会,把声音工作的招聘信息更加专业化的集中于一体,服务各大公司企业招聘。

在未来我们希望能把有声招聘APP推广到全国高校范围中去。首当其冲的是把有声招聘APP的高校学生与教师交流教学功能真正地落实到位,最大程度帮助语言艺术专业的学生在大学四年能够更好地把所学习到的理论知识结合到实践和工作中去,更好地提升学生的个人能力的培养,激发学生对于专业的兴趣,同时也便于学生在毕业之后能够尽快地融入社会,寻找到适合自己的工作。其次,有声招聘APP另一大未来的展望就是希望可以帮助到更多的声音工作者和声音爱好者,扩大有声招聘APP的使用范围,纳入更多的企业进行加盟,这样就可以把更多企业的招聘信息放到有声招聘APP平台上为社会各层次的声音工作爱好者,提供一个安全诚信且就业信息丰富的招聘平台,让其能够在社会上更好地发挥他们的个人能力和体现他们的社会价值。

有声招聘APP作为陕西省大学生创新创业计划中的一份子,他所能体现的意义在于语言艺术专业学生对于自己在校和未来步入社会的全方位考量,它的范围小到学生日常的专业性学习,大到社会企业对于人员的招募都体现了有声招聘APP的专业学术性特色,它的设计想法也是希冀于能够使招聘方式更加专业、丰富和细致化,让更多的使用者能够利用好这个平台达到自己所希望的目标。我们也希望通过未来的不懈努力能够让这个项目真正的实施开来,让有声招聘APP为更多的声音工作爱好者所认可,提供源源不断的助力。

猜你喜欢
机型网页界面
国内主流机型客舱声品质表现分析
国企党委前置研究的“四个界面”
当代陕西(2020年13期)2020-08-24 08:22:02
不可小觑的4K机型,着重亮丽的色彩还原 光峰A300
渐趋成熟的旗舰机型 艾洛维V10
基于CSS的网页导航栏的设计
电子制作(2018年10期)2018-08-04 03:24:38
基于FANUC PICTURE的虚拟轴坐标显示界面开发方法研究
基于URL和网页类型的网页信息采集研究
电子制作(2017年2期)2017-05-17 03:54:56
人机交互界面发展趋势研究
网页制作在英语教学中的应用
电子测试(2015年18期)2016-01-14 01:22:58
手机界面中图形符号的发展趋向
新闻传播(2015年11期)2015-07-18 11:15:04