2019年2月最新作品,由桃園市政府教育局及桃園市桃園區新埔國民小學委託Neil網站設計工坊進行本案的網站設計與英資成果模組開發工作。
使用程式:PHP7,jquery,javascript、Smarty,AJAX
使用框架:html5+bootstrap3+自行撰寫css3樣式
網站語系:繁體中文
最佳瀏覽:IE11, 相容瀏覽器: IE10、 Mozilla Firefox、Google
瀏覽器最佳解析度:1440px兼容1024*768包含以上
瀏覽相容:行動裝置/平板電腦/桌上型電腦
網站具有隨USER電腦解析度自動放大功能。
※網站首頁區塊採用創新工法使用區塊ID來綁定區塊CSS樣式設計(包含視差自動產生),這樣既使管理員調整的首頁區塊順序,區塊樣式也會跟者一起調整,另外製作了左,中下二個自訂區塊CSS樣式,管理員可以自行開啟所需的模組區塊,增加網站管理的自由靈活度。
※本站使用Neil區塊管理模組功能,將tad模組區塊樣板與程式獨立出來與tad模組是分離的,所以未來可以持續的更新模組而不會使首頁區塊設計介面被覆蓋掉,保持網站模組程式在最新的狀態。
※行動瀏覽佈景介面設計開發,採用與YAHOO,FB及MSN相同技術,以PHP後端判斷使用者是電腦或手機平版介面瀏覽後,切換佈景介面來符合使用者的瀏覽裝置,電腦版介面及內容配置可以跟手機版完全不同,但資料卻是相同的,便於維護及兼顧設計美觀,網站開啟速度也比RWD介面要快,更節省瀏覽器效能消耗。
※通過Google行動裝置相容性測試
桃園市國民中小學英語教學資源中心 http://tycenglish.spps.tyc.edu.tw/
英資網2.0升級項目-2020
※英資網系統升級項目如下:
1、匯出英資網資料,重新建立XAMPP伺服器到PHP7.39版
2、升級Xoops到2.5.10
3、升級tad模組到最新版,升級Neil佈景及模組到最新版。
4、升級英資模組PHP版本到7.3.11
5、資料儲存格式兼容10.4.8-MariaDB->SQL嚴格模式
6、英資網模組配置調整。
※佈景升級工作:
1、佈景區塊選單增加觀看群組權限功能
2、佈景樣板增加中英文標籤使用說明及範例
3、佈景CSS檔隨多語言模式自動切換。
4、中英文css樣式撰寫。
※多語言中英文切換功能升級工作
1、Neil模組修改,模組文字框增加htmlspecialchars批次轉換輸出功能。
2、開發語言標籤錯置無害化處理功能,無害化JAVA標籤錯置出錯問題。
3、中文化xlanguage模組。
4、開發幕後傳值多語言切換功能(幕後發送郵寄非前端AJAX觸發)
5、網站內容與區塊標題中英文語言建置
6、Neil模組英文語言包建置與翻譯。
總計升級工時60天完成。
初期工作內容內容包括:
A、全新客製化PSD模板設計(電腦 and 手機)。。
B、Xoops佈景設計/開發(電腦 and 手機)。
C、代客安裝XAMPP伺服器與建置.htaccess加入PHP.INI參數設定。
D、首頁區塊配置,JS動畫製作,分類雙層選單建置,新增TAD模組區塊程式開發與AJAX應用,區塊前後台AJAX應用,收納式jQuery搜尋區塊製作。
E、首頁區塊樣式採用JS視差設計,隨捲軸顯示區塊內容。
F、首頁區塊設計採綁定區塊ID工法,管理員可以行調整區塊順序與新增區塊。
G、配置Neil網站設計工坊針對本案新開發的Neil英資成果展示模組正式版。
Neil英資成果展示模組功能說明:->前往觀看
H、配置Neil網站設計工坊商用smtp郵件發信帳號一組。
I、代客安裝Xoops2.5.9主程式及配置所需之Xoops模組,Xoops模組程式開發與樣版修改調整,PHP-smarty與AJAX及CSS3應用。
J、Neodw後台管理系統建置,admin能透過後台更新網站中JS播放器圖片,新增與刪除網站按鈕,設定跑馬燈及區塊選單管理等功能。
K、支援手機、平板電腦與桌上型電腦瀏覽。
M、手機瀏覽介面開發製作,通過Google行動裝置瀏覽驗證工作。
N、IE11、IE10、Firefox、Google瀏覽器相容修正。
總計製作工時120天完成,網站目前正常運作中,歡迎大家前往參觀。