各位先进大神好
小弟任职为非网页相关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
但对于这些工具还不熟悉，也不确定能不能达成上述目的
希望大神们可以帮忙协助分析
谢谢，感激不尽...