賴奕然，黃靖宇，何海洋

（中山大學(xué)新華學(xué)院信息科學(xué)學(xué)院，東莞 523133）

0 引言

互聯(lián)網(wǎng)技術(shù)讓人們實(shí)現(xiàn)更加快速的信息共享與交流，構(gòu)建網(wǎng)絡(luò)平臺(tái)來更好地服務(wù)用戶已成為時(shí)代的潮流。但目前，繪畫和攝影從業(yè)者、愛好者還沒有一個(gè)統(tǒng)一的信息交流平臺(tái)進(jìn)行溝通交流，藝術(shù)與科技（art&technology，AT）便應(yīng)運(yùn)而生。它能夠讓用戶快速地進(jìn)行信息交流，在平臺(tái)上分享自己的作品，包括但不限于畫作、攝影、油彩等。通過該平臺(tái)，用戶不僅可以學(xué)習(xí)、交流、教學(xué)、提升自我，還可以通過發(fā)布視頻、解答疑惑、攝影約拍等渠道來賺取酬金。

1 需求分析

1.1 市場環(huán)境分析

蜂鳥網(wǎng)和中國插圖網(wǎng)的公開數(shù)據(jù)顯示，中國學(xué)習(xí)攝影和繪畫的人數(shù)份額不僅巨大，而且正在逐步上升，這意味著市場空間巨大；同時(shí)在熱詞搜索中，繪畫和攝影的關(guān)鍵詞也呈遞增趨勢。通過地區(qū)分析，大部分集中在廣東地區(qū)，所以以廣東為重點(diǎn)地區(qū)來推廣該平臺(tái)很有必要。

1.2 態(tài)勢分析

AT 平臺(tái)的優(yōu)勢在于繪畫與攝影的結(jié)合。藝術(shù)理應(yīng)是相輔相成的，但是在構(gòu)圖上、設(shè)計(jì)上，繪畫與攝影是互補(bǔ)的，繪畫需要在現(xiàn)實(shí)中獲得靈感，攝影需要在繪畫中得到啟發(fā)。AT 的局限性在于對市場份額的爭搶力度不大，由于我們針對的是畫師、攝影師以及這兩個(gè)領(lǐng)域的愛好者，受眾太小很難得到推廣。根據(jù)調(diào)查，整個(gè)國內(nèi)市場幾乎沒有關(guān)于繪畫與攝影結(jié)合的APP或小程序，但國外網(wǎng)站已有這樣的先例，因而我們的優(yōu)勢在于我們是以新生力量的身份進(jìn)入市場。在現(xiàn)有需求未得到滿足的情況下進(jìn)入市場，通過推廣來搶占一定的市場份額，獲得固定客戶。小程序發(fā)布后，難免遇到同行的競爭。在當(dāng)今快速的互聯(lián)網(wǎng)競爭下，一旦發(fā)現(xiàn)這塊市場還沒瓜分完畢，必定會(huì)有資本進(jìn)入。所以我們要穩(wěn)住心態(tài)、互相借鑒，與第三方合作，穩(wěn)住核心用戶，通過流量分析，增強(qiáng)自身核心競爭力。

2 技術(shù)分析

此項(xiàng)目實(shí)現(xiàn)的產(chǎn)品是使用Mpvue 框架進(jìn)行前端開發(fā)，基于微信小程序開發(fā)者工具端口開發(fā)的微信小程序，采用HTLM5、CSS 和JavaScript 進(jìn)行開發(fā)。如今小程序開發(fā)的技術(shù)已經(jīng)較為成熟。同時(shí)微信小程序推出的云開發(fā)模式服務(wù)，可以極大縮短開發(fā)周期，節(jié)省云計(jì)算的算力，節(jié)約更多的計(jì)算資源。

2.1 工具架構(gòu)

Mpvue 基于Vue.js 核心，修改了Vue.js 的runtime 和compiler 實(shí)現(xiàn)。微信小程序開發(fā)工具提供微信小程序的API 和頁面的開發(fā)調(diào)試、代碼查看和編輯、小程序預(yù)覽和發(fā)布等功能。

2.2 工具特征

Mpvue 是一個(gè)開源的前端框架，對vue.js 腳本語言具有相當(dāng)好的兼容性。Mpvue 框架核心在于提高小程序開發(fā)的效率。Mpvue 的出現(xiàn)提高了Html 編寫的前端程序的復(fù)用性，減少了工作人員的工作量。

同時(shí)此項(xiàng)目使用了較為前沿的“小程序+云開發(fā)”的小程序開發(fā)模式。支持托管服務(wù)容器，不限框架和語言，常駐運(yùn)行、天然鑒權(quán)，可快速進(jìn)行業(yè)務(wù)遷移。同時(shí)無需搭建服務(wù)器，只需要使用平臺(tái)提供的各項(xiàng)能力，即可快速開發(fā)業(yè)務(wù)。對于小型團(tuán)隊(duì)來說，這種開發(fā)模式不僅提高了工作效率，而且減少了對后端開發(fā)和后端數(shù)據(jù)的處理，減輕了服務(wù)端的部署壓力。它能夠更好地連接云端資源和能力邊界、訪問，打通不同端口的界限，使多個(gè)端口共享同一份云資源。在運(yùn)營成本上，采用按量計(jì)費(fèi)，后端資源根據(jù)業(yè)務(wù)流量自動(dòng)擴(kuò)容，先使用后付費(fèi)，無需支付閑置成本，成本更低。在進(jìn)行業(yè)務(wù)邏輯時(shí)，云開發(fā)服務(wù)也提供了云函數(shù)。在云計(jì)算方面，無需過多的軟硬件資源支持，使用服務(wù)商提供的共享資源，降低了算力的門檻。根據(jù)云計(jì)算還能增強(qiáng)數(shù)據(jù)分析，提高技術(shù)服務(wù)效率，幫助開發(fā)者更高效地實(shí)驗(yàn)與測試程序功能，打造專屬的客戶模型。

3 功能設(shè)計(jì)

3.1 核心功能概述

核心功能包括學(xué)習(xí)與咨詢、話題討論、約拍與約畫。

3.1.1 學(xué)習(xí)與咨詢

用戶可以將與拍攝和繪畫相關(guān)的心得體會(huì)、教學(xué)教程、自己創(chuàng)作的作品、在創(chuàng)作中遇到的問題等通過帖子或視頻的形式發(fā)布出來，供其他用戶閱覽和評論。平臺(tái)會(huì)通過獨(dú)家簽約或者與藝術(shù)展覽館合作等方式邀請名人、名師入駐站內(nèi)，站內(nèi)獲得認(rèn)證的名人和名師會(huì)有特殊的認(rèn)證標(biāo)記。用戶進(jìn)行評論時(shí)，若認(rèn)為自己的評論對題主有作用，且希望收取一定的費(fèi)用，可以設(shè)置有償回答，只會(huì)顯示一部分的評論內(nèi)容，題主需要支付一定的金額才可以看到完整評論。

3.1.2 話題討論

后臺(tái)每天都會(huì)設(shè)置各種各樣的話題供用戶討論，不僅僅是與攝影和繪畫有關(guān)的話題，還有很多日常和時(shí)事的話題，豐富用戶的應(yīng)用體驗(yàn)，幫助用戶更好地找到志同道合的人。也會(huì)指定最新的畫展、攝影展、藝術(shù)館信息，供用戶瀏覽。

3.1.3 約拍與約畫

這是一個(gè)可以供高水平畫師和攝影師接單的功能，即可以約私人合作，也可以約商業(yè)訂單，攝影師或畫師父可以發(fā)布自己的合作要求，包括酬勞等等，想要約單的用戶則需要主動(dòng)去與攝影師溝通，達(dá)成一致。我們也推出了“附近的人”功能，你可以看到附近的人分享的攝影作品、繪畫作品或者日常。用戶如果旅游到了外地，也可以在“附近”里看到相關(guān)的攝影展或藝術(shù)館的信息，或者在當(dāng)?shù)赝ㄟ^“附近”功能找到志同道合的人。同時(shí)用戶也可以和附近的人分享自己今日的喜怒哀樂。

3.2 主要功能需求設(shè)計(jì)

每個(gè)模塊都有底部標(biāo)簽導(dǎo)航，自左至右依次為：“論壇”、“接單”、“消息”和“我的”共四個(gè)標(biāo)簽。用戶在各入口頻繁跳轉(zhuǎn)不會(huì)丟失方向，能夠輕易進(jìn)行功能間的快速切換。小程序總體框架圖如圖1所示。

圖1 小程序總體框架圖

3.2.1 論壇模塊

論壇模塊分為“推薦”、“視頻”、“帖子”和“話題”四個(gè)模塊。頂部導(dǎo)航欄可以跳轉(zhuǎn)到相應(yīng)頁面，點(diǎn)擊底部導(dǎo)航欄的“+”可以發(fā)表帖子或視頻，可在搜索框搜索需要的信息，設(shè)計(jì)在頁面的頂部，清晰明了。論壇模塊部分功能效果圖如圖2所示。

圖2 論壇模塊部分功能效果圖

（1）推薦模塊。熱門資訊輪播圖位于模塊的頂端。熱門的繪畫與攝影的資訊信息以圖片輪播方式展示；接下來是話題列表，采用的是宮格導(dǎo)航，點(diǎn)擊跳轉(zhuǎn)進(jìn)入專欄，進(jìn)入專欄擴(kuò)展相關(guān)信息。最后是熱門信息推送列表，采用內(nèi)容式列表，主要顯示其他用戶發(fā)表的內(nèi)容，根據(jù)信息熱度自動(dòng)推送信息條，為無目標(biāo)的用戶提供建議。

（2）視頻模塊。個(gè)性化推薦用戶喜愛的視頻信息，采用三級(jí)內(nèi)容式列表，顯示標(biāo)題、用戶和用戶發(fā)表的內(nèi)容。

（3）帖子模塊。主要采用內(nèi)容式和標(biāo)簽式列表混搭，本模塊主要以圖片和文字為主，所以在列表中就會(huì)體現(xiàn)出部分內(nèi)容信息，點(diǎn)擊進(jìn)入問題的詳情頁，可以瀏覽詳細(xì)的問題和所有用戶的回答的部分內(nèi)容，同樣是內(nèi)容式列表；點(diǎn)擊其他用戶的回答可以進(jìn)入回答詳情頁，可以詳細(xì)閱讀其他用戶的答案，部分用戶會(huì)開啟付費(fèi)查看，需要支付作者所定的金額，才能閱讀全部回答，否則只能查看部分回答。

（4）話題模塊。頂部標(biāo)簽欄為世界各地的繪畫或攝影展覽館信息以及繪畫或攝影比賽信息。緊接著是話題界面，同樣采用內(nèi)容式列表，后臺(tái)每天都會(huì)設(shè)置當(dāng)下熱門的話題供用戶討論。

3.2.2 接單模塊

接單模塊分為“約拍”、“約畫”和“附近”三個(gè)小模塊。頂部導(dǎo)航欄可以跳轉(zhuǎn)到相應(yīng)頁面，點(diǎn)擊底端導(dǎo)航欄的“+”發(fā)出約單要求和個(gè)人簡介。接單模塊部分功能效果圖如圖3所示。

圖3 接單模塊部分功能效果圖

（1）約拍、約畫模塊。采用雙列窗口式列表，使用戶可以更直觀地瀏覽信息，每個(gè)窗口顯示個(gè)人或工作室的名稱、接單要求以及部分作品縮略圖。點(diǎn)擊可進(jìn)入詳情頁。

（2）附近模塊。主要顯示附近的人發(fā)表的內(nèi)容，使用內(nèi)容式列表。

3.2.3 聊天模塊

主要顯示用戶與用戶之間，用戶與攝影師、畫師之間，畫師和攝影師彼此間的交流內(nèi)容，使用標(biāo)簽式列表，更加直觀方便。

3.2.4 我的模塊

頂部顯示用戶頭像及常規(guī)信息。當(dāng)未登錄時(shí)顯示默認(rèn)頭像，基本信息處顯示“未登錄”字樣?？梢赃M(jìn)入“設(shè)置”，設(shè)置個(gè)人信息和應(yīng)用權(quán)限等。下面是我的錢包、我的訂單、我的評價(jià)、意見反饋、我的設(shè)置、我的關(guān)注、我的消息、通知、歷史記錄和退出登錄共十個(gè)功能。次級(jí)導(dǎo)航使用了列表式導(dǎo)航，每一個(gè)功能都會(huì)跳轉(zhuǎn)至相應(yīng)的詳情頁面。

4 結(jié)語

伴隨著攝影人群和繪畫人群的不斷增大?！袄L畫+攝影+約拍”的商業(yè)模式可以為之提供更多的實(shí)踐機(jī)會(huì)，能讓從業(yè)者和愛好者更好地相互交流；另一方面，能讓這種藝術(shù)的結(jié)合更加深入地走進(jìn)大眾群體之中。

本平臺(tái)是使用Mpvue 框架進(jìn)行前端開發(fā)，并基于微信小程序開發(fā)者工具端口和云開發(fā)模式開發(fā)的微信小程序產(chǎn)品。隨著時(shí)代的進(jìn)步，繪畫攝影約拍走向更制度化、大眾化、公開化，本平臺(tái)將會(huì)在此領(lǐng)域產(chǎn)生更加深遠(yuǎn)的影響。