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

1、毕业设计论文APP应用开发13000字毕 业 设 计基于AppCan IDE的动漫app应用开发系 别：专 业 名 称： 学 生 姓 名： 学 号： 指导教师、职称： 完成日期：2017年03月28日摘 要随着当代社会经济的开展,科技技术也随着人们的需求增长而不断开展着，而作为人们日常生活中，沟通联系通讯以及娱乐乃至办公的便携式工具，其普及和开展也到达了前所未有的高度，而app作为智能手机必不可缺的软件应用，其开发技术也是日新月异。因此，为了在开展迅猛的网络时代中满足用户对智能手机应用的需求，以及满足程序开发人员对于app开发的需求，我们将设计一款基于AppCan IDE的动漫app应用。动漫

2、app的设计开发主要基于AppCan IDE开发平台和以HTML5为核心的编程语言，根据手机用户对app应用的操作需求来进展设计，主要有主界面、登录注册界面和子功能界面等，其中主界面可细分为主窗口框和浮动窗口, 浮动窗口是嵌套于主窗口框，根据设置的程序来回切换，展示不同的功能。基于AppCan IDE的动漫app应用分为以下四个浮动窗口：首页、资讯、个人主页、更多功能。除了这四个嵌套于主窗口的浮动窗口以外，还添加了登录，注册等功能，且各个浮动窗口也嵌了相应的子功能模块。该设计以AppCan IDE个人版 v4.0.1为开发环境，以HTML5为核心编程语言，以CSS3样式搭建的App UI为界面

3、和以appcan.request.ajax方法函数作为数据上传与加载的工具来进展网络注册和登录请求。关键词：HTML5 Hybrid App AppCan IDE APP应用 CSS3样式的APP界面UI设计AbstractWith the development of modern science and technology and economy, the popularity of smartphones and development reached an unprecedented height,And as a smartphone app essential software

4、application, its development technology is also changing.Therefore, in order to meet user in the rapidly developing network era demand for smartphone applications, as well as to meet the needs of application developers to develop for the app,We will design a cartoon app based on AppCan IDE.Anime app

5、 based mainly on the design and development AppCan IDE development platform and take it as the core of programming language,According to the requirements of mobile phone users to the operation of the app to design,Mainly consists of a main window and four different floating window, floating window w

6、ithin a nested with the main window,According to the setup program to switch back and forth, show different functions.Based on AppCan IDE animation app application is divided into the following four floating window: home page, information, personal home page, more features. In addition to these four

7、 nested in the main window of the floating window, but also added the login, registration and other functions, and each floating window is also embedded in the corresponding sub module. The design for the AppCan IDE personal edition of v4.0.1 for the development environment, using HTML5 as the core

8、programming language to build App UI CSS3 style interface and appcan.request.ajax to function as a method of data upload and loading tools to carry out network registration and login request.Keyword: HTML 5Hybrid AppAppCan IDE.APPBased on a range of styles of UI design1绪论1.1 手机智能移动终端的开展背景在人类通讯历史上，通讯

9、工具有烽火，狼烟，书信，传呼机，手机等，其中手机可以说得上是一个最伟大的创造，从其创造问世至今，已经有二十几个年头。手机在这二十几年的开展历史中，历经了屡次的蜕变。而在手机的开展蜕变历史中，最为重大的一次革命，莫过于智能手机的出现。智能手机的出现，使得手机的功能不再仅仅局限于收发短信，即时通话等通讯功能。与传统的手机通讯功能相比，智能手机不仅可以实现收发短信、即时通话的功能，还可以实现用户随时随地连接因特网的需求，实现更多智能化的办公，娱乐功能应用。在2001年的时候，爱立信公司发布了世界上第一款智能手机，采用SymbianOS系统的-R380sc智能手机。由此开启了智能手机大时代，世界上众手

10、机生产商紧随爱立信之后，也纷纷推出属于自己的智能手机，智能手机的研发与生产进入了一个蓬勃开展的时代。时至今日，智能手机已然经历了十多年的开展，而与之相对应的，智能手机应用也随之经历了极大的开展与变化。随着人们对于智能手机的外观美观性，体积便携性，功能实用性和价格性价比的要求越来越高，智能手机应用开发的技术也随之得到不断的开展更新与完善。就早期的智能手机应用而言，其功能都是比拟单调的，通常功能只有一种或两种，界面显示也比拟简单粗糙，已经无法适应手机用户的越来越丰富功能需求。因此，我们有必要开发出一款可以满足用户对于界面设计和功能需求的智能手机应用。1.2 APP的开展概况自从人类于21世纪步入高

11、科技时代以来，电子信息科学技术的研究开展和更新变化可谓是“士别三日当刮目相待。而通信技术的开展更可谓是风起云涌。手机作为一种移动通信的工具，其开展变化更是令人目不暇接。自人类进入互联网时代以来，如何方便，快捷，随时随地的连接互联网已成为人类一大迫切需求，自然而然的，可联网的移动互联网式智能手机便应运而生，而可联网的智能手机的普及，也反向的推动了移动互联网技术的推广与开展，与之相应的，手机智能移动终端软件，即移动APP的研究开发与使用得到了极大的推广。据统计，仅在2011年一年，在全球围的各种智能手机应用就有着下载次数382亿的庞大数据，而互联网数据中心IDC以此为依据进展增长预估，智能手机应用

12、下载量在2016年的时候，甚至会上涨到2327亿次之多。凭借着占据空间的体积小,低重量方便随身携带、屏幕显示带触控功能、自带数码摄像头，像素高清，无线网卡随时联网等等多样且人性化的用户体验，以装载运行Android系统的手机和装载运行IOS系统的手机为代表的智能手机等移动式通讯设备，已经在慢慢的介入现代企业的商务运行过程并逐渐使其运行模式发生变化。智能手机移动式通讯设备等产品，原本被定义为消费类型设备，现在也逐渐开场介入商务应用领域，从而导致了着力于研发产品商务销售推广应用的企业级产品应用推广厂商将产品应用推广的研发重点从实体传媒或PC网端转移至手机移动端应用平台，乃至开展到将手机移动端应用平

13、台作为产品应用推广厂商提供产品和推广自身产品品牌、与消费者接触交互信息，甚至是销售商品的一个渠道。可以说智能手机移动端应用APP的设计与开发和智能手机移动端应用平台的推广与交互，已经成为了移动互联网行业的一个新兴的具有巨大开展前景的市场。1.3 工程的开发背景和目标与手机智能移动终端开发技术已经趋于成熟的兴旺国家市场相比照。目前，我国国的手机智能移动终端开发市场还处于开展阶段。近几年来，在我国国涌现出一批优秀的提供移动互联网推广方案的企业。他们专注于智能手机移动端应用软件APP的设计与开发，和在线式手机智能移动终端应用平台的产品推广，为企业的产品应用推广提供实时在线式的移动互联网讯息传播推广解

14、决方案。就目前而言,我国手机智能移动终端应用开发效劳围已涵盖了我们生活中所遇到的方方面面的行业。在我们日常生活所涉及到的各种行业：商城、娱乐、美容、服装、医疗、地产、酒店、汽车、传媒、旅游、效劳等产业，根本上都已开通手机智能移动终端效劳。在我国，已有众多的手机智能移动终端应用开发商致力于为各种企业提供一站式的移动互联网在线讯息传播推广应用解决方案。本次毕业设计的主要目标有以下几点。(1)根据近年来智能手机应用的开展趋势，从实用性，功能性和欣赏性三个方面来分析用户对于一款优秀的手机APP应用应有那些需求；(2)根据用户各种不同的需求对本次毕业设计的APP程序做出功能模块划分；(3)进一步对本次毕

15、业设计的APP应用的各个功能模块进展系统的分析与设计，并给出整个工程的设计开发流程；(4)在保证所设计的APP能满足分析所得的用户根本功能要求的根底上，尽量附加上一些具有实用性的功能。2 动漫APP应用开发技术分析2.1 AppCan IDE平台介绍2.1.1 AppCan IDE 简介及安装本次毕业设计所使用的AppCan IDE移动应用开发平台 是由正益移动互联科技股份研发的基于HTML5开发语言的智能手机移动应用开发平台，AppCan IDE移动应用开发平台使得智能手机移动应用的设计与开发过程变得简单、快速、高效。其主要应用于开发目前市面上主流的Android系统、IOS系统应用。App

16、Can IDE移动应用开发平台使用了HTML5开发语言、CSS3样式设计和JavaScript直译式脚本语言等移动应用开发技术。移动应用开人员可通过Appcan IDE移动应用开发平台置的集成开发工具来进展编写开发混合式Hybrid跨平台移动应用。同时，正益无线所研发的AppCanIDE移动应用开发平台还具有连接互联网的在线编译系统以及云端打包功能，使得移动应用开发人员在完成移动应用的程序编写之后，能够快速的将其生成为Android平台、IOS平台上的本地应用。移动应用开发人员通过使用AppCan IDE移动应用开发平台置的应用引擎所提供的与智能手机操作系统的原生Naitve交互功能，可以让使

17、用HTML5开发语言所开发出来的移动应用拥有根本接近于原生应用Native App的交互体验。相比于以前传统的APP开发方式所存在的开发技术要求相对较高、开发周期长、工程维护难度大和终端适配难以控制等问题。Appcan平台为我们做了底层引擎支持和终端适配工作。而官方所提供的插件更是囊括了APP应用开发过程中所可能使用到的大局部功能模块。本次毕业设计所使用到的开发平台AppCan IDE，可以通过登录正益移动互联科技股份的官网.appcan./ ，在正益公司的官网进展注册，然后下载AppCan IDE个人版，进展安装和使用。2.1.2 AppCan IDE 制作APP的打包模式(1)APP本地打

18、包Appcan开发者使用Appcan平台提供的IDE开发工具，在本机上进展编写应用和打包生成应用安装包。AppCan IDE的本地打包环境只是一个测试环境，如需正式发布打包，那么需要进展云端打包，需要注意的是，使用AppCan IDE移动应用开发平台进展本地编译生成的iOS系统的ipa安装包是越狱安装包只能在越狱的iOS系统机上安装,并且不支持该将app上传到应用市场。(2)APP云端打包使用Appcan平台进展开发的时候开发者无需安装任何本地开发环境甚至IDE都不是必须的，移动应用开发人员只需要按照Appcan IDE移动应用开发平台的开发流程和开发规进展程序编写和开发，待应用程序编写完成后

19、，可通过登录正益无线的SDK账号，所编写的程序代码上传到正益无线官网的appcan打包效劳器进展应用程序编译(即所谓的“云端打包)，编译完成后，开发人员在官网平台的账号的应用管理，会自动生成该应用程序的iOS系统或Android系统安装包，同时，云端打包生成移动应用可支持上传到应用市场。2.1.3 AppCan IDE 平台制作APP的优势(1) 采用HTML5开发语言、CSS3样式设计和JavaScript直译式脚本语言等移动应用开发技术进展移动应用的开发，可实现跨平台移动应用开发。能够实现一次APP应用程序开发，可编译适配多平台、多机型、多分辨率。(2) 支持混合应用Hybrid App开

20、发模式和网页应用web App开发模式,混合应用Hybrid App开发模式集合了网页应用web App开发模式和原生应用Native App开发模式两者优势。(3)应用开发速度快、开发方式上手容易、能节约开发本钱。(4)官方提供了丰富的插件来满足app的开发，同时用户也可以提交和分享插件供其他开发者使用。(5)开放式的架构设计。Appcan IDE移动应用开发平台为开发人员提供了丰富的智能手机系统插件功能,同时允许开发者自行扩展插件进展插件定制化开发，具有自定义的智能手机系统原生Native插件扩展机制，可以满足开发人员对于自定义系统插件功能的的定制需求,是一个开放性的功能可扩展的移动应用开

21、发平台。2.2 HTML5语言介绍2.2.1 HTML5语言简介2014年10月，W3C组织(万维网联盟)完成了对网页Web编程语言最新的标准的制定，推出了HTML 5.01标准语言，是HTML系列标准语言的最新修订版本,*/是对W3C组织先前所发布的旧的html各系列版本的修正和完善,HTML5 基于旧版本HTML系列语言的普适性的标准之上,有了更强大的表现功能,HTML5语言,为网页的开发提供更加简洁语法特性。且HTML5 语言具有向后兼容性。W3C组织(万维网联盟)还为HTML5语言标准添加了许多新的语法标签特征，同时还集成了可缩放矢量图形SVG容，为HTML5语言标准添加了动画，渐层，

22、自型处理等画面动态显示功能，这使得HTML5语言具有了更强大的多媒体和图形处理能力。2.2.2 HTML5语言的优势HTML5语言标准的主要优势在于它适用众多的操作系统平台,从计算机浏览器到智能手机移动端、平板电脑,甚至是智能电视，都可支持HTML5语言标准。而只要操作系统平台所使用的设备浏览器支持HTML5语言标准，那么使用HTML5语言标准进展编程开发的应用在此操作系统平台上就具有可行性(大多数浏览器都有着一样的运行方式)。而基于HTML5语言标准的普适性，使用HTML5语言标准进展移动应用程序编写开发的开发人员只需进展一次程序编写，就可以在多个操作系统平台进展该移动应用的编译，将其推广至

23、各个操作系统平台,与基于操作系统平台进展应用程序编写开发和编译的原生应用Native App而言，使用能够多平台运行的HTML5语言标准进展应用程序编写开发和编译的移动应用，其在操作系统平台的移植上就存在着很大的优势2.3 AppCanIDE的UI样式的选择2.3.1 AppCanIDE的UI样式选择CSS3样式的原因(1)css3新增属性：.选择器的拓展：新增了许多不同的选择器标签，使得前端开发人员能利用这些标签更加灵活地对页面元素进展选择和控制。.页面布局的加强：新增弹性盒子模型，可布置长宽可伸缩的页面布局。.开放字体的支持：CSS3样式标准开放了对于页面字体的限制，使得前端开发人员可以对

24、页面中的字体进展自定义，为不同的页面元素应用不同的字体。. 适配多终端的标准：CSS3新增媒体查询功能，可以查询设备自身所定义的标准，使得前端开发人员不用为不同的设备基于设备本身的能力而定义不同的样式。.动画支持：具有transition过渡、transform变换、animation动画等多种动画效果表现。(2)Appcan IDE开发平台部自带局部CSS3样式设置3 本次毕业设计的app应用开发系统分析3.1 AppCan IDE平台分析3.1.1 AppCan IDE平台系统可行性分析事实上，作为一次负责任的工程开发工程。在工程开发之前，先行对工程开发的可行性进展分析是非常有必要的，这样

25、的一次分析，实际上就是该工程一次简化系统分析和系统设计的过程，本次毕业设计的APP应用开发有以下四点的可行性分析：(1)技术可行性：当前绝大多数电脑的硬件配置都可以满足AppCan IDE对于安装环境的要求，使我们的app应用开发有了一个开发平台。而HTML5语言，与CSS3样式相较于原生语言而言更加简便，且适用性强。AppCan经过多年的开展与完善，其开发技术与相关脚本，插件，模板等也已经相当的成熟。(2)运行可行性：正益官网上可直接下载AppCan IDE，各种js脚本，应用插件，应用模板等。且本次毕业设计的所采用的AppCan IDE开发平台具有APP应用本地或云端打包，在线发布等功能。

26、(3)法律可行性：AppCan是开放性的，所有的技术和代码都是公开性的，免费的，每个人都有权利利用这个平台进展APP应用开发。(4)操作可行性:AppCan考察用户的习惯，统计各类APP应用设计，为用户提供了大量的应用模板，以及脚本，使得智能手机移动应用的系统设计和程序编写变得更加简单。3.2 系统构造的设计3.2.1 混合应用Hybrid App的开发模式介绍智能手机移动应用的混合应用(Hybrid App)开发模式，通常是一种基于第三方跨平台移动应用的引擎框架来进展程序的编程开发的一种移动应用开发模式。 在开发者所使用的各种移动开发框架中比拟知名的有PhoneGap、AppCan等。这些移

27、动应用开发平台的引擎框架，一般使用HTML5.01标准语言和JavaScript直译式脚本语言作为移动应用的程序编程开发语言。这些开发平台的引擎框架可以调用智能手机操作系统的引擎所封装的底层功能，传感器功能、摄像机功能、通讯录功能、二维码功能等等。HTML5标准语言和JavaScript直译式脚本语言只是作为混合应用(Hybrid App)开发模式开发过程中一个应用程序编程时的解析语言，应用功能执行时真正调用的引擎功能都是与原生应用(Native App)一样的操作系统的引擎所封装的底层功能，这是和网页应用(Web App)的最大区别和不同。因为使用了浏览器支持解码技术,所以混合应用(Hybr

28、id App)通常具有跨平台的特性，并且开发本钱和网页应用(Web App)接近,开发效率也远远高于原生应用(Native App)。用户编写的html界面通过平台引擎的WebView控件加载和渲染后不仅能够执行自身页面的JavaScript脚本还具备了调用原生插件所提供或暴露的接口功能的能力，整个调用过程完全是通过前端JavaScript脚本来完成的。通常是以浏览器技术加载显示的网络视图WebView作为用户界面层,以JavaScript直译式脚本语言作为智能手机与网络视图WebView互动的根本逻辑，使用JS脚本与中间件通讯，再由中间件访问操作系统平台底层的应用程序编程接口API的方式,进

29、展应用开发。3.2.2 使用混合应用Hybrid App开发模式的优势(1)Native App开发模式即原生应用开发模式：原生应用(Native App)开发模式，是指针对不同的智能手机操作系统平台环境，进展单独的移动应用程序编程开发的基于特定的智能手机操作系统平台的本地应用，其在技术实现上,一般采用特定的针对于不同智能手机之间各自操作系统平台的特定语言进展编写。如:使用面向对象设计的编程语言Java和 Android开发语言进展Android操作系统平台的移动应用的开发，和使用Objective-c开发语言进展IOS操作系统平台的移动应用的开发等。(2)Web App开发模式即网页应用开发

30、模式网页应用(Web App)开发模式所开发出来的移动应用APP,可以说就是一个可在手机端显示的触屏版。网页应用(Web App)开发模式完全使用HTML5标准语言、 JavaScript直译式脚本语言和CSS3样式设计等网页Web开发语言技术来进展移动应用的程序编程与开发。通过智能手机移动设备的浏览器来对所开发的移动应用进展访问。 缺点是使用网页应用(Web App)开发模式所开发出来的这些基于智能手机移动设备的浏览器进展访问的智能手机移动应用无法通过调用智能手机操作系统平台底层引擎封装的的应用程序编程接口(API)来实现一些高级功能,同时因为网页应用(Web App)需要通过移动设备的浏览

31、器才能进展访问的局限性也不适合各种高性能要求的场合。(3)Hybrid App开发模式即叫混合应用开发模式混合应用Hybrid App开发模式是一种介于原生应用Native App开发模式与网页应用Web App开发模式之间的智能手机App应用开发模式，顾名思义就是是网页应用Web App开发模式和原生应用Native App开发模式的结合体，混合应用Hybrid App开发模式自然继承了两者的优点。混合应用 Hybrid App开发模式所开发出来的混合应用Hybrid App兼具了“网页应用Web App的跨平台开发优势，使其不用局限于特定的某个手机系统进展开发，而是可以开发出适用于不同的多

32、个的手机系统的APP应用，其拥有网页 Web技术可以跨平台使用的多环境适用特性和“原生应用Native App良好的用户交互体验的优势。它可以使网页Web开发人员直接转型成为智能手机移动应用APP开发人员，而无需再次进展编程语言的学习或是培训，并且由于混合应用Hybrid App开发模式所开发的混合应用Hybrid App均使用一样的网页Web开发代码，因此只需将所开发的代码，针对不同的手机系统平台进展代码二次编译，就能实现程序代码一次性开发编写即可在多个手机系统平台上进展发布，而相较于网页应用(Web App)开发模式所开发的网页应用(Web App)的对操作系统平台底层引擎封装功能调用的局限性，混合应用(Hybrid App)的开发人员可以通过包装好的底层引擎框架接口,调用大局部常用的智能手机操作系统平台底层引擎封装的应用程序编程接口(API)。三种应用开发模