作者linzoie (~~~(╯▽╰)~~~)
看板Web_Design
標題[問題] 新手詢問網頁設計的工具使用建議
時間Thu Jul 6 17:15:53 2017
各位先進大神好
小弟任職為非網頁相關coding工作，對網頁全端技術有興趣但還只算是新手
老闆最近開出需求，希望小弟可以做出網頁給客戶
老闆也願意補助小弟去針對所需工具去學習
所以需要對整體架構評估規畫確認可行性
因此想詢問各位大神，建議使用哪些工具方便將底下條件呈現於網頁供使用者操作?
======
需求如下：
1.
在網頁A開啟後
讀取DataBase後，產生對應數量的各種類物件
滑鼠點擊物件後可將其中一物件拿起來
到特定區域後再點擊一次，就可以將東西放下
最後將所有被放置於特定區域的物件資料存回至DataBase供其他網頁讀取使用
(滑鼠操作的部分也可以使用壓住滑鼠左鍵拖曳的方式)
並且之後可以隨時回來此頁面，對物件於特定區域的位置點調整
2.
在網頁B中
舉例來說有一個20孔網路分享器跟5台電腦
開啟頁面後讀取DataBase，確定目前的接線狀況(也可能事都沒有接線)
然後如同國小課本連連看一樣，網路分享器的某一孔洞會連線對應至某一台電腦
滑鼠可以先點1號孔，然後點擊2號電腦，之後就會進行連線
或者用拖曳的方式也行
希望可以做到有簡易拉線動畫的呈現
最後再將結果存回DataBase，並且也可隨時回來進行修改接線情形
3.
開論壇社群討論區
4.
可支援手機瀏覽器進行瀏覽，並延伸建立專屬相對應的APP
也希望於手機可以做到上述第1點與第2點的手勢效果
======
目前初步規劃主要框架是 一般的PHP + HTML5 + MariaDB Server(MySQL)
動畫的部分原先考慮結合Flash呈現
但是因為Flash手機向性太差，所以再想有沒有其他方式可以處理
目前自行爬文Google，查到可能可以達成的相關Tool之Keyword可能有：
SVG
CSS3
java script
jQuery
D3.js
Canvas
Adobe Animate CC
但對於這些工具還不熟悉，也不確定能不能達成上述目的
希望大神們可以幫忙協助分析
謝謝，感激不盡...
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 211.20.131.88
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1499332556.A.778.html
※ 編輯: linzoie (211.20.131.88), 07/06/2017 17:21:20
※ 編輯: linzoie (211.20.131.88), 07/06/2017 17:23:22
1F：推 crossdunk: 還有後端語言，以及database ? 07/06 17:33
2F：推 crossdunk: 阿 你有提到php了，所以基本上你上面列的應該可以 07/06 18:02
3F：→ Sunal: 124若用網頁遊戲引擎應該就行 其實重點是在美術 07/06 20:39
4F：→ Qiqi: JavaScript不是java script喔，兩個差很多 07/07 09:34
5F：推 pm2001: JavaScript不是java script 那是甚麼? 07/07 09:42
6F：推 crossdunk: JAVASCRIPT 就是 JAVASCRIPT啊 07/07 11:11
7F：→ ssccg: JavaScript不是java script，但是兩個應該沒有差很多 07/07 11:26
8F：→ ssccg: JavaScript跟Java差很多，但是沒看過有人寫java script是指 07/07 11:26
9F：→ ssccg: 用Java寫的script，通常只是不知道正式名稱沒有空格 07/07 11:26
10F：推 pm2001: 甚麼是用java寫的script? 07/07 14:36
11F：推 yanli2: JavaScript!=Java Script 07/07 14:42
12F：推 newversion: My SQL, MySQL 07/07 16:47
13F：→ newversion: J a v a s c r i p t 07/07 16:48
14F：推 yanli2: iPhone!=IPhone ；白馬!=馬 07/07 19:03
16F：推 yanli2: 推樓上連結 實用 07/07 19:21
17F：推 pm2001: 所以,java甚麼時候可以跑不用編譯的script了? 07/07 22:53
18F：推 Neisseria: 用 Java 寫的 script 就是 Groovy 啊 (無誤) 07/08 10:17
19F：→ ssccg: 能不能跑是看有沒有interpreter，不是看語言啊 07/12 21:41
20F：→ ssccg: 如樓上所說直接把java當groovy可以跑啊 07/12 21:41
21F：推 hijkxyzuw: 呃，可以啊，所以你還想知道什麼嗎？ 07/18 20:37
22F：→ hijkxyzuw: 另外 canvas, jquery, d3 都是像 js 的庫的東西 07/18 20:38
23F：→ hijkxyzuw: css 和 svg 又是另一個坑， svg 和 canvas 是一樣的， 07/18 20:39
24F：→ hijkxyzuw: 選一個即可； adobe 的那個沒聽過。 07/18 20:40