毕业设计论文APP应用开发13000字.docx

毕业设计论文APP应用开发13000字.docx

《毕业设计论文APP应用开发13000字.docx》由会员分享，可在线阅读，更多相关《毕业设计论文APP应用开发13000字.docx（36页珍藏版）》请在冰点文库上搜索。

毕业设计论文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设计

Abstract

Withthedevelopmentofmodernscienceandtechnologyandeconomy,thepopularityofsmartphonesanddevelopmentreachedanunprecedentedheight,Andasasmartphoneappessentialsoftwareapplication,itsdevelopmenttechnologyisalsochanging.Therefore,inordertomeetuserintherapidlydevelopingnetworkerademandforsmartphoneapplications,aswellastomeettheneedsofapplicationdeveloperstodevelopfortheapp,WewilldesignacartoonappbasedonAppCanIDE.

AnimeappbasedmainlyonthedesignanddevelopmentAppCanIDEdevelopmentplatformandtakeitasthecoreofprogramminglanguage,Accordingtotherequirementsofmobilephoneuserstotheoperationoftheapptodesign,Mainlyconsistsofamainwindowandfourdifferentfloatingwindow,floatingwindowwithinanestedwiththemainwindow,Accordingtothesetupprogramtoswitchbackandforth,showdifferentfunctions.

BasedonAppCanIDEanimationappapplicationisdividedintothefollowingfourfloatingwindow:

homepage,information,personalhomepage,morefeatures.Inadditiontothesefournestedinthemainwindowofthefloatingwindow,butalsoaddedthelogin,registrationandotherfunctions,andeachfloatingwindowisalsoembeddedinthecorrespondingsubmodule.ThedesignfortheAppCanIDEpersonaleditionofv4.0.1forthedevelopmentenvironment,usingHTML5asthecoreprogramminglanguagetobuildAppUICSS3styleinterfaceandappcan.request.ajaxtofunctionasamethodofdatauploadandloadingtoolstocarryoutnetworkregistrationandloginrequest.

Keyword:

HTML5HybridAppAppCanIDE.APPBasedonarangeofstylesofUIdesign

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，可以通过登录正益移动互联科技股份的官网.appcan./，在正益公司的官网进展注册，然后下载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）。

三种应用开发模