畢業(yè)論文-基于appcanide的動(dòng)漫app應(yīng)用開發(fā)

1、<p>　　基于AppCan IDE的動(dòng)漫app應(yīng)用開發(fā)</p><p>　　中文摘要：隨著當(dāng)代社會(huì)經(jīng)濟(jì)的發(fā)展,科技技術(shù)也隨著人們的需求增長(zhǎng)而不斷發(fā)展著，因此，為了在發(fā)展迅猛的網(wǎng)絡(luò)時(shí)代中滿足用戶對(duì)智能手機(jī)應(yīng)用的需求，以及滿足程序開發(fā)人員對(duì)于app開發(fā)的需求，我們將設(shè)計(jì)一款基于AppCan IDE的動(dòng)漫app應(yīng)用。</p><p>　　動(dòng)漫app的設(shè)計(jì)開發(fā)主要基于AppCan ID

2、E開發(fā)平臺(tái)和以HTML5為核心的編程語(yǔ)言，根據(jù)手機(jī)用戶對(duì)app應(yīng)用的操作需求來(lái)進(jìn)行設(shè)計(jì)，主要有主界面、登錄注冊(cè)界面和子功能界面等，其中主界面可細(xì)分為主窗口框和浮動(dòng)窗口, 浮動(dòng)窗口是嵌套于主窗口框內(nèi)，根據(jù)設(shè)置的程序來(lái)回切換，展示不同的功能。</p><p>　　該設(shè)計(jì)以AppCan IDE個(gè)人版 v4.0.1為開發(fā)環(huán)境，以HTML5為核心編程語(yǔ)言，以CSS3樣式搭建的App UI為界面和以appcan.reques

3、t.ajax方法函數(shù)作為數(shù)據(jù)上傳與加載的工具來(lái)進(jìn)行網(wǎng)絡(luò)注冊(cè)和登錄請(qǐng)求。</p><p>　　關(guān)鍵詞：HTML5 Hybrid App AppCan IDE APP應(yīng)用</p><p>　　Abstract：With the development of social economy, science and technology as people demand growth and

4、 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

5、 animation based on Application of AppCan IDE.</p><p>　　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

6、 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 wi

7、ndow, floating window is nested in the main window frame, according to the arrangement of a program to switch back and forth, sho</p><p>　　The design for the AppCan IDE personal edition of v4.0.1 for the dev

8、elopment 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 a

9、nd login request.</p><p>　　Keyword:HTML 5 Hybrid App AppCan IDE APP </p><p><b>　　1 緒 論</b></p><p>　　自從人類于21世紀(jì)步入高科技時(shí)代以來(lái)，電子信息科學(xué)技術(shù)的研究發(fā)展和更新變化可謂是日新月異。手機(jī)作為一種移動(dòng)通信的工具，其發(fā)展

10、變化更是令人目不暇接。隨著手機(jī)逐漸的高度智能化，已經(jīng)開始逐漸應(yīng)用于商務(wù)領(lǐng)域。許多企業(yè)級(jí)軟件生產(chǎn)商已經(jīng)開始將項(xiàng)目的研發(fā)重點(diǎn)轉(zhuǎn)移到移動(dòng)應(yīng)用軟件上面。APP應(yīng)用的開發(fā)與推廣已經(jīng)成為了移動(dòng)互聯(lián)網(wǎng)行業(yè)的一個(gè)巨大市場(chǎng)。</p><p>　　本次畢業(yè)設(shè)計(jì)的主要目標(biāo)有以下幾點(diǎn)。</p><p>　　(1)根據(jù)近年來(lái)智能手機(jī)應(yīng)用的發(fā)展趨勢(shì)，從實(shí)用性，功能性和觀賞性三個(gè)方面來(lái)分析用戶對(duì)于一款優(yōu)秀的手機(jī)APP應(yīng)

11、用應(yīng)有那些需求；</p><p>　　(2)根據(jù)用戶各種不同的需求對(duì)本次畢業(yè)設(shè)計(jì)的APP程序做出功能模塊劃分；</p><p>　　(3)進(jìn)一步對(duì)本次畢業(yè)設(shè)計(jì)的APP應(yīng)用的各個(gè)功能模塊進(jìn)行系統(tǒng)的分析與設(shè)計(jì)，并給出整個(gè)項(xiàng)目的設(shè)計(jì)開發(fā)流程；</p><p>　　(4)在保證所設(shè)計(jì)的APP能滿足分析所得的用戶基本功能要求的基礎(chǔ)上，盡量附加上一些具有實(shí)用性的功能。</

12、p><p>　　2 動(dòng)漫APP應(yīng)用開發(fā)技術(shù)分析</p><p>　　2.1 開發(fā)平臺(tái)介紹</p><p>　　本次畢業(yè)設(shè)計(jì)所使用的AppCan IDE移動(dòng)應(yīng)用開發(fā)平臺(tái) 是由正益移動(dòng)互聯(lián)科技股份有限公司研發(fā)的基于HTML5開發(fā)語(yǔ)言的智能手機(jī)移動(dòng)應(yīng)用開發(fā)平臺(tái)，AppCan IDE移動(dòng)應(yīng)用開發(fā)平臺(tái)使得智能手機(jī)移動(dòng)應(yīng)用的設(shè)計(jì)與開發(fā)過(guò)程變得簡(jiǎn)單、快速、高效。其主要應(yīng)用于開發(fā)目前

13、市面上主流的Android系統(tǒng)、IOS系統(tǒng)應(yīng)用。</p><p>　　2.2 開發(fā)語(yǔ)言介紹</p><p>　　HTML5語(yǔ)言標(biāo)準(zhǔn)的主要優(yōu)勢(shì)在于它適用眾多的操作系統(tǒng)平臺(tái),從計(jì)算機(jī)瀏覽器到智能手機(jī)移動(dòng)端、平板電腦,甚至是智能電視，都可支持HTML5語(yǔ)言標(biāo)準(zhǔn)。而只要操作系統(tǒng)平臺(tái)所使用的設(shè)備瀏覽器支持HTML5語(yǔ)言標(biāo)準(zhǔn)，那么使用HTML5語(yǔ)言標(biāo)準(zhǔn)進(jìn)行編程開發(fā)的應(yīng)用在此操作系統(tǒng)平臺(tái)上就具有可行性(

14、大多數(shù)瀏覽器都有著相同的運(yùn)行方式)。</p><p>　　3 本次畢業(yè)設(shè)計(jì)的app應(yīng)用開發(fā)系統(tǒng)分析</p><p>　　3.1 開發(fā)平臺(tái)系統(tǒng)可行性分析</p><p>　　本次畢業(yè)設(shè)計(jì)的APP應(yīng)用開發(fā)平臺(tái)有以下四點(diǎn)的可行性分析：</p><p>　　(1)技術(shù)可行性：當(dāng)前絕大多數(shù)電腦的硬件配置都可以滿足AppCan IDE對(duì)于安裝環(huán)境的要求，

15、使我們的app應(yīng)用開發(fā)有了一個(gè)開發(fā)平臺(tái)。而HTML5語(yǔ)言，與CSS3樣式相較于原生語(yǔ)言而言更加簡(jiǎn)便，且適用性強(qiáng)。AppCan經(jīng)過(guò)多年的發(fā)展與完善，其開發(fā)技術(shù)與相關(guān)腳本，插件，模板等也已經(jīng)相當(dāng)?shù)某墒臁?lt;/p><p>　　(2)運(yùn)行可行性：正益官網(wǎng)上可直接下載AppCan IDE，各種js腳本，應(yīng)用插件，應(yīng)用模板等。</p><p>　　(3)法律可行性：AppCan IDE是開放性的，每個(gè)

16、人都有權(quán)利利用這個(gè)平臺(tái)進(jìn)行APP應(yīng)用開發(fā)。</p><p>　　(4)操作可行性:AppCan IDE為用戶提供了大量的應(yīng)用模板，以及腳本，使得APP的系統(tǒng)設(shè)計(jì)和程序編寫變得更加簡(jiǎn)單。</p><p>　　3.2 開發(fā)模式可行性分析</p><p>　　APP的Hybrid App開發(fā)模式，通常是一種基于第三方跨平臺(tái)移動(dòng)應(yīng)用的引擎框架來(lái)進(jìn)行程序的編程開發(fā)的一種開發(fā)模

17、式。一般使用HTML5語(yǔ)言和JavaScript語(yǔ)言作為APP的程序編程開發(fā)語(yǔ)言。</p><p>　　這些開發(fā)平臺(tái)的引擎框架可以調(diào)用智能手機(jī)操作系統(tǒng)的引擎所封裝的底層功能。HTML5語(yǔ)言和JavaScript語(yǔ)言只是作為Hybrid App開發(fā)過(guò)程中一個(gè)應(yīng)用程序編程時(shí)的解析語(yǔ)言，應(yīng)用功能執(zhí)行時(shí)真正調(diào)用的引擎功能都是與Native App的底層功能。</p><p>　　因?yàn)槭褂昧藶g覽器支

18、持解碼技術(shù),所以Hybrid App通常具有跨平臺(tái)的特性，并且開發(fā)成本和Web App接近,開發(fā)效率也遠(yuǎn)遠(yuǎn)高于Native App。</p><p>　　4 App的UI搭建和功能總體</p><p>　　4.1 App的系統(tǒng)整體搭建</p><p>　　本次畢業(yè)設(shè)計(jì)的app應(yīng)用，其系統(tǒng)主體搭建框圖如下圖4-1所示。</p><p>　　圖4

19、-1 系統(tǒng)主體構(gòu)架圖</p><p>　　4.2主界面結(jié)構(gòu)及程序流程分析</p><p>　　本次畢業(yè)設(shè)計(jì)的app應(yīng)用，其主體界面是一個(gè)組合窗口，由一個(gè)主窗口內(nèi)嵌可切換式的多個(gè)浮動(dòng)窗口組成。</p><p>　　(1)打開主窗口，使用函數(shù)方法：appcan.Window.open({參數(shù)});</p><p>　　(2)打開浮動(dòng)窗口，使用函數(shù)

20、方法：uexWindow.openPopver({參數(shù)});</p><p>　　(3)主窗口之間通訊，使用函數(shù)方法：uexWindow.evaluateScript(winName, type, script);</p><p>　　(4)主窗口與浮動(dòng)窗口之間通訊，使用函方法：uexWindow.evaluatePopoverScript({參數(shù)});</p><p&

21、gt;　　4.3主窗口結(jié)構(gòu)及程序流程分析</p><p>　　通過(guò)新建appcan的HTML頁(yè)面，建立主界面的主窗口框架。</p><p>　　可分為三部分組成：①主窗口頂部功能欄；②主窗口中部主體框；③主窗口底部浮動(dòng)窗口切換欄</p><p>　　(1)按鈕函數(shù)（獲取點(diǎn)擊事件），使用函數(shù)方法：appcan.button(selector, css, callbac

22、k)</p><p>　　(2)切換浮動(dòng)窗口，使用函數(shù)方法：appcan.tab({參數(shù)})</p><p>　　4.4浮動(dòng)窗口結(jié)構(gòu)及程序流程分析</p><p>　　通過(guò)新建獨(dú)立的HTML頁(yè)面，我們可以建立多個(gè)浮動(dòng)窗口。本次畢業(yè)設(shè)計(jì)，按功能所需建立4個(gè)浮動(dòng)窗口，分別為：首頁(yè)，資訊，個(gè)人中心，系統(tǒng)設(shè)置。</p><p>　　(1)首頁(yè)頁(yè)面為打

23、開APP后，主界面自動(dòng)加載的首個(gè)頁(yè)面，其子功能為：動(dòng)漫，漫畫類型。模塊劃分為漫畫模塊和動(dòng)漫模塊。</p><p>　　(2)資訊頁(yè)面可從服務(wù)器后臺(tái)獲取當(dāng)日上傳的最新動(dòng)漫資訊，以列表的形勢(shì)加載表現(xiàn)。</p><p>　　(3)個(gè)人中心頁(yè)面可以在用戶登錄后，從服務(wù)器后臺(tái)獲取該賬戶的用戶個(gè)人資料，加載到app中?？梢哉{(diào)用用戶瀏覽記錄，收藏記錄，個(gè)人設(shè)置，與系統(tǒng)消息等。</p>&l

24、t;p>　　(4)系統(tǒng)設(shè)置頁(yè)面，其主要功能在于對(duì)app的一些設(shè)置進(jìn)行個(gè)性化調(diào)整，給予用戶更好的體驗(yàn)。同時(shí)具有清除緩存，更新版本的功能，使用戶得以更好的使用本APP。</p><p>　　(5)圖片輪播，使用函數(shù)方法：appcan.slider({參數(shù)})。</p><p>　　4.5登錄與注冊(cè)頁(yè)面結(jié)構(gòu)及程序分析</p><p>　　登錄與注冊(cè)界面可分為兩大區(qū)

25、域</p><p>　　(1)數(shù)據(jù)輸入?yún)^(qū)：用戶可以在該區(qū)域輸入賬號(hào)，密碼等數(shù)據(jù)</p><p>　　(2)功能執(zhí)行區(qū)：用戶可以在該區(qū)域，通過(guò)點(diǎn)擊“登錄”或“注冊(cè)”按鈕，執(zhí)行所需功能。</p><p>　　(3)數(shù)據(jù)網(wǎng)絡(luò)請(qǐng)求，使用函數(shù)方法：appcan.request.ajax({參數(shù)})。</p><p>　　5 基于AppCan IDE的動(dòng)

26、漫APP應(yīng)用開發(fā)的系統(tǒng)實(shí)現(xiàn)</p><p>　　5.1 頁(yè)面實(shí)現(xiàn)結(jié)果</p><p>　　進(jìn)入主界面，頁(yè)面可看到頂部搜索框，登錄按鈕；浮動(dòng)窗口各個(gè)子功能模塊、熱門推薦，點(diǎn)擊榜，底部有浮動(dòng)窗口切換按鈕等多種功能，展現(xiàn)了功能多樣性。</p><p>　　打開登錄或注冊(cè)頁(yè)面，頁(yè)面可以看到頂部“返回”按鈕，數(shù)據(jù)輸入?yún)^(qū)，“登錄”按鈕，“注冊(cè)”按鈕，“忘記密碼”按鈕，底部頁(yè)面U

27、I。整個(gè)頁(yè)面功能按鍵齊全，畫面整潔美觀。</p><p><b>　　6 結(jié) 論</b></p><p>　　進(jìn)過(guò)三個(gè)月的不斷努力，這次畢業(yè)設(shè)計(jì)最終得以完成。通過(guò)這次畢業(yè)設(shè)計(jì)，我不僅了解到了HTML5的一些沒接觸過(guò)的知識(shí)，也鞏固了原有學(xué)習(xí)過(guò)的android課程，并且對(duì)HTML5語(yǔ)言，軟件開發(fā)環(huán)境和app開發(fā)語(yǔ)言、模式有了新的認(rèn)識(shí)。</p><

28、p>　　現(xiàn)如今的時(shí)代已是電子信息的時(shí)代，隨著智能手機(jī)的興起與發(fā)展，目前世界上的多數(shù)軟件開發(fā)商都已經(jīng)逐漸轉(zhuǎn)向APP開發(fā)市場(chǎng)。越來(lái)越多的開發(fā)人員正著力研究智能移動(dòng)端應(yīng)用開發(fā)，而動(dòng)漫作為人民日常生活的一個(gè)娛樂元素，可以說(shuō)是日漸壯大。根據(jù)市場(chǎng)目前的需求，設(shè)計(jì)開發(fā)一款界面好看，功能齊全且強(qiáng)大的動(dòng)漫APP是非常具有實(shí)用性的。</p><p><b>　　參 考 文 獻(xiàn)</b></p>

29、<p>　　[1]韓超，梁泉.Android系統(tǒng)原理及開發(fā)要點(diǎn)詳解[M].北京:電子工業(yè)出版社，</p><p><b>　　2010</b></p><p>　　[2]陳剛.Java開發(fā)利器：Eclipse從入門到精通[M].北京:清華大學(xué)出版社， 2005</p><p>　　[3]朱桂英.Android網(wǎng)絡(luò)開發(fā)技術(shù)實(shí)戰(zhàn)詳解[M

30、].北京:電子工業(yè)出版社， 2012</p><p>　　[4]王珊，陳紅.數(shù)據(jù)庫(kù)系統(tǒng)原理教程.北京：清華大學(xué)出版社，2004 </p><p>　　[5]Bruce Eckel.Thinking in java(java 編程思想)第四版.北京：機(jī)械工業(yè)出</p><p><b>　　版社，2011</b></p&g

31、t;<p>　　[6]林城.Android 2.3 應(yīng)用開發(fā)實(shí)戰(zhàn)[J].機(jī)械工業(yè)出版社，2011</p><p>　　[7]鄭玲,鄭曉天.基于WebSocket的電力系統(tǒng)實(shí)時(shí)數(shù)據(jù)更新研究[J].計(jì)算機(jī)與現(xiàn)</p><p><b>　　代，2013</b></p><p>　　[8]王一平.面向Web服務(wù)通信安全模型[D]

32、. 武漢科技大學(xué)，2009</p><p>　　[9]孫迪.軟件行為可信技術(shù)研究[D].北京工業(yè)大學(xué)，2013</p><p>　　[10]姜毅，王兆青，曹麗.基于HTTP的實(shí)時(shí)信息傳輸方法[J].計(jì)算機(jī)工程與設(shè)計(jì)，</p><p><b>　　2010</b></p><p>　　[11]龔俊.基于Javamail技術(shù)

33、的企業(yè)Email安全管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D].上海</p><p><b>　　交通大學(xué)，2012</b></p><p>　　[12]葛希亞.UI設(shè)計(jì)中的符號(hào)應(yīng)用與設(shè)計(jì)語(yǔ)義研究[D].蘇州大學(xué)，2014</p><p>　　[13]楊劍.Web服務(wù)綜合安全模型及若干關(guān)鍵技術(shù)研究[D].華中科技大學(xué)，2004</p><p