差異處

這裏顯示兩個版本的差異處。

--- open:itroadmap [2023/07/15 21:55]
wenchin
+++ open:itroadmap [2024/09/22 19:48] (目前版本)
@@ 行 1: / 行 1: @@
 ====== IT Roadmap - 資訊技術應用 學習地圖 ======
-<text type="info">Last Updated @ 2023/07/15</text>
+<text type="info">Last Updated @ 2024/09/22</text>
@@ 行 261: / 行 261: @@
 \\
 ===== 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.
     * https://wfh.iii.org.tw/ -- 遠距上班軟體工具網站 by 財團法人資訊工業策進會
-  * Meeting
+  * @ Public Cloud
     * [[https://meet.google.com/ | Google Meet]]
     * [[https://www.microsoft.com/zh-tw/microsoft-teams/ | Microsoft Teams]]
@@ 行 475: / 行 476: @@
     * [[https://zoomnow.net/ | Zoom]]
     * [[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
     * Flash, ActionScript, Flex
+  * True Type Font (Free Fonts) [[https://www.storm.mg/lifestyle/4444444|1]]
+    * :?:
   * Icon Font
@@ 行 842: / 行 849: @@
       * [[https://modeling-languages.com/javascript-drawing-libraries-diagrams/|20+ JavaScript libraries to draw your own diagrams (2022 edition)]]
     * 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://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://www.draw2d.org/draw2d/ | Draw2D]]
-      * [[https://d3js.org/ | D3.js]] -- Data-Driven Documents
       * [[http://fabricjs.com/ | FabricJS]]
       * [[https://jsplumbtoolkit.com/ | JsPlum]]
@@ 行 1013: / 行 1021: @@
     * [[https://httpd.apache.org/|Apache httpd]]
     * [[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]]
@@ 行 1166: / 行 1174: @@
     * [[https://www.dbvis.com|DbVisualizer]]
     * [[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]]
@@ 行 1255: / 行 1263: @@
   * 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://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.alfresco.com/products/enterprise-content-management/community|Alfresco ECM - Alfresco Community Edition]]
@@ 行 1266: / 行 1274: @@
   * 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]]
     * Oracle WebCenter Portal
@@ 行 1465: / 行 1474: @@
         * 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://azure.microsoft.com/|Microsoft Azure]]
@@ 行 1472: / 行 1481: @@
     * [[https://www.openshift.com/|Red Hat OpenShift]] - PaaS, built on Docker and Kubernetes
     * [[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
@@ 行 1756: / 行 1772: @@
   * 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://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.
     * [[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]]
-  * 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.
-    * [[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://alexa.amazon.com/ | Amazon Alexa]]
+  * Others
+    * [[https://hoobs.com/ | HOOBS]]
@@ 行 2244: / 行 2281: @@
     * [[https://www.maptiler.com/|MapTiler]]
     * [[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
     * HERE
@@ 行 2347: / 行 2386: @@
   * Data Visualization
     * 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/@d3/gallery|Gallery / D3 / Observable]]
@@ 行 2493: / 行 2533: @@
   * 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/
 \\