[設計作品] 智慧電池平台

【如果覺得文章寫的好的話希望能按一下讚或分享喔】

image

我目前在團隊的定位主要是 UI 與前端工程師

團隊蠻常做軟硬整合的案子,前陣子工作的一個專案,跟電動車電池有關

主要是將電池的一些資訊擷取出來,呈現在平台上讓車主觀看


專案資訊

以下為專案資訊:

繪圖工具: Photoshop

UI 前端技術: JSP + JS + jQuery + jQuery UI + CSS + HTML 

後端技術:Java + MySQL

其他:Google Map API + jQuery flot plugin (畫 diagram 用)

 

我改了一個純前端 demo 的版本 (不需 Server),連結如下:

前端版本:http://design2u.me/SBMA/entrance.htm  (隨便帳號都可以登入)

系統擷圖:

 

登入頁:想要做的很科幻的感覺,因此放了一些都市、星星、雲端之類的元素

image

 

Dashboard:主要用 jQuery Flot + Google Map + Ajax 從 server 拉值回來

image

 

Diagram:主要用 jQuery flot 這套 (因為不用錢) ,但是免費的後果就是要客製化的東西狠多….吃了不少苦頭

image

image

 

Map:就 Google Map 啦,沒有很特別 XD

image

 

 

結論

認真來說,這是我當工程師的第一個完整專案

跟一些大師和前輩的作品還差的遠,但對我來說學到蠻多東西的

主要是更熟悉 jQuery 的用法,並且了解到一些瀏覽器的差異 ( IE suck..) ,也更能掌握 Ajax 使用的時機

另外就是與另一負責 Server 端技術的人相磨合,努力將程式碼的相依性降低,避免維護到同一支 code

UI 部份感覺也做的比以前專業一些 (現在看以前做的 UI 都覺得好醜)

 

還有很多要學的東西阿,哈

Keep walking !

Related Posts Plugin for WordPress, Blogger...
【如果覺得文章寫的好的話希望能按一下讚或分享喔】

彭其捷

想要做出很棒的產品,所以我寫程式,也研究介面 (UI) 與使用者經驗 (UX),並思考管理的法則。

【Profile】http://about.me/divaka

twitter facebookgooglepluslinkedinbloggertumblrflickryoutubedribbblerssemail


Fatal error: Uncaught Exception: 12: REST API is deprecated for versions v2.1 and higher (12) thrown in /home/content/63/7692663/html/blog/wp-content/plugins/seo-facebook-comments/facebook/base_facebook.php on line 1273