作者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/cn.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