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

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

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

3、t.ajax方法函數作為數據上傳與加載的工具來進行網絡注冊和登錄請求。</p><p>　　關鍵詞：HTML5 Hybrid App AppCan IDE APP應用</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世紀步入高科技時代以來，電子信息科學技術的研究發(fā)展和更新變化可謂是日新月異。手機作為一種移動通信的工具，其發(fā)展

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

28、p>　　現如今的時代已是電子信息的時代，隨著智能手機的興起與發(fā)展，目前世界上的多數軟件開發(fā)商都已經逐漸轉向APP開發(fā)市場。越來越多的開發(fā)人員正著力研究智能移動端應用開發(fā)，而動漫作為人民日常生活的一個娛樂元素，可以說是日漸壯大。根據市場目前的需求，設計開發(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].北京:清華大學出版社， 2005</p><p>　　[3]朱桂英.Android網絡開發(fā)技術實戰(zhàn)詳解[M

30、].北京:電子工業(yè)出版社， 2012</p><p>　　[4]王珊，陳紅.數據庫系統(tǒng)原理教程.北京：清華大學出版社，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 應用開發(fā)實戰(zhàn)[J].機械工業(yè)出版社，2011</p><p>　　[7]鄭玲,鄭曉天.基于WebSocket的電力系統(tǒng)實時數據更新研究[J].計算機與現</p><p><b>　　代，2013</b></p><p>　　[8]王一平.面向Web服務通信安全模型[D]

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

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