環景圖片展示系統
系統開發手札

資訊組長:陳俊源
目前版本:v2.0_20210406


開發緣由

  欲整理拍攝的環景照片,並做有系統地呈現!That's All.

撰文於2014.12.02(二)

版本演進(維護日誌)

【預計開發之功能

略。

【目前待解決問題

後端管理不論是「新增環景」或「編輯環景」,雖然有透過「上傳圖檔」按鈕,來刪除之前已上傳的圖片;但是這張被刪的已上傳圖片,卻無法再次上傳(除非跳離該頁面)。

注意!!】本系統是以「utf-8」編碼為主,因此強烈建議建置在Besed On「utf-8」編碼的作業系統中(如Linux系列。)

【V2.0】2021.04.06(二)

更換環景套件為「Pannellum」,該套件為WebGL的JS開源套件;主要功能如下:

01.可以在行動裝置上,以手指操作環景圖;包括移動、縮放等。

02.可以設定自動播放、自動旋轉環景圖片。

03.API有更多的參數可以再詳細設定。

Refences:

.Pannellum官網:https://pannellum.org/

.javascript360度環景套件-Pannellum:http://blog.wingzero.tw/2018/12/javascript-360-pannellum.html

【V1.0】2014.12.02(二)

系統開發完成,主要功能如下:

01.主選單可以彈性地規劃、命名。

02.建置並上傳環景圖片:限制JPG、PNG與GIF格式。

03.可以限制上傳檔案的容量大小。

04.可以計算圖片瀏覽人次(人氣)。

05.「環景排行榜框架」功能!

該功能可以將下列網頁,以「iframe」方式嵌到其他網頁內:

(1)panoNewest_LayerA:最新環景。

(2)panoHotest_LayerA:熱門環景。

[環景JS原始碼]

https://github.com/mahonnaise/cyclotron

【V0.0】2014.07.01(二)

開始有了本系統設計之發想,並決定著手予以規劃。