毕业论文-基于AppCanIDE的动漫app应用开发

基于AppCan IDE的动漫app应用开发中文摘要：随着当代社会经济的发展,科技技术也随着人们的需求增长而不断发展着，因此，为了在发展迅猛的网络时代中满足用户对智能手机应用的需求，以及满足程序开发人员对于app开发的需求，我们将设计一款基于AppCan IDE的动漫app应用。动漫app的设计开发主要基于AppCan IDE开发平台和以HTML5为核心的编程语言，根据手机用户对app应用的操作需求来进行设计，主要有主界面、登录注册界面和子功能界面等，其中主界面可细分为主窗口框和浮动窗口, 浮动窗口是嵌套于主窗口框内，根据设置的程序来回切换，展示不同的功能。该设计以AppCan IDE个人版 v4.0.1为开发环境，以HTML5为核心编程语言，以CSS3样式搭建的App UI为界面和以appcan.request.ajax方法函数作为数据上传与加载的工具来进行网络注册和登录请求。关键词：HTML5 Hybrid App AppCan IDE APP应用Abstract：With the development of social economy, science and technology as people demand growth and development, therefore, in order to meet the needs of users of smart mobile phone application in the rapid development of the Internet era, the demand for app development and to meet the developers, we will design a app animation based on Application of AppCan IDE.The design and development of animation app is mainly based on the AppCan IDE development platform and HTML5 as the core of the programming language to design according to mobile phone users of APP application operation requirements, the main interface, login interface and function interface, the main interface can be subdivided into main window frame and a floating window, floating window is nested in the main window frame, according to the arrangement of a program to switch back and forth, show different functions.The design for the AppCan IDE personal edition of v4.0.1 for the development environment, using HTML5 as the core 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 5 Hybrid App AppCan IDE APP 1 绪 论自从人类于21世纪步入高科技时代以来，电子信息科学技术的研究发展和更新变化可谓是日新月异。手机作为一种移动通信的工具，其发展变化更是令人目不暇接。随着手机逐渐的高度智能化，已经开始逐渐应用于商务领域。许多企业级软件生产商已经开始将项目的研发重点转移到移动应用软件上面。APP应用的开发与推广已经成为了移动互联网行业的一个巨大市场。本次毕业设计的主要目标有以下几点。(1)根据近年来智能手机应用的发展趋势，从实用性，功能性和观赏性三个方面来分析用户对于一款优秀的手机APP应用应有那些需求；(2)根据用户各种不同的需求对本次毕业设计的APP程序做出功能模块划分；(3)进一步对本次毕业设计的APP应用的各个功能模块进行系统的分析与设计，并给出整个项目的设计开发流程；(4)在保证所设计的APP能满足分析所得的用户基本功能要求的基础上，尽量附加上一些具有实用性的功能。2 动漫APP应用开发技术分析2.1 开发平台介绍本次毕业设计所使用的AppCan IDE移动应用开发平台 是由正益移动互联科技股份有限公司研发的基于HTML5开发语言的智能手机移动应用开发平台，AppCan IDE移动应用开发平台使得智能手机移动应用的设计与开发过程变得简单、快速、高效。其主要应用于开发目前市面上主流的Android系统、IOS系统应用。2.2 开发语言介绍HTML5语言标准的主要优势在于它适用众多的操作系统平台,从计算机浏览器到智能手机移动端、平板电脑,甚至是智能电视，都可支持HTML5语言标准。而只要操作系统平台所使用的设备浏览器支持HTML5语言标准，那么使用HTML5语言标准进行编程开发的应用在此操作系统平台上就具有可行性(大多数浏览器都有着相同的运行方式)。3 本次毕业设计的app应用开发系统分析3.1 开发平台系统可行性分析本次毕业设计的APP应用开发平台有以下四点的可行性分析：(1)技术可行性：当前绝大多数电脑的硬件配置都可以满足AppCan IDE对于安装环境的要求，使我们的app应用开发有了一个开发平台。而HTML5语言，与CSS3样式相较于原生语言而言更加简便，且适用性强。AppCan经过多年的发展与完善，其开发技术与相关脚本，插件，模板等也已经相当的成熟。(2)运行可行性：正益官网上可直接下载AppCan IDE，各种js脚本，应用插件，应用模板等。(3)法律可行性：AppCan IDE是开放性的，每个人都有权利利用这个平台进行APP应用开发。(4)操作可行性:AppCan IDE为用户提供了大量的应用模板，以及脚本，使得APP的系统设计和程序编写变得更加简单。3.2 开发模式可行性分析APP的Hybrid App开发模式，通常是一种基于第三方跨平台移动应用的引擎框架来进行程序的编程开发的一种开发模式。一般使用HTML5语言和JavaScript语言作为APP的程序编程开发语言。这些开发平台的引擎框架可以调用智能手机操作系统的引擎所封装的底层功能。HTML5语言和JavaScript语言只是作为Hybrid App开发过程中一个应用程序编程时的解析语言，应用功能执行时真正调用的引擎功能都是与Native App的底层功能。因为使用了浏览器支持解码技术,所以Hybrid App通常具有跨平台的特性，并且开发成本和Web App接近,开发效率也远远高于Native App。4 App的UI搭建和功能总体4.1 App的系统整体搭建本次毕业设计的app应用，其系统主体搭建框图如下图4-1所示。app主界面以主窗口内嵌浮动窗口的模式表现 登录界面 可输入账户密码进行app服务器登录，获取用户资料，或通过“注册新账户”按钮进入注册界面浮动窗口按主题功能的不同分为多个浮动窗口，可通过主窗口底部的切换按钮进行切换主窗口可分为顶部搜索框，登录按钮，和底部浮动窗口切换按钮模块任意浮动窗口内嵌子功能页面按钮，可点击跳转至其他子功能页面子功能模块页面可返回主界面，或进行所需子功能操作注册界面可进行用户注册操作图4-1 系统主体构架图4.2主界面结构及程序流程分析本次毕业设计的app应用，其主体界面是一个组合窗口，由一个主窗口内嵌可切换式的多个浮动窗口组成。(1)打开主窗口，使用函数方法：appcan.Window.open(参数);(2)打开浮动窗口，使用函数方法：uexWindow.openPopver(参数);(3)主窗口之间通讯，使用函数方法：uexWindow.evaluateScript(winName, type, script);(4)主窗口与浮动窗口之间通讯，使用函方法：uexWindow.evaluatePopoverScript(参数);4.3主窗口结构及程序流程分析通过新建appcan的HTML页面，建立主界面的主窗口框架。可分为三部分组成：主窗口顶部功能栏；主窗口中部主体框；主窗口底部浮动窗口切换栏(1)按钮函数（获取点击事件），使用函数方法：appcan.button(selector, css, callback)(2)切换浮动窗口，使用函数方法：appcan.tab(参数)4.4浮动窗口结构及程序流程分析通过新建独立的HTML页面，我们可以建立多个浮动窗口。本次毕业设计，按功能所需建立4个浮动窗口，分别为：首页，资讯，个人中心，系统设置。(1)首页页面为打开APP后，主界面自动加载的首个页面，其子功能为：动漫，漫画类型。模块划分为漫画模块和动漫模块。 (2)资讯页面可从服务器后台获取当日上传的最新动漫资讯，以列表的形势加载表现。(3)个人中心页面可以在用户登录后，从服务器后台获取该账户的用户个人资料，加载到app中。可以调用用户浏览记录，收藏记录，个人设置，与系统消息等。(4)系统设置页面，其主要功能在于对app的一些设置进行个性化调整，给予用户更好的体验。同时具有清除缓存，更新版本的功能，使用户得以更好的使用本APP。(5)图片轮播，使用函数方法：appcan.slider(参数)。4.5登录与注册页面结构及程序分析登录与注册界面可分为两大区域(1)数据输入区：用户可以在该区域输入账号，密码等数据(2)功能执行区：用户可以在该区域，通过点击“登录”或“注册”按钮，执行所需功能。(3)数据网络请求，使用函数方法：appcan.request.ajax(参数)。5 基于AppCan IDE的动漫APP应用开发的系统实现5.1 页面实现结果进入主界面，页面可看到顶部搜索框，登录按钮；浮动窗口各个子功能模块、热门推荐，点击榜，底部有浮动窗口切换按钮等多种功能，展现了功能多样性。打开登录或注册页面，页面可以看到顶部“返回”按钮，数据输入区，“登录”按钮，“注册”按钮，“忘记密码”按钮，底部页面UI。整个页面功能按键齐全，画面整洁美观。6 结 论进过三个月的不断努力，这次毕业设计最终得以完成。通过这次毕业设计，我不仅了解到了HTML5的一些没接触过的知识，也巩固了原有学习过的android课程，并且对HTML5语言，软件开发环境和app开发语言、模式有了新的认识。现如今的时代已是电子信息的时代，随着智能手机的兴起与发展，目前世界上的多数软件开发商都已经逐渐转向APP开发市场。越来越多的开发人员正着力研究智能移动端应用开发，而动漫作为人民日常生活的一个娱乐元素，可以说是日渐壮大。根据市场目前的需求，设计开发一款界面好看，功能齐全且强大的动漫APP是非常具有实用性的。参 考 文 献1韩超，梁泉.Android系统原理及开发要点详解M.北京:电子工业出版社，20102陈刚.Java开发利器：Eclipse从入门到精通M.北京:清华大学出版社， 20053朱桂英.Android网络开发技术实战详解M.北京:电子工业出版社， 20124王珊，陈红.数据库系统原理教程.北京：清华大学出版社，20045Bruce Eckel.Thinking in java(java编程思想)第四版.北京：机械工业出版社，20116林城.Android2.3 应用开发实战J.机械工业出版社，20117郑玲,郑晓天.基于WebSocket的电力系统实时数据更新研究J.计算机与现代，20138王一平.面向Web服务通信安全模型D. 武汉科技大学，20099孙迪.软件行为可信技术研究D.北京工业大学，201310姜毅，王兆青，曹丽.基于HTTP的实时信息传输方法J