作者linzoie (~~~(╯▽╰)~~~)
看板Programming
标题Fw: [问题] 新手询问网页设计的工具使用建议
时间Thu Jul 6 17:24:35 2017
※ [本文转录自 Web_Design 看板 #1PNV_CTu ]
作者: 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
※ 发信站: 批踢踢实业坊(ptt.cc)
※ 转录者: linzoie (211.20.131.88), 07/06/2017 17:24:35
1F:→ MOONRAKER: 你需要一个很强的js framework 218.161.46.90 07/06 23:02
2F:→ MOONRAKER: 然後最好请你老板死了这条心 218.161.46.90 07/06 23:03
3F:→ chung928: javascript 不是分开的两个字... 211.23.19.91 07/11 13:01
4F:→ NobleDino: 图形介面的行为上,Canvas应该是最直 49.214.210.242 10/24 18:20
5F:→ NobleDino: 接的 49.214.210.242 10/24 18:20