差異處
這裏顯示兩個版本的差異處。
Both sides previous revision 前次修改 下次修改 | 前次修改 | ||
open:itroadmap [2023/07/15 21:55] 127.0.0.1 外部編輯 |
open:itroadmap [2024/09/22 19:48] (目前版本) |
||
---|---|---|---|
行 1: | 行 1: | ||
====== IT Roadmap - 資訊技術應用 學習地圖 ====== | ====== IT Roadmap - 資訊技術應用 學習地圖 ====== | ||
- | <text type="info">Last Updated @ 2023/04/04</text> | + | <text type="info">Last Updated @ 2024/09/22</text> |
行 261: | 行 261: | ||
\\ | \\ | ||
===== UI / UX Design Tool ===== | ===== UI / UX Design Tool ===== | ||
- | * :?: | + | * [[https://www.layoutit.com/ | LayoutIt!]] -- Interface Builder for CSS Grid and Bootstrap |
+ | * [[https://m3.material.io/ | Material Design]] -- an adaptable system of guidelines, components, and tools that support the best practices of user interface design. | ||
行 464: | 行 465: | ||
\\ | \\ | ||
- | ===== Remote Work Tool ===== | + | ===== Remote Work/Chat/Meet Tool ===== |
* Ref. | * Ref. | ||
* https://wfh.iii.org.tw/ -- 遠距上班軟體工具網站 by 財團法人資訊工業策進會 | * https://wfh.iii.org.tw/ -- 遠距上班軟體工具網站 by 財團法人資訊工業策進會 | ||
- | * Meeting | + | * @ Public Cloud |
* [[https://meet.google.com/ | Google Meet]] | * [[https://meet.google.com/ | Google Meet]] | ||
* [[https://www.microsoft.com/zh-tw/microsoft-teams/ | Microsoft Teams]] | * [[https://www.microsoft.com/zh-tw/microsoft-teams/ | Microsoft Teams]] | ||
行 475: | 行 476: | ||
* [[https://zoomnow.net/ | Zoom]] | * [[https://zoomnow.net/ | Zoom]] | ||
* [[https://u.cyberlink.com/ | U 會議]] by 訊連科技 CyberLink | * [[https://u.cyberlink.com/ | U 會議]] by 訊連科技 CyberLink | ||
+ | |||
+ | * @ Self Hosted | ||
+ | * [[https://owncast.online/ | OwnCast]] -- a free and open source live video and web chat server for use with existing popular broadcasting software. | ||
行 738: | 行 742: | ||
* Canvas | * Canvas | ||
* Flash, ActionScript, Flex | * Flash, ActionScript, Flex | ||
+ | |||
+ | * True Type Font (Free Fonts) [[https://www.storm.mg/lifestyle/4444444|1]] | ||
+ | * :?: | ||
* Icon Font | * Icon Font | ||
行 842: | 行 849: | ||
* [[https://modeling-languages.com/javascript-drawing-libraries-diagrams/|20+ JavaScript libraries to draw your own diagrams (2022 edition)]] | * [[https://modeling-languages.com/javascript-drawing-libraries-diagrams/|20+ JavaScript libraries to draw your own diagrams (2022 edition)]] | ||
* Open Source | * Open Source | ||
+ | * [[https://www.chartjs.org | Chart.js]] -- Simple yet flexible JavaScript charting library for the modern web | ||
+ | * [[https://d3js.org/ | D3.js]] -- Data-Driven Documents | ||
* [[https://google-developers.appspot.com/chart/|Google Charts]], [[http://flowchart.js.org/|FlowChart.js]], [[http://www.cubesviewer.com/|CubesViewer]], [[https://www.jointjs.com/opensource|JointJS]], [[http://knsv.github.io/mermaid/|Mermaid]]、[[https://bramp.github.io/js-sequence-diagrams/|js-sequence-diagrams]] | * [[https://google-developers.appspot.com/chart/|Google Charts]], [[http://flowchart.js.org/|FlowChart.js]], [[http://www.cubesviewer.com/|CubesViewer]], [[https://www.jointjs.com/opensource|JointJS]], [[http://knsv.github.io/mermaid/|Mermaid]]、[[https://bramp.github.io/js-sequence-diagrams/|js-sequence-diagrams]] | ||
- | * [[https://www.chartjs.org|Chart.js]], [[https://plot.ly/javascript/|Plotly.js]] | + | * [[https://plot.ly/javascript/|Plotly.js]] |
* [[http://js.cytoscape.org/|Cytoscape.js]] (2.7.16), [[http://dmitrybaranovskiy.github.io/raphael/|Raphaël]], [[http://processingjs.org/|Processing.js]], [[http://paperjs.org/|PaperJS]] | * [[http://js.cytoscape.org/|Cytoscape.js]] (2.7.16), [[http://dmitrybaranovskiy.github.io/raphael/|Raphaël]], [[http://processingjs.org/|Processing.js]], [[http://paperjs.org/|PaperJS]] | ||
* [[http://www.draw2d.org/draw2d/ | Draw2D]] | * [[http://www.draw2d.org/draw2d/ | Draw2D]] | ||
- | * [[https://d3js.org/ | D3.js]] -- Data-Driven Documents | ||
* [[http://fabricjs.com/ | FabricJS]] | * [[http://fabricjs.com/ | FabricJS]] | ||
* [[https://jsplumbtoolkit.com/ | JsPlum]] | * [[https://jsplumbtoolkit.com/ | JsPlum]] | ||
行 1013: | 行 1021: | ||
* [[https://httpd.apache.org/|Apache httpd]] | * [[https://httpd.apache.org/|Apache httpd]] | ||
* [[http://www.iis.net/|Microsoft IIS]] (Internet Information Services) | * [[http://www.iis.net/|Microsoft IIS]] (Internet Information Services) | ||
- | * [[http://nginx.org/|NginX 1.12]] | + | * [[https://www.nginx.org/|NGINX]] |
* [[https://www.litespeedtech.com/products/litespeed-web-server | LiteSpeed Web Server]] | * [[https://www.litespeedtech.com/products/litespeed-web-server | LiteSpeed Web Server]] | ||
行 1166: | 行 1174: | ||
* [[https://www.dbvis.com|DbVisualizer]] | * [[https://www.dbvis.com|DbVisualizer]] | ||
* [[http://www.squirrelsql.org/|SQuirreL SQL Client]] | * [[http://www.squirrelsql.org/|SQuirreL SQL Client]] | ||
- | * [[https://www.navicat.com/|Navicat]] | + | * [[https://www.navicat.com/|Navicat]] (for SQL, Redis, MongoDB, ...) |
* [[https://robomongo.org/|RoboMongo]] | * [[https://robomongo.org/|RoboMongo]] | ||
行 1255: | 行 1263: | ||
* Open Source | * Open Source | ||
- | * [[http://www.opencms.org/|OpenCms]] 10.5 @java - a professional, easy to use website content management system. | + | * [[https://wordpress.org/|WordPress]] @php - web software you can use to create a beautiful website, blog, or app. |
+ | * [[https://www.joomla.org/|Joomla!]] @php - an award-winning content management system (CMS), which enables you to build Web sites and powerful online applications. | ||
+ | * [[https://www.drupal.org/|Drupal]] @php - content management platform | ||
+ | * [[http://www.opencms.org/|OpenCms]] @java - a professional, easy to use website content management system. | ||
* [[https://www.apereo.org/projects/uportal|uPortal]] @java, by Apereo (formerly Jasig) - enterprise portal framework built by and for the higher education community | * [[https://www.apereo.org/projects/uportal|uPortal]] @java, by Apereo (formerly Jasig) - enterprise portal framework built by and for the higher education community | ||
- | * [[https://plone.org/|Plone CMS]] 5.0 @python - A powerful, flexible Content Management Solution that is easy to install, use and extend. | + | * [[https://plone.org/|Plone CMS]] @python - A powerful, flexible Content Management Solution that is easy to install, use and extend. |
- | * [[https://wordpress.org/|WordPress]] 4.6 @php - web software you can use to create a beautiful website, blog, or app. | + | |
- | * [[https://www.drupal.org/|Drupal]] 8 @php - content management platform | + | |
- | * [[https://www.joomla.org/|Joomla!]] 3.6 @php - an award-winning content management system (CMS), which enables you to build Web sites and powerful online applications. | + | |
* [[https://www.openkm.com/|OpenKM Community]] @java - Document Management System | * [[https://www.openkm.com/|OpenKM Community]] @java - Document Management System | ||
* [[https://www.alfresco.com/products/enterprise-content-management/community|Alfresco ECM - Alfresco Community Edition]] | * [[https://www.alfresco.com/products/enterprise-content-management/community|Alfresco ECM - Alfresco Community Edition]] | ||
行 1266: | 行 1274: | ||
* Commercial Product | * Commercial Product | ||
+ | * [[https://business.adobe.com/tw/products/magento/magento-commerce.html | Adobe Magento]] | ||
* [[http://www.ibm.com/analytics/us/en/technology/enterprise-content-management/|IBM Enterprise Content Management]] | * [[http://www.ibm.com/analytics/us/en/technology/enterprise-content-management/|IBM Enterprise Content Management]] | ||
* Oracle WebCenter Portal | * Oracle WebCenter Portal | ||
行 1465: | 行 1474: | ||
* Multicloud | * Multicloud | ||
- | * Public Cloud platform | + | * Public Cloud platform [[https://www.hostingadvice.com/how-to/best-ubuntu-hosting-services/|1]]、[[https://en.wikipedia.org/wiki/Cloud-computing_comparison|2]] |
* [[https://cloud.google.com/|GCP (Google Cloud Platform)]] | * [[https://cloud.google.com/|GCP (Google Cloud Platform)]] | ||
* [[https://azure.microsoft.com/|Microsoft Azure]] | * [[https://azure.microsoft.com/|Microsoft Azure]] | ||
行 1472: | 行 1481: | ||
* [[https://www.openshift.com/|Red Hat OpenShift]] - PaaS, built on Docker and Kubernetes | * [[https://www.openshift.com/|Red Hat OpenShift]] - PaaS, built on Docker and Kubernetes | ||
* [[https://cloud.oracle.com/|Oracle Cloud Computing]] | * [[https://cloud.oracle.com/|Oracle Cloud Computing]] | ||
- | * [[https://www.digitalocean.com/|DigitalOcean]] | + | * [[https://www.kamatera.com/ | Kamatera]] -- [[https://www.kamatera.com/pricing/ | Pricing]] :!: |
- | * [[https://www.cloudbric.com/pricing/|Cloudbric]] (4GB Free) | + | * [[https://www.digitalocean.com/ | DigitalOcean]] -- [[https://www.digitalocean.com/pricing | Pricing]] |
+ | * [[https://www.hostinger.com/ | Hostinger]] | ||
+ | * [[https://www.interserver.net/vps/ | InterServer]] -- [[https://www.interserver.net/vps/ | Pricing]] | ||
+ | * [[https://www.cloudbric.com/ | CloudBric]] | ||
+ | * [[https://www.a2hosting.com/ | A2 Hosting]] -- [[https://www.a2hosting.com/vps-hosting/ | Pricing]] | ||
+ | * [[https://www.godaddy.com/ | GoDaddy]] -- | ||
+ | * [[https://www.hostgator.com/ | HostGator]] | ||
* Serverless | * Serverless | ||
行 1756: | 行 1772: | ||
* EDA (Electronic Design Automation) | * EDA (Electronic Design Automation) | ||
* [[https://kicad-pcb.org/|KiCad EDA]] -- a free software suite for electronic design automation (EDA). It facilitates the design of schematics for electronic circuits and their conversion to PCB designs. | * [[https://kicad-pcb.org/|KiCad EDA]] -- a free software suite for electronic design automation (EDA). It facilitates the design of schematics for electronic circuits and their conversion to PCB designs. | ||
+ | |||
+ | * [[https://en.wikipedia.org/wiki/USB | USB (Universal Serial Bus)]] | ||
+ | * Ref: [[https://www.sct.com.tw/zh-tw-articles/usb-c-introduction-everything-you-need-to-know | 1]]((Type C 除了充電還有哪些規格?筆電也通?充電/影音/頻寬各項應用解析))、[[https://shopee.tw/product/6818608/18741451735 | 2]]((FIBBR USB-C5 USB 3.1 Gen1 Type C to Type C 光纖數據線 5m)) | ||
行 2168: | 行 2187: | ||
* [[http://freeboard.io/|freeboard.io]] -- Visualize the Internet of Things. Ridiculously simple dashboards for your devices. | * [[http://freeboard.io/|freeboard.io]] -- Visualize the Internet of Things. Ridiculously simple dashboards for your devices. | ||
* [[https://github.com/Freeboard/freeboard|freeboard]] -- GitHub Source | * [[https://github.com/Freeboard/freeboard|freeboard]] -- GitHub Source | ||
+ | |||
+ | |||
+ | \\ | ||
+ | ==== 🔹 Messaging / Message Queue / Broker ==== | ||
+ | * [[https://kafka.apache.org/ | Apache Kafka]] | ||
+ | * [[https://activemq.apache.org/ | Apache ActiveMQ]] | ||
+ | * [[https://www.rabbitmq.com/ | RabbitMQ]] | ||
+ | * IBM MQ | ||
+ | * Amazon SQS | ||
+ | * Zookeeper | ||
+ | * Mosquitto | ||
+ | * [[https://redis.io/ | Redis]] | ||
+ | |||
\\ | \\ | ||
行 2190: | 行 2222: | ||
* [[https://csa-iot.org/all-solutions/matter/ | Matter]] [[https://en.wikipedia.org/wiki/Matter_(standard) | 1]], [[https://www.androidpolice.com/matter-smart-home-standard-explained/ | 2]] | * [[https://csa-iot.org/all-solutions/matter/ | Matter]] [[https://en.wikipedia.org/wiki/Matter_(standard) | 1]], [[https://www.androidpolice.com/matter-smart-home-standard-explained/ | 2]] | ||
- | * Open Source | + | * Open Source / On-Premise |
- | * [[https://www.openhab.org/|openHAB]] (Open Home Automation Bus) -- an technology agnostic home automation platform which runs as the center of your smart home! | + | |
* [[https://www.home-assistant.io/|Home Assistant]] ([[https://github.com/home-assistant|GitHub]])-- home automation that puts local control and privacy first. Powered by a worldwide community of tinkerers and DIY enthusiasts. Perfect to run on a Raspberry Pi or a local server. | * [[https://www.home-assistant.io/|Home Assistant]] ([[https://github.com/home-assistant|GitHub]])-- home automation that puts local control and privacy first. Powered by a worldwide community of tinkerers and DIY enthusiasts. Perfect to run on a Raspberry Pi or a local server. | ||
- | * [[http://www.domoticz.com/ | Domoticz]] -- a very light weight home automation system that lets you monitor and configure miscellaneous devices. | + | * [[https://www.openhab.org/|openHAB]] (Open Home Automation Bus) -- an technology agnostic home automation platform which runs as the center of your smart home! |
- | * Commercial | + | * [[https://www.domoticz.com/ | Domoticz]] -- a very light weight home automation system that lets you monitor and configure miscellaneous devices. |
- | * [[https://assistant.google.com/ | Google Assistant]] | + | |
+ | * Commercial / Cloud | ||
+ | * [[https://assistant.google.com/ | Google Home]] | ||
* [[https://www.apple.com/ios/home/ | Apple HomeKit]] | * [[https://www.apple.com/ios/home/ | Apple HomeKit]] | ||
+ | * [[https://alexa.amazon.com/ | Amazon Alexa]] | ||
+ | |||
+ | * Others | ||
+ | * [[https://hoobs.com/ | HOOBS]] | ||
行 2244: | 行 2281: | ||
* [[https://www.maptiler.com/|MapTiler]] | * [[https://www.maptiler.com/|MapTiler]] | ||
* [[https://www.mapbox.com/|MapBox]] | * [[https://www.mapbox.com/|MapBox]] | ||
+ | * [[https://locationiq.com/maps | LocationIQ]] -- [[https://maps.locationiq.com/#13.7/25.05422/121.56165 | @Taipei]] | ||
+ | * [[https://docs.carto.com/carto-user-manual/maps | CARTO]] | ||
* TomTom | * TomTom | ||
* HERE | * HERE | ||
行 2347: | 行 2386: | ||
* Data Visualization | * Data Visualization | ||
* JavaScript | * JavaScript | ||
- | * [[https://d3js.org/|D3.js]] -- based on data manipulation documentation. D3 combines powerful visualization components with data-driven DOM manipulation methods. | + | * [[https://www.chartjs.org | Chart.js]] -- Simple yet flexible JavaScript charting library for the modern web |
+ | * [[https://d3js.org/ | D3.js]] -- Data-Driven Documents based on data manipulation documentation. D3 combines powerful visualization components with data-driven DOM manipulation methods. | ||
* [[https://observablehq.com/|Observable]] -- the magic notebook for exploring data and thinking with code. | * [[https://observablehq.com/|Observable]] -- the magic notebook for exploring data and thinking with code. | ||
* [[https://observablehq.com/@d3/gallery|Gallery / D3 / Observable]] | * [[https://observablehq.com/@d3/gallery|Gallery / D3 / Observable]] | ||
行 2493: | 行 2533: | ||
* LIBSVM | * LIBSVM | ||
+ | * JavaScript Library | ||
+ | * P5.js ~ a friendly tool for learning to code and make art. | ||
+ | * https://p5js.org/ | ||
+ | * https://editor.p5js.org/ | ||
+ | * ML5.js ~ Friendly Machine Learning for the Web | ||
+ | * https://ml5js.org/ | ||
\\ | \\ |