李辰芳 劉小華 高怡欣 宋嘉雯

（西京學(xué)院 土木工程學(xué)院，陜西 西安710123）

智能終端的普及，預(yù)示著一個(gè)新的移動(dòng)互聯(lián)網(wǎng)正在崛起，微信類移動(dòng)通訊軟件脫穎而出，成為移動(dòng)互聯(lián)網(wǎng)行業(yè)最具代表性的產(chǎn)品?！扳孕颉闭n程表是基于微信小程序，便于大學(xué)生了解課程信息，服務(wù)于大學(xué)生校園生活的一款小程序。

1 系統(tǒng)設(shè)計(jì)

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

在“庠序”課程表小程序的功能設(shè)計(jì)上，登錄個(gè)人賬號(hào)進(jìn)行使用，主要包括四種功能，即課程表的查詢，學(xué)術(shù)報(bào)告會(huì)查詢，公選課查詢，校園活動(dòng)，在此基礎(chǔ)上實(shí)現(xiàn)云儲(chǔ)存和實(shí)時(shí)更新等。

（1）課程表查詢，登錄賬號(hào)，查詢自己的課程表，包括上課時(shí)間、上課地點(diǎn)、課任教師?？上螺d在此課程表，在此課程表上自行進(jìn)行添加自己感興趣的課程和修改自己退選的課程?？筛鶕?jù)用戶需要為上課時(shí)間做出提醒。

（2）學(xué)術(shù)報(bào)告會(huì)查詢。登錄賬號(hào)，按學(xué)院分類，土木工程學(xué)院，會(huì)計(jì)學(xué)院等，可根據(jù)用戶需要進(jìn)行選擇，查詢學(xué)術(shù)報(bào)告會(huì)時(shí)間地址。

（3）公選課查詢。登錄賬號(hào)，按模塊分類，

（4）校園活動(dòng)。分為校園院線影片放映，校園演出，校際分享會(huì)，社會(huì)公益活動(dòng)，校園兼職。

1.2 業(yè)務(wù)流程設(shè)計(jì)

在系統(tǒng)的業(yè)務(wù)流程設(shè)計(jì)上，主要是根據(jù)課程表的查詢，學(xué)術(shù)報(bào)告會(huì)查詢，公選課查詢，校園活動(dòng)四個(gè)業(yè)務(wù)功能實(shí)現(xiàn)的流程設(shè)計(jì)，其中，這四種業(yè)務(wù)功能具有獨(dú)立性、又具有相關(guān)性。統(tǒng)一于云端儲(chǔ)存和實(shí)時(shí)更新上。

2 系統(tǒng)實(shí)現(xiàn)

在系統(tǒng)實(shí)現(xiàn)上，主要包括前端界面和后臺(tái)數(shù)據(jù)處理。

2.1 前端界面

在前端界面的編寫上借助微信小程序開發(fā)技術(shù)，學(xué)習(xí)處理支撐小程序運(yùn)行的四種文件--“.json”后綴的JSON 配置文件，“.wxml”后綴的WXML 模板文件，“.wxss”后綴的WXSS 樣式文件以及“.js”后綴的JS 腳本邏輯文件——的編寫方式。

2.1.1 JSON 配置文件

JSON 并非編程語言，而是在小程序運(yùn)行中扮演著靜態(tài)配置角色的一種數(shù)據(jù)格式。首先學(xué)習(xí)了解編寫JSON 文件的邏輯語法，以及相關(guān)注意事項(xiàng)。

（1）JSON 文件都是被包裹在一個(gè)大括號(hào)中 {}，通過key-value 的方式來表達(dá)數(shù)據(jù)。

（2）JSON 的Key 必須包裹在一個(gè)雙引號(hào)中。

（3）相關(guān)數(shù)據(jù)格式：①數(shù)字，包含浮點(diǎn)數(shù)和整數(shù)；②字符串，需要包裹在雙引號(hào)中；③Bool 值，true 或者false；④數(shù)組，需要包裹在方括號(hào)中[]；⑤對(duì)象，需要包裹在大括號(hào)中{}；⑥Null。

2.1.1.1 app.json 文件。在這一項(xiàng)目的根目錄中可以看到有一個(gè)app.json 文件，這是用來對(duì)小程序進(jìn)行全局配置，并且通過編寫邏輯語言來實(shí)現(xiàn)對(duì)頁面文件路徑的設(shè)置、窗口表現(xiàn)的設(shè)置、網(wǎng)絡(luò)超時(shí)時(shí)間的設(shè)置、多tab 的設(shè)置。

借助《微信官方文檔·小程序部分》，可以查詢到如圖1 所示的包含部分常用配置選項(xiàng)的app.json 文件樣式，以此為基礎(chǔ)研究“庠序”課程表在app.json 部分的編寫。

圖1 常用配置選項(xiàng)app.json 文件樣式

其中pages 為頁面路徑列表，Window 為全局的默認(rèn)窗口表現(xiàn)，tabBar 為底部tab 欄的表現(xiàn)，NetworkTimeout 為網(wǎng)絡(luò)超時(shí)時(shí)間，debug 為是否開啟debug 模式，圖1。

2.1.1.2 page.json 頁面配置文件。page.json 是用來表示pages/logs 目錄下的logs.json 這類和小程序頁面相關(guān)的配置。

以頁面顏色為例，如果準(zhǔn)備將“庠序”課程表小程序的整個(gè)風(fēng)格設(shè)計(jì)為淡藍(lán)色調(diào)，那么只需要app.json 里編入即可。但面對(duì)不同人群的審美需要，設(shè)計(jì)“庠序”課程表小程序風(fēng)格的實(shí)際情況自然不可能為單一色調(diào)，且為了方便用戶區(qū)分不同功能分區(qū)，我們還應(yīng)當(dāng)設(shè)計(jì)多種色彩，這里就需要用到page.json，獨(dú)立定義每個(gè)頁面的一些屬性，包括色調(diào)與是否允許下拉刷新等。這一部分的編寫格式如圖2 所示。

圖2 頁面配置文件編寫格式

其中，navigationBarBackgroundColor 為導(dǎo)航欄背景顏色，編撰格式為“#000000”，navigationBarTextStyle 為導(dǎo)航欄標(biāo)題顏色，圖2 所示即為黑色導(dǎo)航欄標(biāo)題，navigationBarTitleText 為導(dǎo)航欄標(biāo)題文字內(nèi)容，backgroundColo 為窗口的背景色，編撰格式為“#000000”，backgroundTextStyle 為下拉loading 的樣式，圖2 所示即為“l(fā)ight”樣式。

2.1.2 WXML 模板文件

WXML 由標(biāo)簽、屬性等構(gòu)成，相當(dāng)于是網(wǎng)頁編程采用的HTML，用來描述當(dāng)前頁面的結(jié)構(gòu)。如圖3 所示，打開pages/index/index.wxml，會(huì)呈現(xiàn)以下內(nèi)容。

圖3 WXML 模板文件頁面結(jié)構(gòu)

在WXML 寫入對(duì)應(yīng)的組件標(biāo)簽名字就可以把該組件顯示在界面上，如圖3 所示的圖像覆蓋，獲取昵稱等功能。

2.1.3 WXSS 樣式文件

WXSS 相當(dāng)于網(wǎng)頁編程中的CSS，并且具備了CSS 大部分的特性，json 文件中區(qū)分app，page 的概念相同，可以寫一個(gè)app.wxss 作為“庠序”課程表的全局樣式——作用于“庠序”課程表的所有頁面，或者選擇局部頁面樣式page.wxss 對(duì)“庠序”課程表地某一個(gè)頁面進(jìn)行設(shè)置。

2.1.4 JS 腳本邏輯文件

JS 腳本是專門適用于互聯(lián)網(wǎng)交互特性的部分，讓“庠序”課程表可以與用戶做交互，響應(yīng)用戶的點(diǎn)擊而非單純展示信息。

首先設(shè)置一個(gè)交互按鍵button 按鈕，如圖4 所示。

圖4 交互按鈕

2.2 后臺(tái)數(shù)據(jù)處理

2.2.1 訪問數(shù)量

通過查看最近訪問數(shù)量，并進(jìn)行橫向?qū)Ρ?，我們可以得出用戶?duì)“庠序”課程表的訪問是有一定規(guī)律的。通過對(duì)其的分析，即可把握住“庠序”課程表的發(fā)展方向，為其良好存活與發(fā)展奠定基礎(chǔ)。

2.2.2 推廣效果

若說訪問數(shù)量的時(shí)間分布說明了推廣的最佳時(shí)期，那么如何推廣，這是后臺(tái)數(shù)據(jù)分析需要關(guān)注的另一個(gè)方面。

增長(zhǎng)的用戶是否是因?yàn)槲覀兊耐茝V而選擇使用“庠序”課程表，這是需要關(guān)注的問題。

無論是小程序碼，還是分享到群，或者在大V 的公眾號(hào)中做了公關(guān)。假如用戶快速增加，我們首先要做的是通過“來源分析”分析以上的推廣方法，哪一種是最好的，不僅節(jié)約經(jīng)濟(jì)成本，同時(shí)還提高了效用率，做到最高效的推廣。

2.2.3 用戶粘性

這是“庠序”課程表能否長(zhǎng)久存活的最關(guān)鍵數(shù)據(jù)，若是“庠序”課程表的用戶粘性不強(qiáng)，那么用戶增長(zhǎng)再快再多那也只是鏡中花。

在這一方面，主要通過以下幾個(gè)方面進(jìn)行分析，新增留存，訪問時(shí)長(zhǎng)以及訪問頁面。

2.2.3.1 新增留存。新增留存：表征了用戶訪問小程序以后的再次訪問的概率。這個(gè)指標(biāo)最能直觀表現(xiàn)小程序?qū)τ脩舻奈?，通過新增留存我們可以分析出“庠序”課程表是否真正吸引到了用戶群體，是否在同行競(jìng)爭(zhēng)中具有優(yōu)勢(shì)。

2.2.3.2 訪問時(shí)長(zhǎng)。代表了用戶對(duì)“庠序”課程表的喜愛程度，停留時(shí)間越長(zhǎng)，表示“庠序”課程表對(duì)用戶得吸引力越大。

2.2.3.3 訪問頁面。訪問頁面數(shù)據(jù)是指小程序各個(gè)頁面的訪問人數(shù)，這個(gè)指標(biāo)中給出的數(shù)據(jù)包含的信息量非常大，通過分析能夠更加直觀感受到產(chǎn)生用戶粘性的是哪一個(gè)板塊，有針對(duì)性的對(duì)板塊進(jìn)行更新優(yōu)化，有利于保持用戶粘性，并且可以以此為宣傳，發(fā)展新用戶。

3 結(jié)論

當(dāng)前，高校課程表并未完全實(shí)現(xiàn)現(xiàn)代化、信息化，“庠序”課程表的構(gòu)建有助于彌補(bǔ)這一空白區(qū)。該應(yīng)用從實(shí)際出發(fā)，切實(shí)了解大學(xué)生及大學(xué)教師對(duì)課程表的需求，以課程查詢、學(xué)術(shù)報(bào)告會(huì)查詢、公選課查詢、校園活動(dòng)查詢?yōu)樗拇蠡A(chǔ)模塊，公益活動(dòng)、校園社區(qū)、兼職信息等為待補(bǔ)充模塊，涵蓋師生對(duì)校園信息的日常需要。同時(shí)，“庠序”課程表緊扣“好的大學(xué)沒有圍墻”的理念，充分利用高校課程資源，搭建信息庫(kù)，將信息進(jìn)行有效傳遞，讓班級(jí)之間、專業(yè)之間、學(xué)院之間、學(xué)校之間再無信息屏障。