基于React Native的手工藝分享App設(shè)計(jì)與實(shí)現(xiàn)

基于ReactNative的手工藝分享App設(shè)計(jì)與實(shí)現(xiàn)Design

and

implementation

of

handicraft

sharing

app

based

on

react

native內(nèi)容摘要本文設(shè)計(jì)的手工藝app主要是可供用戶足不出戶就可以在家進(jìn)行線上學(xué)習(xí)手工藝制作的?？梢杂行У亟鉀Q用戶想學(xué)習(xí)卻找不到學(xué)習(xí)的地方的這個(gè)問(wèn)題。本軟件的功能主要是用戶學(xué)習(xí)為主。下面列出了該論文所需要完成的工作內(nèi)容：具體介紹了該項(xiàng)目的背景和該項(xiàng)目在開(kāi)發(fā)中所要使用到的相關(guān)技術(shù);闡述了手工藝app的需求分析、功能設(shè)計(jì)、系統(tǒng)實(shí)現(xiàn)和調(diào)試以及運(yùn)用到的一些技術(shù)。app使用ReactNative為框架，語(yǔ)言以及CSS來(lái)開(kāi)發(fā)。ReactNative可以用JavaScript也能編寫(xiě)原生移動(dòng)應(yīng)用。雖說(shuō)這是一個(gè)跨平臺(tái)的應(yīng)用開(kāi)發(fā)，但由于缺少條件，所以本文的項(xiàng)目主要是運(yùn)行在安卓平臺(tái)上的。同時(shí)ReactNative的版本非常地多樣，而本軟件的ReactNative版本為0.50.1.在軟件測(cè)試部份，本文對(duì)各個(gè)主要模塊進(jìn)行了功能性測(cè)試并且對(duì)總體進(jìn)行了非功能性測(cè)試。關(guān)鍵詞：手工藝ReactNativeJavaScriptCSSAbstractThehandicraftappdesignedinthispaperismainlyforuserstolearnthehandicraftmakingonlineathomewithoutleavinghome.Itcaneffectivelysolvetheproblemthatuserswanttolearnbutcannotfindaplacetolearn.Themainfunctionofthissoftwareisuserlearning.Thefollowingisalistoftheworktobecompletedinthispaper:specificallyintroducesthebackgroundofthisprojectandtherelatedtechnologiestobeusedinthedevelopmentofthisproject;describesthedemandanalysis,functiondesign,systemimplementationanddebuggingofthehandicraftappaswellassometechnologiestobeused.Appisdevelopedwithreactnativeasframework,languageandCSS.ReactnativecanwritenativemobileapplicationsaswellasJavaScript.Althoughthisisacrossplatformapplicationdevelopment,butduetothelackofconditions,theprojectofthispaperismainlyrunningontheAndroidplatform.Atthesametime,theversionofreactnativeisverydiverse,andtheversionofreactnativeofthissoftwareis0.50.1.Inthesoftwaretestingpart,thispaperhascarriedoutfunctionaltestoneachmainmoduleandnonfunctionaltestonthewhole.Keywords：handicraftReactNativeJavaScriptCSS

目錄TOC\o"1-3"\h\u11172第一章緒論 第一章緒論1.1.選題背景和意義隨著科學(xué)與技術(shù)地不斷發(fā)展，許多的手工藝品也可以在機(jī)器上進(jìn)行大量地生產(chǎn)，這造成了物質(zhì)的泛濫。單一、固定的產(chǎn)品已經(jīng)不能滿足人們的需要，人們開(kāi)始追求個(gè)性的、獨(dú)一無(wú)二的手工藝品。不得不說(shuō)，手工藝品在這個(gè)時(shí)代背景下出現(xiàn)了很大的機(jī)遇。傳統(tǒng)的工匠不僅可以創(chuàng)造自己的平臺(tái)特色，使用的工具還可以通過(guò)發(fā)表紀(jì)錄片、文字、媒體。以前制作手工的藝術(shù)人不僅能夠，把目標(biāo)注意在很多流行的簡(jiǎn)短小視頻或者直播(把百度百科的放上來(lái)直播的意思)，通過(guò)這樣的方式就能把，整個(gè)的制作流程呈現(xiàn)給大家。增強(qiáng)平臺(tái)銷售商品的信心，提高員工的曝光度，打造品牌。此外，傳統(tǒng)工藝也可以通過(guò)融資等打開(kāi)與知名品牌的合作渠道。例如，在東京和Skytrey，Starbox和日本傳統(tǒng)的玻璃技術(shù)EdoCabos，推出了一套限量咖啡飲料，吸引了消費(fèi)者的注意?？Х群蛡ゴ蟮募夹g(shù)的結(jié)合為每個(gè)發(fā)行方都有好處。隨著人們生活水平的不停進(jìn)步，在滿足了基本的物質(zhì)生活需求后，需要一些額外的手藝或來(lái)滿足自己的精神需求。一直以來(lái)，手工藝采用的都是手口相傳的形式來(lái)進(jìn)行學(xué)習(xí)或傳授他人。但就目前的快節(jié)奏生活來(lái)看，人們要想快速地找到有經(jīng)驗(yàn)的手工藝人來(lái)進(jìn)行學(xué)習(xí)是比較困難的。同時(shí)也隨著有經(jīng)驗(yàn)的手工藝人逐漸高齡化，僅僅憑著口頭相傳無(wú)法增加手工藝傳播的范圍。也無(wú)法和現(xiàn)代人的生活習(xí)慣進(jìn)行匹配。故借助這個(gè)平臺(tái)，為這些想要進(jìn)行手工藝學(xué)習(xí)的人們提供了一個(gè)學(xué)習(xí)的環(huán)境。目前，互聯(lián)網(wǎng)的發(fā)展不僅給傳統(tǒng)手工藝者的工作帶來(lái)了新的發(fā)展，而且也讓我們的信息流通變得越來(lái)越容易，如靜樂(lè)剪紙、光影紙雕等。來(lái)自中國(guó)西安的靜樂(lè)剪紙，和來(lái)自于美國(guó)的光影紙雕，但是它們兩者使用的制作材料是幾乎一模一樣的，制作方法也差不多一樣?；ヂ?lián)網(wǎng)信息鏈接讓他們知道自己的位置。在靜樂(lè)剪紙中運(yùn)用光影雕刻，可以解決靜樂(lè)剪紙受個(gè)體文化的影響和不太復(fù)雜的創(chuàng)意，也可以提高精致度。很明顯，傳統(tǒng)技術(shù)的融合帶來(lái)了新的活力，互聯(lián)網(wǎng)提供了一個(gè)很好的機(jī)會(huì)。1.2.國(guó)內(nèi)外研究概括和發(fā)展趨勢(shì)1.2.1國(guó)內(nèi)研究概括和發(fā)展趨勢(shì)現(xiàn)如今，人們?cè)诰W(wǎng)絡(luò)上進(jìn)行學(xué)習(xí)已經(jīng)是大勢(shì)所趨，這都是因?yàn)榛ヂ?lián)網(wǎng)在近幾年的不斷發(fā)展壯大。我們也非常感謝互聯(lián)網(wǎng)能夠給予這個(gè)平臺(tái)，讓人們足不出戶即可在家進(jìn)行學(xué)習(xí)?；ヂ?lián)網(wǎng)可以增加學(xué)習(xí)視頻的傳播性，從而讓更多的人可以進(jìn)行學(xué)習(xí)。許多傳統(tǒng)的工匠利用網(wǎng)絡(luò)信息的特性來(lái)建立一個(gè)個(gè)的專業(yè)的網(wǎng)站和APP學(xué)習(xí)平臺(tái)。我們?yōu)榱颂岣哂脩舻呐d趣以及更清晰地描述手工藝品的制作過(guò)程，同時(shí)也降低用戶在學(xué)習(xí)過(guò)程中的難度可以在平臺(tái)設(shè)計(jì)中可以添加到3D、VR等元素。我們?yōu)榱俗屧S多傳統(tǒng)手工藝品的繼承人與家庭繼承人甚至男女繼承人之間的差距可以縮小，從而為傳統(tǒng)手工藝品的未來(lái)發(fā)展吸引新的工人，而使用了這種方法?，F(xiàn)在，即使有各種各樣的應(yīng)用程序在建立中也遇到了許多困難。首先，傳統(tǒng)工藝的創(chuàng)新太低、太慢，無(wú)法進(jìn)一步激發(fā)用戶的興趣。如今，在信息爆炸的碎片化時(shí)代，沒(méi)有持續(xù)創(chuàng)新的應(yīng)用很快就會(huì)被大眾忘記，因?yàn)閷?duì)于用戶來(lái)說(shuō)這種新鮮感相對(duì)于高科技只是暫時(shí)的。如何維護(hù)好用戶之間的關(guān)系才是一個(gè)大問(wèn)題。其次，傳統(tǒng)的地方工藝需要花費(fèi)大量的時(shí)間和經(jīng)歷許多復(fù)雜的過(guò)程，有時(shí)有幾十個(gè)復(fù)雜的過(guò)程只是為了準(zhǔn)備任務(wù)。第三，許多與傳統(tǒng)工藝和應(yīng)用程序制造過(guò)程相關(guān)的常識(shí)必須由一個(gè)由導(dǎo)師和工匠組成的特殊團(tuán)隊(duì)進(jìn)行解釋和傳授。如何招聘專業(yè)人才，制作出質(zhì)量有保障的教學(xué)視頻，無(wú)疑是一個(gè)大問(wèn)題。1.2.2國(guó)外研究概括和發(fā)展趨勢(shì)國(guó)外的市場(chǎng)競(jìng)爭(zhēng)不如中國(guó)激烈。整個(gè)市場(chǎng)的發(fā)展?jié)摿θ匀痪薮?，潛在用戶?shù)量也很大。一些外國(guó)用戶使用應(yīng)用程序的可能性仍然相對(duì)較高。相互傳播，廣泛實(shí)施，將增加用戶的關(guān)注度。國(guó)外應(yīng)用程序的開(kāi)發(fā)有自己的專門(mén)團(tuán)隊(duì)，專利名稱也遠(yuǎn)多于中國(guó)。開(kāi)發(fā)的應(yīng)用程序功能強(qiáng)大，符合質(zhì)量標(biāo)準(zhǔn)，用戶體驗(yàn)自然就會(huì)良好。國(guó)外據(jù)我目前找到的資料顯示，暫時(shí)還沒(méi)發(fā)現(xiàn)有比較系統(tǒng)的手工藝學(xué)習(xí)APP，但國(guó)外的手工學(xué)習(xí)網(wǎng)站挺齊全的。但國(guó)外的應(yīng)用程序界面設(shè)計(jì)值得我們?nèi)ソ梃b和學(xué)習(xí)。不過(guò)隨著時(shí)間的推進(jìn)，在文明的推動(dòng)下，國(guó)外工藝設(shè)計(jì)應(yīng)用程序越來(lái)越多，大多以用戶為中心，從用戶的角度出發(fā)，按照人機(jī)技術(shù)的原理，交互設(shè)計(jì)也符合用戶的應(yīng)用習(xí)慣，具有很強(qiáng)的普及性；在視覺(jué)設(shè)計(jì)方面，色彩的使用相對(duì)平和，這在一定程度上防止了用戶在長(zhǎng)時(shí)間使用這款應(yīng)用時(shí)感到緊張。1.3.論文的主要工作該項(xiàng)目應(yīng)用中的登錄功能、查看教程、查看手工藝簡(jiǎn)介等功能的實(shí)現(xiàn)與設(shè)計(jì)都是由我獨(dú)立完成的，并且我為了能夠順利地實(shí)現(xiàn)這些功能，我做了以下幾點(diǎn)工作：學(xué)習(xí)與這些功能模塊相關(guān)的技術(shù)，查閱相關(guān)技術(shù)資料，并且和指導(dǎo)老師進(jìn)行討論，選擇其中最適合的技術(shù)和開(kāi)發(fā)框架。依照產(chǎn)品需要來(lái)對(duì)系統(tǒng)功用需求來(lái)實(shí)行剖析，對(duì)非功能需求進(jìn)行設(shè)計(jì)，這樣就能讓軟件愈加地契合用戶的應(yīng)用習(xí)性。獨(dú)立完成上面所列出來(lái)的功能，并對(duì)實(shí)現(xiàn)代碼過(guò)程中遇到的問(wèn)題列出解決方案，實(shí)現(xiàn)性能后再對(duì)模塊實(shí)行測(cè)試。在開(kāi)發(fā)完成后，完成系統(tǒng)的功能性測(cè)試與非功能性測(cè)試。1.4.主要技術(shù)簡(jiǎn)介本節(jié)主要介紹了軟件實(shí)現(xiàn)時(shí)所用到的技術(shù)和平臺(tái)。該項(xiàng)目盡管應(yīng)用的是跨平臺(tái)的移動(dòng)應(yīng)用開(kāi)發(fā)框架，但具體實(shí)現(xiàn)時(shí)因?yàn)樽陨碛布脑蛑挥性贏ndroid平臺(tái)上面測(cè)試過(guò)。所用的編程語(yǔ)言為JavaScript,還有層疊樣式表。1.4.1Android平臺(tái)Google公司開(kāi)發(fā)的移動(dòng)操作系統(tǒng)Android。Android是基于Linux內(nèi)核以及其他開(kāi)源軟件。這款移動(dòng)操作系統(tǒng)專為觸摸屏移動(dòng)設(shè)備設(shè)計(jì)比如智能手機(jī)和平板電腦等。此外，谷歌還進(jìn)一步開(kāi)發(fā)了用于電視機(jī)、汽車(chē)和手表的Android電視、Android汽車(chē)和wear操作系統(tǒng)，它們每一款都有獨(dú)特的用戶界面。1.4.2ReactNative框架ReactNative，是Facebook開(kāi)發(fā)的一個(gè)多平臺(tái)的移動(dòng)應(yīng)用開(kāi)發(fā)框架，也被稱之為RN。JS框架上的JS源代碼，JS框架自誕生以來(lái)一直是支持IOS和Android一個(gè)開(kāi)源的平臺(tái)。ReactNative開(kāi)發(fā)移動(dòng)應(yīng)用程序使用的是JavaScript語(yǔ)言、JS、HTML、CSS，所以，那些熟悉web前端開(kāi)發(fā)的人可以進(jìn)入移動(dòng)應(yīng)用領(lǐng)域，沒(méi)有太多需要學(xué)習(xí)的東西。而把ReactNative合并起來(lái)的是兩個(gè)方式，一個(gè)是采用JS橋接，另一個(gè)是加Native橋接。最終產(chǎn)品是一個(gè)從應(yīng)用觸感上很難與用Objective-C或Java編寫(xiě)的應(yīng)用分辨開(kāi)來(lái)的的真正的移動(dòng)應(yīng)用。ReactNative與原來(lái)的應(yīng)用程序所使用的底層UI組件幾乎相同。你所要做的就是用JavaScript和React的形式對(duì)這些基本組件進(jìn)行組合起來(lái)。當(dāng)你在調(diào)試界面之時(shí)會(huì)十分的方便，更改代碼之后保存，界面會(huì)自己跟著變化，這一點(diǎn)在調(diào)試的時(shí)候非常實(shí)用，但是有時(shí)速度有點(diǎn)慢，因此需要重置。1.4.3JavaScript技術(shù)JavaScript是一種解釋型的腳本語(yǔ)言，在代碼的操作期間來(lái)進(jìn)行逐行來(lái)解釋的。同時(shí)，因?yàn)槟軌蜻\(yùn)行在各種各樣的平臺(tái)下，這必定少不了瀏覽器的支持。JavaScript是一種不僅能夠創(chuàng)立對(duì)象，還可以使用現(xiàn)有的對(duì)象的基于對(duì)象的腳本語(yǔ)言。為什么JavaScript會(huì)被歸類為直譯言語(yǔ)，這是由于負(fù)責(zé)的引擎每次運(yùn)行時(shí)都會(huì)加載代碼并進(jìn)行解譯。直譯言語(yǔ)的弱點(diǎn)是安全性較差，而伴隨著服務(wù)器的發(fā)展壯大，盡管程序員更喜歡在服務(wù)器端運(yùn)行腳本，這都是為了保證安全，但是JavaScript越來(lái)越被人們所使用以其跨平臺(tái)、易用等優(yōu)點(diǎn)。JavaScript在HTML頁(yè)面中日常的用途是嵌入動(dòng)態(tài)文本的；響應(yīng)關(guān)于瀏覽器事件的；讀取HTML元素并寫(xiě)入；驗(yàn)證數(shù)據(jù)，在把數(shù)據(jù)提供給服務(wù)器之前；檢測(cè)信息有關(guān)訪問(wèn)瀏覽器的；控制Cookie，包括服務(wù)器端編程的創(chuàng)建和修改實(shí)現(xiàn)基于node.js技術(shù)上的。1.4.4CSS技術(shù)層疊樣式表是一種用于顯示文件模板的計(jì)算機(jī)語(yǔ)言，例如：HTML（使用標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言）或XML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的子集）。CSS不僅能夠?qū)W(wǎng)站元素進(jìn)行動(dòng)態(tài)格式化使用不同的腳本語(yǔ)言，還可以對(duì)網(wǎng)站進(jìn)行靜態(tài)修飾。CSS支持所有字體大小，可以準(zhǔn)確地檢查元素的像素布局在網(wǎng)站中，并具有編輯網(wǎng)站對(duì)象和模板的能力。CSS樣式表可以在多個(gè)頁(yè)面上使用相同的CSS樣式表，但是這要存儲(chǔ)在一個(gè)CSS文件中。CSS樣式表理論上可以在幾個(gè)頁(yè)面上填寫(xiě)相同的樣式，它不屬于任何一個(gè)頁(yè)面的文件，在任何頁(yè)面文件中都能夠?qū)⑵涫褂谩?.4.5NodeNode是運(yùn)行在服務(wù)器上的JavaScript開(kāi)發(fā)平臺(tái)。這就像PHP、Python、Perl、Ruby和其他服務(wù)器端語(yǔ)言一樣實(shí)現(xiàn)JavaScript。Node用于創(chuàng)建響應(yīng)速度快、擴(kuò)展方便的網(wǎng)絡(luò)程序，是一個(gè)基于ChromeJavaScript運(yùn)行時(shí)的平臺(tái)。Node實(shí)現(xiàn)了低功耗、高效率，非常適合分布式設(shè)備上的實(shí)時(shí)數(shù)據(jù)密集型操作，原因是采用了事件驅(qū)動(dòng)以及無(wú)阻塞的I/O模型，。1.5本章小結(jié)本章的第一節(jié)主要介紹了我為什么選擇手工藝App來(lái)進(jìn)行研究的一個(gè)背景和意義。第二節(jié)主要說(shuō)的是手工藝App在國(guó)內(nèi)外的研究現(xiàn)狀以及未來(lái)的發(fā)展空間。第三節(jié)介紹了我為了完成項(xiàng)目所做的一些工作。第四節(jié)主要介紹了完成項(xiàng)目所使用的一些技術(shù)和開(kāi)發(fā)框架等。

第二章系統(tǒng)分析2.1系統(tǒng)功能分析該軟件的主要用戶群體是廣大手工藝的愛(ài)好者們，所以它的定位是一個(gè)能滿足到用戶學(xué)習(xí)手工藝的需求類APP。要滿足到這個(gè)需求就需要該軟件要有查看手工藝簡(jiǎn)介、教程等功能。2.1.1登錄功能該軟件的登錄功能是在最開(kāi)始的一個(gè)頁(yè)面的，只有用戶輸入的用戶名和密碼準(zhǔn)確無(wú)誤才能成功進(jìn)入主頁(yè)面，否則會(huì)彈出用戶名或密碼輸入錯(cuò)誤的信息進(jìn)行提示。2.1.2首頁(yè)首頁(yè)主要是一個(gè)輪播圖加上可以查看手工藝的簡(jiǎn)介和簡(jiǎn)單的圖片組成的。用戶在登錄成功之后，即可查看到首頁(yè)的內(nèi)容。首頁(yè)主要展示的是一些手工藝的種類以及它們的一些簡(jiǎn)單介紹和它們的作品照片展示。2.1.3抽屜頁(yè)在首頁(yè)的左上角有一個(gè)類似菜單的按鈕，點(diǎn)擊這個(gè)按鈕即可進(jìn)入到抽屜頁(yè)面。抽屜頁(yè)最上方是用戶的頭像以及用戶名。這里面主要是用戶的個(gè)人中心?，F(xiàn)在暫時(shí)包括有我的作品和我的卡包這兩項(xiàng)。2.1.4查看手工藝簡(jiǎn)介頁(yè)面點(diǎn)擊首頁(yè)關(guān)于該手工的文字介紹，即可詳細(xì)查看屬于該手工的簡(jiǎn)介。該頁(yè)面顯示所有有關(guān)于該品種手工藝的簡(jiǎn)單介紹。包括但不限于該手工藝的起源、發(fā)展歷史、使用材料、種類、作用價(jià)值、代表人物等等。2.1.5查看手工藝教程頁(yè)面點(diǎn)擊首頁(yè)關(guān)于該手工的圖片，即可查看屬于該手工的教程。該頁(yè)面顯示該手工的視頻教程，點(diǎn)擊視頻即可在線學(xué)習(xí)。2.1.6我的作品頁(yè)面該用戶可以存放用戶上傳的作品，也相當(dāng)于一個(gè)草稿箱的作用。用戶可以來(lái)到此頁(yè)面查看自己的作品，該頁(yè)面只有用戶本人能夠看見(jiàn)。2.2系統(tǒng)性能分析一個(gè)系統(tǒng)的好壞不僅在于其功能是否強(qiáng)大，更在于其性能是否完善。為了讓?xiě)?yīng)用變得愈加契合用戶的應(yīng)用習(xí)性，在對(duì)軟件進(jìn)行實(shí)現(xiàn)時(shí)應(yīng)該考慮如何讓軟件的操作簡(jiǎn)單易懂，容易擴(kuò)展出新功能，并且讓已經(jīng)實(shí)現(xiàn)的功能可以穩(wěn)定高效地運(yùn)行。本系統(tǒng)應(yīng)滿足以下性能要求：2.2.1準(zhǔn)確性和及時(shí)性系統(tǒng)應(yīng)具備能夠準(zhǔn)確無(wú)誤、及時(shí)響應(yīng)用戶的操作的性能。2.2.2易用性本應(yīng)用直接面向用戶，考慮到用戶可能不太熟悉軟件。因此，軟件操作方面必須遵循簡(jiǎn)單易用的原則和具備友好的用戶界面，并具有相對(duì)人性化的人機(jī)交互界面。要保證系統(tǒng)的易用性這一點(diǎn)，就要求系統(tǒng)應(yīng)該盡量使用用戶所熟悉的圖標(biāo)等。2.2.3安全性所有系統(tǒng)流程（包含系統(tǒng)硬件、軟件、應(yīng)用、保證及相關(guān)人員）和系統(tǒng)生命周期的所有階段（包含演示、設(shè)計(jì)、開(kāi)發(fā)、使用、保護(hù)及拆卸）的一切流動(dòng)，實(shí)施安全要求，該系統(tǒng)對(duì)危險(xiǎn)源的危害要一字不差，并采取技術(shù)和管理措施，確保安全立法，實(shí)現(xiàn)火災(zāi)風(fēng)險(xiǎn)或?qū)L(fēng)險(xiǎn)控制在可接受的水平，都被系統(tǒng)安全性要求涵蓋，以避免事故的發(fā)生。2.3可行性分析2.3.1技術(shù)可行性軟件開(kāi)發(fā)包括開(kāi)發(fā)方法、軟硬件平臺(tái)、網(wǎng)絡(luò)結(jié)構(gòu)、系統(tǒng)規(guī)劃和結(jié)構(gòu)等多種技術(shù)。有必要分析這些技術(shù)的成熟度和現(xiàn)實(shí)性，并詳細(xì)介紹所涉及的技術(shù)在軟件開(kāi)發(fā)。ReactNative的優(yōu)點(diǎn)關(guān)鍵就是調(diào)試方便，利用css來(lái)實(shí)行規(guī)劃。對(duì)于前端來(lái)說(shuō)，它給程序員減少了大量的學(xué)習(xí)資本，并顯著減少了代碼量。而大部分代碼包括游戲邏輯和數(shù)據(jù)，程序員只需要寫(xiě)一套，就都能運(yùn)行在Android和IOS兩大平臺(tái)上。界面上因?yàn)槭菑膔eact一起打包包裝的，一部分有一些平臺(tái)?？缙脚_(tái)能夠減少開(kāi)發(fā)資本的和開(kāi)發(fā)人員的數(shù)量在理論上。大多數(shù)公司選擇使用ReactNative的關(guān)鍵緣由也是熱更新。讓用戶經(jīng)常更新APP會(huì)很煩。ReactNative盡管還不是很成熟，在一些只需要提供展示效果的頁(yè)面中使用還是非常簡(jiǎn)單實(shí)用的。2.3.2操作可行性通過(guò)對(duì)可能使用本軟件的用戶進(jìn)行需求調(diào)研、分析，特別針對(duì)手工愛(ài)好者的年齡情況，設(shè)計(jì)出合理友好的用戶操作界面，同時(shí)使軟件的操作方式簡(jiǎn)單明了。用戶在登錄之后，通過(guò)簡(jiǎn)單的操作，即可查看到相應(yīng)的手工藝品介紹以及教程。而且圖標(biāo)的設(shè)置也與其他APP大致相同，做到讓用戶即使從來(lái)沒(méi)接觸過(guò)，也能一下子就上手。因此，本軟件在操作方面具備可行性。2.3.3設(shè)計(jì)可行性本軟件使用reactnative的框架模式。UI方面可以只通過(guò)JavaScript來(lái)進(jìn)行編寫(xiě)。而且基于reactnative的熱重載模式，代碼一編譯好保存即可查看更新代碼后的效果。圖標(biāo)的設(shè)計(jì)也是由Photoshop自行繪制的。操作難度不大。因此，本軟件在設(shè)計(jì)方面具備可行性。2.3.4經(jīng)濟(jì)可行性經(jīng)濟(jì)可行性是對(duì)經(jīng)濟(jì)效益進(jìn)行評(píng)估，而評(píng)估的主要內(nèi)容有軟件開(kāi)發(fā)費(fèi)用支出以及軟件投入使用可能帶來(lái)的收益。本系統(tǒng)的設(shè)計(jì)和開(kāi)發(fā)的成本都相對(duì)較低，所用到的圖標(biāo)等主要是靠自己繪制。在硬件方面，主要適用于已經(jīng)普及的智能手機(jī)，所以硬件成本也不高。綜上所述，從經(jīng)濟(jì)可行性分析，本軟件在經(jīng)濟(jì)上可行。2.4本章小結(jié)本章通過(guò)結(jié)合用戶自身對(duì)軟件的需求，寫(xiě)出了該應(yīng)用的核心功能并且對(duì)功能進(jìn)行詳細(xì)說(shuō)明，最后再根據(jù)用戶的需求特點(diǎn)和市場(chǎng)上的終端特點(diǎn)列出了非功能性需求。

第三章系統(tǒng)設(shè)計(jì)3.1系統(tǒng)層次模塊系統(tǒng)層次模塊是通過(guò)對(duì)用戶的需求進(jìn)行詳細(xì)的分類之后，達(dá)到銜接用戶界面（視圖層）與數(shù)據(jù)（數(shù)據(jù)層）的一種結(jié)構(gòu)。一個(gè)復(fù)雜的系統(tǒng)按功能劃分為許多模塊。模塊之間有通信鏈路。幾個(gè)模塊組成一個(gè)平面。每一層都只是單方面的依賴，不形成一個(gè)圓形結(jié)構(gòu)。系統(tǒng)的層次模塊圖如圖3-1所示：圖3-1系統(tǒng)層次模塊圖3.2系統(tǒng)流程描述系統(tǒng)物理模型的傳統(tǒng)工具是系統(tǒng)流程圖。它的基本思想是把系統(tǒng)的所有細(xì)節(jié)（步驟、文件、數(shù)據(jù)庫(kù)、表格、人工過(guò)程等），系統(tǒng)各部分之間的數(shù)據(jù)活動(dòng)用圖形符號(hào)來(lái)進(jìn)行描述。系統(tǒng)流程圖顯示系統(tǒng)流程能更好、更清晰地。系統(tǒng)流程從用戶登錄開(kāi)始，用戶可以在登錄界面中輸入用戶名和密碼登錄進(jìn)本軟件。只要把用戶名和密碼輸入正確之后，就可以看見(jiàn)軟件的首頁(yè)了。軟件的首頁(yè)主要有展示手工藝圖片的輪播圖，以及手工藝的圖片加文字組成的手工藝簡(jiǎn)單介紹。在軟件里，我并沒(méi)有設(shè)置頂部或底部導(dǎo)航欄，主要是為了讓軟件的界面看上去更加地簡(jiǎn)潔大方，讓用戶更加地易懂。在軟件里設(shè)置了一個(gè)左抽屜頁(yè)，當(dāng)點(diǎn)擊左上方圖標(biāo)的時(shí)候，抽屜頁(yè)就會(huì)出現(xiàn)。在抽屜頁(yè)里，我設(shè)置了一個(gè)用戶頭像，這算是個(gè)人中心的一個(gè)入口。還有一個(gè)我的作品和我的卡包頁(yè)面。系統(tǒng)流程圖如圖3-2所示：圖3-2系統(tǒng)流程圖3.3數(shù)據(jù)流程圖能詳細(xì)地描繪系統(tǒng)數(shù)據(jù)流程的關(guān)鍵工具是數(shù)據(jù)流程圖。把數(shù)據(jù)形象化，然后用流程圖描繪出系統(tǒng)中所有信息的來(lái)龍去脈以及實(shí)踐流程。觀察數(shù)據(jù)流程圖，我們能夠清楚的了解系統(tǒng)內(nèi)部數(shù)據(jù)的流動(dòng)方向及其加工儲(chǔ)存狀況。數(shù)據(jù)流程圖能將簡(jiǎn)單地展現(xiàn)出復(fù)雜的系統(tǒng)數(shù)據(jù)，使我們更加方便地理解、閱讀，同時(shí)有利于系統(tǒng)的后期保護(hù)和二次開(kāi)發(fā)。數(shù)據(jù)流程圖有兩個(gè)特點(diǎn)：抽象性和概括性。抽象性是指數(shù)據(jù)流圖只留下信息和數(shù)據(jù)的存儲(chǔ)、活動(dòng)、應(yīng)用和處理狀態(tài)而去掉了詳細(xì)的組織、分配和物質(zhì)流，。概括性則是指將系統(tǒng)的處理與不同的業(yè)務(wù)聯(lián)系起來(lái)的數(shù)據(jù)流程圖，構(gòu)成一個(gè)整體。在繪制數(shù)據(jù)流圖時(shí)，要注意檔次的分類，我們要學(xué)會(huì)看數(shù)據(jù)流程圖，要增強(qiáng)理解數(shù)據(jù)流圖。我們?cè)谝婚_(kāi)始時(shí)可能并不會(huì)完整地理解一個(gè)系統(tǒng)。我們?cè)诜治鲆粋€(gè)系統(tǒng)時(shí)，可能會(huì)錯(cuò)誤的和不準(zhǔn)確的對(duì)問(wèn)題的理解，但是我們應(yīng)該根據(jù)自己的理解用數(shù)據(jù)流圖來(lái)表達(dá)、驗(yàn)證和慢慢修正。數(shù)據(jù)流程圖如圖3-3所示：圖3-3數(shù)據(jù)流程圖3.4功能設(shè)計(jì)模塊3.4.1用戶登錄3.4.1.1用戶登錄用戶登錄的頁(yè)面如圖3-4所示：圖3-4用戶登錄3.4.1.2操作流程操作流程如圖3-5所示：圖3-5用戶登錄流程圖3.4.1.3詳細(xì)操作輸入項(xiàng)：用戶名，用戶密碼。輸出項(xiàng)：若登錄成功，則顯示軟件的主界面，反之，吐司提示登錄錯(cuò)誤信息。處理：判斷用戶名、密碼是否有填寫(xiě)，并且用戶名和密碼是否對(duì)應(yīng)每一個(gè)賬號(hào)并填寫(xiě)正確。3.4.2首頁(yè)3.4.2.1首頁(yè)軟件的首頁(yè)如圖3-6所示：圖3-6首頁(yè)3.4.2.2操作流程操作流程如圖3-7所示：圖3-7首頁(yè)流程圖3.4.2.3功能描述應(yīng)用的首頁(yè)是使用swiper、ImageView、TextView這三個(gè)組件來(lái)進(jìn)行搭配組成的。首頁(yè)的內(nèi)容主要包括有輪播圖查看手工藝以及一部分的手工藝的簡(jiǎn)介。當(dāng)用戶點(diǎn)擊相應(yīng)的地方就會(huì)進(jìn)入到相應(yīng)的頁(yè)面。主要的功能就是讓用戶了解到手工藝品的種類以及簡(jiǎn)單的手工藝的一些介紹。3.4.3抽屜頁(yè)3.4.3.1抽屜頁(yè)頁(yè)面抽屜頁(yè)如圖3-8所示：圖3-8抽屜頁(yè)3.4.3.2操作流程操作流程如圖3-9所示：圖3-9抽屜頁(yè)操作流程3.4.3.3功能描述抽屜頁(yè)設(shè)置的組件主要是個(gè)人中心，個(gè)人的作品上傳以及后續(xù)會(huì)添加在線商城等功能。在后期，主要是想設(shè)置為用戶的個(gè)人中心?，F(xiàn)在大多數(shù)的APP也是會(huì)采用抽屜頁(yè)的這個(gè)組件，顯得軟件界面比較簡(jiǎn)潔大方。3.4.4手工藝簡(jiǎn)介頁(yè)面3.4.4.1手工藝簡(jiǎn)介頁(yè)面（以折紙界面為例）手工藝簡(jiǎn)介頁(yè)面如圖3-10所示：圖3-10手工藝簡(jiǎn)介頁(yè)面3.4.4.2操作流程操作流程如圖3-11所示：圖3-11查看簡(jiǎn)介頁(yè)面操作流程3.4.4.3功能描述該頁(yè)面主要是查看該種類的手工藝品的簡(jiǎn)介。用戶在首頁(yè)通過(guò)簡(jiǎn)單的點(diǎn)擊操作，即可查看所有有關(guān)于該品種手工藝的簡(jiǎn)單介紹。包括但不限于該手工藝的起源、發(fā)展歷史、使用材料、種類、作用價(jià)值、代表人物等等。3.4.5手工藝教程頁(yè)面3.4.5.1手工藝教程頁(yè)面（以折紙教程為例）手工藝教程頁(yè)面如圖3-12所示：圖3-12手工藝教程頁(yè)面3.4.5.2操作流程操作流程如圖3-13所示：圖3-13查看手工藝教程頁(yè)面3.4.5.3功能描述該頁(yè)面主要是查看該種類的手工藝品的教程。用戶在首頁(yè)通過(guò)簡(jiǎn)單的點(diǎn)擊操作，即可查看所有有關(guān)于該品種手工藝的教程。點(diǎn)擊視頻即可觀看教程。該品種手工藝的視頻下方，還會(huì)有其他的推薦視頻。3.4.6我的作品3.4.6.1我的作品頁(yè)面我的作品頁(yè)面如圖3-14所示：圖3-14我的作品頁(yè)面3.4.6.2操作流程操作流程如圖3-15所示：圖3-15我的作品操作流程3.4.6.3功能描述本頁(yè)面主要功能是放置用戶上傳的視頻作品，可供用戶自己查看。同時(shí)用戶可以自己上傳作品，可以先把它存在草稿箱，也就是我的作品頁(yè)面。3.5本章小結(jié)本章主要通過(guò)系統(tǒng)的流程設(shè)計(jì)、數(shù)據(jù)設(shè)計(jì)以及功能設(shè)計(jì)分別對(duì)登錄模塊、首頁(yè)模塊、抽屜頁(yè)模塊、查看手工藝簡(jiǎn)介模塊以及查看手工藝教程模塊進(jìn)行了詳細(xì)地分析設(shè)計(jì)。設(shè)計(jì)過(guò)程也是充分地考慮了用戶的使用習(xí)慣以及使用學(xué)習(xí)行為。

系統(tǒng)測(cè)試系統(tǒng)測(cè)試是軟件開(kāi)發(fā)過(guò)程的重要組成部分，通過(guò)對(duì)項(xiàng)目開(kāi)發(fā)過(guò)程的產(chǎn)品進(jìn)行差錯(cuò)審查，從而保證其質(zhì)量卓越。因此，每個(gè)開(kāi)發(fā)者都應(yīng)該學(xué)會(huì)養(yǎng)成良好的測(cè)試習(xí)慣。系統(tǒng)測(cè)試有以下幾點(diǎn)意義：（1）系統(tǒng)測(cè)試不單單是發(fā)現(xiàn)錯(cuò)誤，而是在使用它們之前盡可能多地進(jìn)行測(cè)試，排除軟件開(kāi)發(fā)過(guò)程中遺留的潛在錯(cuò)誤。（2）進(jìn)行系統(tǒng)測(cè)試，能避免投入使用過(guò)程中產(chǎn)生不可挽回的損失。（3）完整的測(cè)試本身是評(píng)估軟件質(zhì)量的一種方法。系統(tǒng)測(cè)試是具有一定的價(jià)值的，在經(jīng)過(guò)一系列測(cè)試之后沒(méi)有發(fā)現(xiàn)錯(cuò)誤，可以說(shuō)明軟件質(zhì)量良好，可以投入使用。4.1測(cè)試環(huán)境1.硬件：Windows102.軟件：雷電模擬器（版本為Android7.1.2）4.2功能測(cè)試功能上的測(cè)試主要包括對(duì)各項(xiàng)功能點(diǎn)的測(cè)試。下面就以登錄功能為例，用戶名稱、密碼文字輸入框是否能成功輸入信息，“登錄”按鈕是否能正常使用等。測(cè)試用例如下：用例編號(hào)測(cè)試項(xiàng)操作步驟預(yù)期結(jié)果數(shù)據(jù)實(shí)際結(jié)果DL001成功登錄點(diǎn)擊“登錄”按鈕，進(jìn)入登錄頁(yè)面，輸入用戶名稱admin與密碼123，點(diǎn)擊“登錄”按鈕成功登錄登錄失敗用戶名稱：admin用戶密碼：123成功登錄DL002用戶名稱點(diǎn)擊“登錄”按鈕，進(jìn)入登錄頁(yè)面，輸入用戶名稱與密碼admin，點(diǎn)擊“登錄”按鈕用戶名稱正確，成功登錄提示用戶名稱與密碼不相符，請(qǐng)重新輸入1、（空）2、英文：admin3、數(shù)字：1234、中文：山間霧5、符號(hào)：%%%提示用戶名稱不能為空成功登錄4、5、提示用戶名稱與密碼不相符，請(qǐng)重新輸入DL003用戶密碼點(diǎn)擊“登錄”按鈕，進(jìn)入登錄頁(yè)面，輸入用戶名稱admin與密碼，點(diǎn)擊“登錄”按鈕用戶密碼輸入正確，成功登錄提示用戶密碼與用戶名稱不相符，請(qǐng)重新輸入1、（空）2、英文：admin3、數(shù)字：1234、中文：山間霧5、符號(hào)：%%%提示用戶密碼不能為空成功登錄4、5、提示用戶名稱與密碼不相符，請(qǐng)重新輸入DL004“登錄”按鈕點(diǎn)擊“登錄”按鈕，進(jìn)入登錄頁(yè)面，輸入用戶名admin稱與密碼123，點(diǎn)擊“登錄”按鈕1、“登錄”按鈕正常，用戶成功登錄2、“登錄”按鈕未能正常使用，用戶登錄失敗“登錄”按鈕正常，用戶成功登錄4.3非功能性測(cè)試兼容性測(cè)試：該項(xiàng)目通過(guò)創(chuàng)建的各個(gè)不同的模擬器，測(cè)試軟件是否能在不同版本以及不同分辨率的情況下正常顯示。經(jīng)過(guò)測(cè)試可知：軟件在不同的分辨率下均能正常顯示；至于在安卓的各類主流版本中亦能正常運(yùn)作。測(cè)試用例如下所示：用例編號(hào)測(cè)試項(xiàng)類型預(yù)期結(jié)果實(shí)際結(jié)果JRX001分辨率1920*1080顯示正常顯示正常JRX002分辨率1280*720顯示正常顯示正常JRX003分辨率800*480顯示正常顯示正常JRX004版本4.0顯示正常顯示正常JRX005版本4.1顯示正常顯示正常JRX006版本4.2顯示正常顯示正常JRX007版本4.3顯示正常顯示正常JRX008版本4.4顯示正常顯示正常JRX009版本5.0顯示正常顯示正常JRX010版本6.0顯示正常顯示正常4.4用戶界面測(cè)試用戶界面測(cè)試，即UI測(cè)試，主要是對(duì)用戶界面進(jìn)行審核。具體工作包括：確認(rèn)用戶界面是否符合用戶的審美；各個(gè)功能模塊所對(duì)應(yīng)的位置是否合理；背景顏色整體色調(diào)是否賞心悅目；界面中是否存在錯(cuò)別字等等。測(cè)試用例如下所示：用例編號(hào)測(cè)試項(xiàng)操作步驟預(yù)期結(jié)果實(shí)際結(jié)果DLL001標(biāo)題檢驗(yàn)標(biāo)題文字是否正確；位置是否居中并處于上方標(biāo)題文字正確，位置正確標(biāo)題文字正確，位置正確DLL002抽屜按鈕檢驗(yàn)抽屜按鈕位置是否正確；點(diǎn)擊按鈕是否能跳轉(zhuǎn)到抽屜頁(yè)面抽屜按鈕位置正確；點(diǎn)擊按鈕可以正常跳轉(zhuǎn)到抽屜頁(yè)面抽屜按鈕位置正確；點(diǎn)擊按鈕可以正常跳轉(zhuǎn)到抽屜頁(yè)面DLL003文本框檢驗(yàn)文本框文字是否正確；輸入的內(nèi)容是否處于正確位置；文本框位置是否符合一般使用習(xí)慣文本框文字正確；輸入內(nèi)容處于正確位置；文本框位置符合一般使用習(xí)慣文本框文字正確；輸入內(nèi)容處于正確位置；文本框位置符合一般使用習(xí)慣DLL004圖片檢驗(yàn)圖片位置是否正確；圖片是否能夠點(diǎn)擊跳轉(zhuǎn)圖片位置正確；點(diǎn)擊圖片后能夠正常跳轉(zhuǎn)圖片位置正確；點(diǎn)擊圖片后能夠正常跳轉(zhuǎn)4.5測(cè)試總結(jié)本章主要對(duì)軟件的功能、非功能以及用戶界面進(jìn)行了簡(jiǎn)單的測(cè)試。在經(jīng)過(guò)測(cè)試后發(fā)現(xiàn)，軟件能滿足最基本的運(yùn)行條件，可以正常使用。在兼容性上也能夠在各種分辨率以及各種版本下正常顯示。用戶界面方面，布局合理，界面簡(jiǎn)潔明了易于操作，符合大部分用戶的使用習(xí)慣。

第五章總結(jié)與展望本章主要是對(duì)前面內(nèi)容的一個(gè)總結(jié)，以及對(duì)未完成內(nèi)容的建議，指導(dǎo)未來(lái)對(duì)該軟件的完善工作。5.1研究成果該論文基于reactnative的手工藝APP說(shuō)難不難，說(shuō)易不易。該論文結(jié)合當(dāng)今用戶對(duì)手工藝學(xué)習(xí)的渴求，設(shè)計(jì)和實(shí)現(xiàn)了一個(gè)可供用戶學(xué)習(xí)手工藝的學(xué)習(xí)軟件。以下是項(xiàng)目的設(shè)計(jì)和實(shí)現(xiàn)的內(nèi)容：首先是用戶登錄的界面，登錄部分設(shè)置了用戶名和密碼來(lái)作為一個(gè)數(shù)據(jù)驗(yàn)證。因?yàn)楝F(xiàn)在還在測(cè)試階段，所以在這里我是給定死了一個(gè)賬戶名和密碼的，用戶只有通過(guò)這唯一的一個(gè)賬號(hào)密碼才能登錄進(jìn)去。用戶輸入了正確的賬號(hào)密碼之后，就可以看到我們的首頁(yè)了。首頁(yè)的布局使用了一個(gè)輪播圖組件以及scrolloview組件來(lái)組成的。界面比較方便整潔，便于從來(lái)沒(méi)接觸過(guò)該軟件的人來(lái)進(jìn)行快速上手。在scrollview里，由圖片和文字組成，這里的操作比較簡(jiǎn)單。點(diǎn)擊圖片可以查看關(guān)于該手工藝的教程，點(diǎn)擊圖片下方文字可以查看關(guān)于該手工藝的簡(jiǎn)介。5.2未來(lái)方向（1）對(duì)該應(yīng)用進(jìn)行功能的擴(kuò)展，因?yàn)樵撥浖墓δ苓€不夠多不夠全面。所以我準(zhǔn)備在下一個(gè)版本增加更多能讓用戶使用得更舒適實(shí)用的功能，這樣才能讓APP對(duì)用戶更有粘性。（2）在注冊(cè)登錄頁(yè)面中添加手機(jī)短信驗(yàn)證功能，或使用微信、 QQ、微博等快捷方式登錄，實(shí)現(xiàn)個(gè)人信息的安全化以及用戶賬號(hào)的關(guān)聯(lián)性。（3）增加讓用戶可以自己上傳作品的功能。這樣子可以使得素材庫(kù)充足，可供學(xué)習(xí)的素材多種多樣。（4）在用戶上傳的作品下面增加點(diǎn)贊、評(píng)論等功能，這樣可以讓上傳者隨時(shí)得到自己作品的反饋。（5）在技術(shù)允許的情況下，可以增加私信功能。在未互相關(guān)注的情況下，雙方可以發(fā)文字信息；在雙方互關(guān)之后，可以發(fā)送語(yǔ)音、圖片等功能。（6）添加上傳視頻之后可以在線播放或者下載到用戶本地的功能。這樣即使是用戶在離線狀態(tài)下也可以學(xué)習(xí)到自己想要學(xué)習(xí)的技能。（7）增加分享功能，使用戶的作品可以更好地傳播出去，獲得更多的關(guān)注度以及鼓勵(lì)作者上傳作品視頻。（8）在作品教程的下面放置作品材料的購(gòu)買(mǎi)鏈接。這個(gè)功能需要與其他商城達(dá)成合作或者直接在本應(yīng)用添加一個(gè)在線商城。（9）可以添加白天和黑夜的模式，可以讓用戶根據(jù)自己的需求調(diào)節(jié)使用，更好地迎合用戶的使用習(xí)慣。（10）添加搜索以及熱搜榜的功能。讓用戶可以看到現(xiàn)下最對(duì)人搜索與學(xué)習(xí)的作品、手工類別是什么。

參考文獻(xiàn)[1]郝駿,鄭紫微,段歡.基于ReactNative圖像隱寫(xiě)的研究和實(shí)現(xiàn)[J].無(wú)線通