毕业论文APP应用开发13000字.docx
- 文档编号:26830135
- 上传时间:2023-06-23
- 格式:DOCX
- 页数:36
- 大小:1.36MB
毕业论文APP应用开发13000字.docx
《毕业论文APP应用开发13000字.docx》由会员分享,可在线阅读,更多相关《毕业论文APP应用开发13000字.docx(36页珍藏版)》请在冰豆网上搜索。
毕业论文APP应用开发13000字
毕业论文-APP应用开发(13000字)
毕业设计
基于AppCanIDE的动漫app应用开发
系别:
专业名称:
学生姓名:
学号:
指导教师姓名、职称:
完成日期:
2017年03月28日
摘要
随着当代社会经济的发展,科技技术也随着人们的需求增长而不断发展着,而作为人们日常生活中,沟通联系通讯以及娱乐乃至办公的便携式工具,其普及和发展也达到了前所未有的高度,而app作为智能手机必不可缺的软件应用,其开发技术也是日新月异。
因此,为了在发展迅猛的网络时代中满足用户对智能手机应用的需求,以及满足程序开发人员对于app开发的需求,我们将设计一款基于AppCanIDE的动漫app应用。
动漫app的设计开发主要基于AppCanIDE开发平台和以HTML5为核心的编程语言,根据手机用户对app应用的操作需求来进行设计,主要有主界面、登录注册界面和子功能界面等,其中主界面可细分为主窗口框和浮动窗口,浮动窗口是嵌套于主窗口框内,根据设置的程序来回切换,展示不同的功能。
基于AppCanIDE的动漫app应用分为以下四个浮动窗口:
首页、资讯、个人主页、更多功能。
除了这四个嵌套于主窗口内的浮动窗口以外,还添加了登录,注册等功能,且各个浮动窗口也内嵌了相应的子功能模块。
该设计以AppCanIDE个人版v4.0.1为开发环境,以HTML5为核心编程语言,以CSS3样式搭建的AppUI为界面和以appcan.request.ajax方法函数作为数据上传与加载的工具来进行网络注册和登录请求。
关键词:
HTML5HybridAppAppCanIDEAPP应用CSS3样式的APP界面UI设计
1绪论
1.1手机智能移动终端的发展背景
在人类通讯历史上,通讯工具有烽火,狼烟,书信,传呼机,电话,手机等,其中手机可以说得上是一个最伟大的发明,从其发明问世至今,已经有二十几个年头。
手机在这二十几年的发展历史中,历经了多次的蜕变。
而在手机的发展蜕变历史中,最为重大的一次革命,莫过于智能手机的出现。
智能手机的出现,使得手机的功能不再仅仅局限于收发短信,即时通话等通讯功能。
与传统的手机通讯功能相比,智能手机不仅可以实现收发短信、即时通话的功能,还可以实现用户随时随地连接因特网的需求,实现更多智能化的办公,娱乐功能应用。
在2001年的时候,爱立信公司发布了世界上第一款智能手机,采用SymbianOS系统的--R380sc智能手机。
由此开启了智能手机大时代,世界上众手机生产商紧随爱立信之后,也纷纷推出属于自己的智能手机,智能手机的研发与生产进入了一个蓬勃发展的时代。
时至今日,智能手机已然经历了十多年的发展,而与之相对应的,智能手机应用也随之经历了极大的发展与变化。
随着人们对于智能手机的外观美观性,体积便携性,功能实用性和价格性价比的要求越来越高,智能手机应用开发的技术也随之得到不断的发展更新与完善。
就早期的智能手机应用而言,其功能都是比较单调的,通常功能只有一种或两种,界面显示也比较简单粗糙,已经无法适应手机用户的越来越丰富功能需求。
因此,我们有必要开发出一款可以满足用户对于界面设计和功能需求的智能手机应用。
1.2APP的发展概况
自从人类于21世纪步入高科技时代以来,电子信息科学技术的研究发展和更新变化可谓是“士别三日当刮目相待”。
而通信技术的发展更可谓是风起云涌。
手机作为一种移动通信的工具,其发展变化更是令人目不暇接。
自人类进入互联网时代以来,如何方便,快捷,随时随地的连接互联网已成为人类一大迫切需求,自然而然的,可联网的移动互联网式智能手机便应运而生,而可联网的智能手机的普及,也反向的推动了移动互联网技术的推广与发展,与之相应的,手机智能移动终端软件,即(移动APP)的研究开发与使用得到了极大的推广。
据统计,仅在2011年一年内,在全球范围内的各种智能手机应用就有着下载次数382亿的庞大数据,而互联网数据中心(IDC)以此为依据进行增长预估,智能手机应用下载量在2016年的时候,甚至会上涨到2327亿次之多。
凭借着占据空间的体积小,低重量方便随身携带、屏幕显示带触控功能、自带数码摄像头,像素高清,无线网卡随时联网等等多样且人性化的用户体验,以装载运行Android系统的手机和装载运行IOS系统的手机为代表的智能手机等移动式通讯设备,已经在慢慢的介入现代企业的商务运行过程并逐渐使其运行模式发生变化。
智能手机移动式通讯设备等产品,原本被定义为消费类型设备,现在也逐渐开始介入商务应用领域,从而导致了着力于研发产品商务销售推广应用的企业级产品应用推广厂商将产品应用推广的研发重点从实体传媒或PC网端转移至手机移动端应用平台,乃至发展到将手机移动端应用平台作为产品应用推广厂商提供产品和推广自身产品品牌、与消费者接触交互信息,甚至是销售商品的一个渠道。
可以说智能手机移动端应用APP的设计与开发和智能手机移动端应用平台的推广与交互,已经成为了移动互联网行业的一个新兴的具有巨大发展前景的市场。
1.3项目的开发背景和目标
与手机智能移动终端开发技术已经趋于成熟的发达国家市场相对比。
目前,我国国内的手机智能移动终端开发市场还处于发展阶段。
近几年来,在我国国内涌现出一批优秀的提供移动互联网推广方案的企业。
他们专注于智能手机移动端应用软件APP的设计与开发,和在线式手机智能移动终端应用平台的产品推广,为企业的产品应用推广提供实时在线式的移动互联网讯息传播推广解决方案。
就目前而言,我国手机智能移动终端应用开发服务范围已涵盖了我们生活中所遇到的方方面面的行业。
在我们日常生活所涉及到的各种行业:
商城、娱乐、美容、服装、医疗、地产、酒店、汽车、传媒、旅游、服务等产业,基本上都已开通手机智能移动终端服务。
在我国,已有众多的手机智能移动终端应用开发商致力于为各种企业提供一站式的移动互联网在线讯息传播推广应用解决方案。
本次毕业设计的主要目标有以下几点。
(1)根据近年来智能手机应用的发展趋势,从实用性,功能性和观赏性三个方面来分析用户对于一款优秀的手机APP应用应有那些需求;
(2)根据用户各种不同的需求对本次毕业设计的APP程序做出功能模块划分;
(3)进一步对本次毕业设计的APP应用的各个功能模块进行系统的分析与设计,并给出整个项目的设计开发流程;
(4)在保证所设计的APP能满足分析所得的用户基本功能要求的基础上,尽量附加上一些具有实用性的功能。
2动漫APP应用开发技术分析
2.1AppCanIDE平台介绍
2.1.1AppCanIDE简介及安装
本次毕业设计所使用的AppCanIDE移动应用开发平台是由正益移动互联科技股份有限公司研发的基于HTML5开发语言的智能手机移动应用开发平台,AppCanIDE移动应用开发平台使得智能手机移动应用的设计与开发过程变得简单、快速、高效。
其主要应用于开发目前市面上主流的Android系统、IOS系统应用。
AppCanIDE移动应用开发平台使用了HTML5开发语言、CSS3样式设计和JavaScript直译式脚本语言等移动应用开发技术。
移动应用开人员可通过AppcanIDE移动应用开发平台内置的集成开发工具来进行编写开发混合式(Hybrid)跨平台移动应用。
同时,北京正益无线所研发的AppCanIDE移动应用开发平台还具有连接互联网的在线编译系统以及云端打包功能,使得移动应用开发人员在完成移动应用的程序编写之后,能够快速的将其生成为Android平台、IOS平台上的本地应用。
移动应用开发人员通过使用AppCanIDE移动应用开发平台内置的应用引擎所提供的与智能手机操作系统的原生(Naitve)交互功能,可以让使用HTML5开发语言所开发出来的移动应用拥有基本接近于原生应用(NativeApp)的交互体验。
相比于以前传统的APP开发方式所存在的开发技术要求相对较高、开发周期长、项目维护难度大和终端适配难以控制等问题。
Appcan平台为我们做了底层引擎支持和终端适配工作。
而官方所提供的插件更是囊括了APP应用开发过程中所可能使用到的大部分功能模块。
本次毕业设计所使用到的开发平台AppCanIDE,可以通过登录正益移动互联科技股份有限公司的官网,在正益公司的官网进行注册,然后下载AppCanIDE个人版,进行安装和使用。
2.1.2AppCanIDE制作APP的打包模式
(1)APP本地打包
Appcan开发者使用Appcan平台提供的IDE开发工具,在本机上进行编写应用和打包生成应用安装包。
AppCanIDE的本地打包环境只是一个测试环境,如需正式发布打包,则需要进行云端打包,需要注意的是,使用AppCanIDE移动应用开发平台进行本地编译生成的iOS系统的ipa安装包是越狱安装包只能在越狱的iOS系统机上安装,并且不支持该将app上传到应用市场。
(2)APP云端打包
使用Appcan平台进行开发的时候开发者无需安装任何本地开发环境(甚至IDE都不是必须的),移动应用开发人员只需要按照AppcanIDE移动应用开发平台的开发流程和开发规范进行程序编写和开发,待应用程序编写完成后,可通过登录正益无线的SDK账号,所编写的程序代码上传到正益无线官网的appcan打包服务器进行应用程序编译(即所谓的“云端打包”),编译完成后,开发人员在官网平台的账号的应用管理内,会自动生成该应用程序的iOS系统或Android系统安装包,同时,云端打包生成移动应用可支持上传到应用市场。
2.1.3AppCanIDE平台制作APP的优势
(1)采用HTML5开发语言、CSS3样式设计和JavaScript直译式脚本语言等移动应用开发技术进行移动应用的开发,可实现跨平台移动应用开发。
能够实现一次APP应用程序开发,可编译适配多平台、多机型、多分辨率。
(2)支持混合应用(HybridApp)开发模式和网页应用(webApp)开发模式,混合应用(HybridApp)开发模式集合了网页应用(webApp)开发模式和原生应用(NativeApp)开发模式两者优势。
(3)应用开发速度快、开发方式上手容易、能节约开发成本。
(4)官方提供了丰富的插件来满足app的开发,同时用户也可以提交和分享插件供其他开发者使用。
(5)开放式的架构设计。
AppcanIDE移动应用开发平台为开发人员提供了丰富的智能手机系统插件功能,同时允许开发者自行扩展插件进行插件定制化开发,具有自定义的智能手机系统原生(Native)插件扩展机制,可以满足开发人员对于自定义系统插件功能的的定制需求,是一个开放性的功能可扩展的移动应用开发平台。
2.2HTML5语言介绍
2.2.1HTML5语言简介
2014年10月,W3C组织(万维网联盟)完成了对网页(Web)编程语言最新的标准的制定,推出了HTML5.01标准语言,是HTML系列标准语言的最新修订版本,*/是对W3C组织先前所发布的旧的html各系列版本的修正和完善,HTML5基于旧版本HTML系列语言的普适性的标准之上,有了更强大的表现功能,HTML5语言,为网页的开发提供更加简洁语法特性。
且HTML5语言具有向后兼容性。
W3C组织(万维网联盟)还为HTML5语言标准添加了许多新的语法标签特征,同时还集成了可缩放矢量图形(SVG)内容,为HTML5语言标准添加了动画,渐层,自型处理等画面动态显示功能,这使得HTML5语言具有了更强大的多媒体和图形处理能力。
2.2.2HTML5语言的优势
HTML5语言标准的主要优势在于它适用众多的操作系统平台,从计算机浏览器到智能手机移动端、平板电脑,甚至是智能电视,都可支持HTML5语言标准。
而只要操作系统平台所使用的设备浏览器支持HTML5语言标准,那么使用HTML5语言标准进行编程开发的应用在此操作系统平台上就具有可行性(大多数浏览器都有着相同的运行方式)。
而基于HTML5语言标准的普适性,使用HTML5语言标准进行移动应用程序编写开发的开发人员只需进行一次程序编写,就可以在多个操作系统平台进行该移动应用的编译,将其推广至各个操作系统平台,与基于操作系统平台进行应用程序编写开发和编译的原生应用(NativeApp)而言,使用能够多平台运行的HTML5语言标准进行应用程序编写开发和编译的移动应用,其在操作系统平台的移植上就存在着很大的优势
2.3AppCanIDE的UI样式的选择
2.3.1AppCanIDE的UI样式选择CSS3样式的原因
(1)css3新增属性:
①.选择器的拓展:
新增了许多不同的选择器标签,使得前端开发人员能利用这些标签更加灵活地对页面元素进行选择和控制。
②.页面布局的加强:
新增弹性盒子模型,可布置长宽可伸缩的页面布局。
③.开放字体的支持:
CSS3样式标准开放了对于页面字体的限制,使得前端开发人员可以对页面中的字体进行自定义,为不同的页面元素应用不同的字体。
④.适配多终端的标准:
CSS3新增媒体查询功能,可以查询设备自身所定义的标准,使得前端开发人员不用为不同的设备基于设备本身的能力而定义不同的样式。
⑤.动画支持:
具有transition(过渡)、transform(变换)、animation(动画)等多种动画效果表现。
(2)AppcanIDE开发平台内部自带部分CSS3样式设置
3本次毕业设计的app应用开发系统分析
3.1AppCanIDE平台分析
3.1.1AppCanIDE平台系统可行性分析
事实上,作为一次负责任的项目开发工程。
在项目开发之前,先行对项目开发的可行性进行分析是非常有必要的,这样的一次分析,实际上就是该项目一次简化系统分析和系统设计的过程,本次毕业设计的APP应用开发有以下四点的可行性分析:
(1)技术可行性:
当前绝大多数电脑的硬件配置都可以满足AppCanIDE对于安装环境的要求,使我们的app应用开发有了一个开发平台。
而HTML5语言,与CSS3样式相较于原生语言而言更加简便,且适用性强。
AppCan经过多年的发展与完善,其开发技术与相关脚本,插件,模板等也已经相当的成熟。
(2)运行可行性:
正益官网上可直接下载AppCanIDE,各种js脚本,应用插件,应用模板等。
且本次毕业设计的所采用的AppCanIDE开发平台具有APP应用本地或云端打包,在线发布等功能。
(3)法律可行性:
AppCan是开放性的,所有的技术和代码都是公开性的,免费的,每个人都有权利利用这个平台进行APP应用开发。
(4)操作可行性:
AppCan考查用户的习惯,统计各类APP应用设计,为用户提供了大量的应用模板,以及脚本,使得智能手机移动应用的系统设计和程序编写变得更加简单。
3.2系统结构的设计
3.2.1混合应用(HybridApp)的开发模式介绍
智能手机移动应用的混合应用(HybridApp)开发模式,通常是一种基于第三方跨平台移动应用的引擎框架来进行程序的编程开发的一种移动应用开发模式。
在开发者所使用的各种移动开发框架中比较知名的有PhoneGap、AppCan等。
这些移动应用开发平台的引擎框架,一般使用HTML5.01标准语言和JavaScript直译式脚本语言作为移动应用的程序编程开发语言。
这些开发平台的引擎框架可以调用智能手机操作系统的引擎所封装的底层功能,传感器功能、摄像机功能、通讯录功能、二维码功能等等。
HTML5标准语言和JavaScript直译式脚本语言只是作为混合应用(HybridApp)开发模式开发过程中一个应用程序编程时的解析语言,应用功能执行时真正调用的引擎功能都是与原生应用(NativeApp)一样的操作系统的引擎所封装的底层功能,这是和网页应用(WebApp)的最大区别和不同。
因为使用了浏览器支持解码技术,所以混合应用(HybridApp)通常具有跨平台的特性,并且开发成本和网页应用(WebApp)接近,开发效率也远远高于原生应用(NativeApp)。
用户编写的html界面通过平台引擎的WebView控件加载和渲染后不仅能够执行自身页面的JavaScript脚本还具备了调用原生插件所提供或暴露的接口功能的能力,整个调用过程完全是通过前端JavaScript脚本来完成的。
通常是以浏览器技术加载显示的网络视图(WebView)作为用户界面层,以JavaScript直译式脚本语言作为智能手机与网络视图(WebView)互动的基本逻辑,使用JS脚本与中间件通讯,再由中间件访问操作系统平台底层的应用程序编程接口(API)的方式,进行应用开发。
3.2.2使用混合应用(HybridApp)开发模式的优势
(1)NativeApp开发模式
即原生应用开发模式:
原生应用(NativeApp)开发模式,是指针对不同的智能手机操作系统平台环境,进行单独的移动应用程序编程开发的基于特定的智能手机操作系统平台的本地应用,其在技术实现上,一般采用特定的针对于不同智能手机之间各自操作系统平台的特定语言进行编写。
如:
使用面向对象设计的编程语言(Java)和Android开发语言进行Android操作系统平台的移动应用的开发,和使用Objective-c开发语言进行IOS操作系统平台的移动应用的开发等。
(2)WebApp开发模式
即网页应用开发模式
网页应用(WebApp)开发模式所开发出来的移动应用APP,可以说就是一个可在手机端显示的触屏版。
网页应用(WebApp)开发模式完全使用HTML5标准语言、JavaScript直译式脚本语言和CSS3样式设计等网页(Web)开发语言技术来进行移动应用的程序编程与开发。
通过智能手机移动设备的浏览器来对所开发的移动应用进行访问。
缺点是使用网页应用(WebApp)开发模式所开发出来的这些基于智能手机移动设备的浏览器进行访问的智能手机移动应用无法通过调用智能手机操作系统平台底层引擎封装的的应用程序编程接口(API)来实现一些高级功能,同时因为网页应用(WebApp)需要通过移动设备的浏览器才能进行访问的局限性也不适合各种高性能要求的场合。
(3)HybridApp开发模式
即叫混合应用开发模式
混合应用(HybridApp)开发模式是一种介于原生应用(NativeApp)开发模式与网页应用(WebApp)开发模式之间的智能手机App应用开发模式,顾名思义就是是网页应用(WebApp)开发模式和原生应用(NativeApp)开发模式的结合体,混合应用(HybridApp)开发模式自然继承了两者的优点。
混合应用(HybridApp)开发模式所开发出来的混合应用(HybridApp)兼具了“网页应用(WebApp)的跨平台开发优势,使其不用局限于特定的某个手机系统进行开发,而是可以开发出适用于不同的多个的手机系统的APP应用,其拥有网页(Web)技术可以跨平台使用的多环境适用特性”和“原生应用(NativeApp)良好的用户交互体验的优势”。
它可以使网页(Web)开发人员直接转型成为智能手机移动应用APP开发人员,而无需再次进行编程语言的学习或是培训,并且由于混合应用(HybridApp)开发模式所开发的混合应用(HybridApp)均使用相同的网页(Web)开发代码,因此只需将所开发的代码,针对不同的手机系统平台进行代码二次编译,就能实现程序代码一次性开发编写即可在多个手机系统平台上进行发布,而相较于网页应用(WebApp)开发模式所开发的网页应用(WebApp)的对操作系统平台底层引擎封装功能调用的局限性,混合应用(HybridApp)的开发人员可以通过包装好的底层引擎框架接口,调用大部分常用的智能手机操作系统平台底层引擎封装的应用程序编程接口(API)。
三种应用开发模式功能对比,见表3-1。
表3-1三种应用开发语言对比表
NativeApp
WebApp
HybridApp
开发语言
原生语言
ObjectC,Java,.net等
网页语言
HTML5+JS
网页或原生语言皆可
跨平台性
高
高
高
设备能力
高
低
高
开发难度
高
低
低
应用体验
好
差
较好
向后兼容
差
好
好
4App的UI搭建和功能总体
4.1App的系统整体搭建
本次毕业设计的app应用,其系统主体搭建框图如下图4-1所示。
详见附件一:
系统文件图。
图4-1系统主体构架图
4.2App的UI搭建
4.2.1主界面结构分析
本次毕业设计的app应用,其主体界面是一个组合窗口,由一个主窗口内嵌可切换式的浮动窗口组成。
其页面组成结构如图4-2所示。
图4-2主界面UI组成结构图
4.2.2主界面程序流程分析
建立主窗口header
uexWindow对象使用:
appcan.window.uexOnload
在主窗口加载完毕后,智能手机平台将触发appcan.window.uexOnload方法。
类似的appcan.window.onload方法,都是在HTML页面加载完成之后触发的方法。
区别是,appcan.window.uexOnload方法的加载顺序会排在appcan.window.onload方法之后,原因是appcan.window.uexOnload方法的加载需要等待AppCan扩展对象,即含有'uex'前缀的对象初始化完毕后才会开始加载。
待调用方法的事件加载完成之后,可以安全的使用uex扩展对象。
通过appcam.uexWindow.open方法打开的是一个主窗口,浮动窗口则通过uexWindow.openPopover方法进行创建。
一个主窗口上的多个浮动窗口名字是唯一的,但不同主窗口上的两个或多个浮动窗口的名字则可以相同。
(1)打开主窗口
打开浮动窗口时可使用uexWindow.open方法。
方法函数主体:
uexWindow.open('city','0',"city_top.html",'10','','','0');
参数说明:
见表4-1。
表4-1uexWindow.open函数参数说明
参数
是否选用
功能
‘City’
必选
窗口名称
‘0’
必选
窗口载入的数据的类型,
0:
url方式载入;
1:
html内容方式载入
‘city_top.html’
必选
Url路径
‘10’
必选
窗口动画(由右往左切入)
第一个‘’
必选
窗口宽度。
默认为屏幕宽度。
第二个‘’
必选
窗口高度。
默认为屏幕高度。
‘0’
必选
窗口标记
(2)打开浮动窗口。
打开浮动窗口时可使用uexWindow.openPopver方法。
方法函数主体:
uexWindow.openPopover(popName,dataType,url,data,x,y,w,h,fontSize,flag)
参数说明:
见表4-2
表4-2uexWindow.openPopover函数参数说明
参数
是否选用
功能
popName:
(String类型)
必选
名称
dataType:
(Number类型)
必选
窗口载入的数据的类型:
0:
url方式载入;
1:
html内容方式载入;
2:
既有url方式,又有html内容方式
url:
(String类型)
必选
url类型数据
data:
(String类型)
必选
data类型数
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 毕业论文 APP 应用 开发 13000
![提示](https://static.bdocx.com/images/bang_tan.gif)