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

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

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

3、t.ajax方法函數(shù)作為數(shù)據(jù)上傳與加載的工具來進行網(wǎng)絡(luò)注冊和登錄請求。</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世紀步入高科技時代以來，電子信息科學(xué)技術(shù)的研究發(fā)展和更新變化可謂是日新月異。手機作為一種移動通信的工具，其發(fā)展

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

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

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

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

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

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

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

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

18、持解碼技術(shù),所以Hybrid App通常具有跨平臺的特性，并且開發(fā)成本和Web App接近,開發(fā)效率也遠遠高于Native App。</p><p>　　4 App的UI搭建和功能總體</p><p>　　4.1 App的系統(tǒng)整體搭建</p><p>　　本次畢業(yè)設(shè)計的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è)計的app應(yīng)用，其主體界面是一個組合窗口，由一個主窗口內(nèi)嵌可切換式的多個浮動窗口組成。</p><p>　　(1)打開主窗口，使用函數(shù)方法：appcan.Window.open({參數(shù)});</p><p>　　(2)打開浮動窗口，使用函數(shù)

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

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

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

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

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

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

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

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

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

29、<p>　　[1]韓超，梁泉.Android系統(tǒng)原理及開發(fā)要點詳解[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ù)實戰(zhàn)詳解[M

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

31、t;<p>　　[6]林城.Android 2.3 應(yīng)用開發(fā)實戰(zhàn)[J].機械工業(yè)出版社，2011</p><p>　　[7]鄭玲,鄭曉天.基于WebSocket的電力系統(tǒng)實時數(shù)據(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的實時信息傳輸方法[J].計算機工程與設(shè)計，</p><p><b>　　2010</b></p><p>　　[11]龔俊.基于Javamail技術(shù)

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