整體團隊介紹:
生態文明建設是永續發展的根本大計,生態興則文明興,生態衰則文明衰。作為林大信息學院學子,結合“知山知水,樹木樹人”的校訓,利用信息學院的專業優勢,以互聯網為媒介和載體,加強綠色生態文明建設的思想傳播,是我們本次暑期社會實踐的初衷。
網站概況:
本平臺共分三大模塊:生態文明建設政策宣傳模塊、生態文明建設案例科普模塊、用戶交互模塊。
在宣傳模塊,我們將參考國家生態環境部網站內容(https://www.mee.gov.cn/),宣傳生態治理,加大綠色生態宣傳力度。
在生態文明建設案例科普模塊,共三個子模塊,青山模塊、綠水模塊、自然模塊。在青山模塊,我們將展示綠化祖國的案例;在綠水模塊,我們將展示水文保護和水文風景的案例;在自然模塊,我們將展示瀕危海洋生物、珍稀物種。
用戶交互模塊實現一款網頁游戲,實現用戶海底漫游,用戶將化身一條小魚在海底世界遨游,本頁面設計的目的是讓用戶感受到海洋的美好,利用寓教于樂的方式對用戶進行科普教育。
風格上網站做到趣味性和藝術向以及科學性并存,增加網頁效果,讓閱讀者更輕松愉快地學習生態文明建設的偉大歷程。
開展情況
在開始正式的構建網頁前,小組學習vue等前端框架知識,準備為后續開發打基礎,同時我們的游戲交互頁面也需要學習unity引擎基礎和webgl等知識。準備構建項目前,我們舉行線上會議,把網站的框架以及每個成員的任務布置下去,為保障線上合作更加順利,我們選擇Github作為我們的代碼托管平臺,這樣小組每個人都可以看到目前網站的開發進展,當然線上合作也有一些小插曲,比如成員沒有按照規定的開發文檔建立文件夾等,我們也會及時開展會議糾正合作開發上的錯誤。在后續開發過程中,我們及時地開展線上會議交流開發進度以及對網頁內容的創意思路,最后我們完成了整個網站的構建。

實踐過程:
開發網頁游戲,利用Unity作為主體開發工具,之后再轉化為WebGL平臺,得以在瀏覽器展現更生動的游戲效果。案例科普和科普網頁運用Vue等框架開發。利用Github線上合作的過程中,我們可以隨時觀察、跟進伙伴的開發進度,提升效率。網站后端使用服務器+cdn,但是CDN效果并不好,網頁加載較慢(部分圖片分辨率高,游戲畫面效果較多),于是最后使用對象存儲,加快網頁加載速度。

Unity網頁游戲開發

開發科普網頁
成果展示:



首頁部分畫面



游戲頁面部分畫面

青山部分頁面



綠水部分頁面

自然部分頁面


政策宣傳頁面部分畫面
最后,歡迎訪問我們的網站:http://green.ibjfu.online/Nav/index.html