| Table of Contents |
|---|
Key Points
- Variety of design tools for different needs
- Programmable Web concepts - integrate 3rd party open APIs
References
| Reference_description_with_linked_URLs_______________________ | Notes______________________________________________________________ |
|---|---|
drawing & diagram tools | |
| gd-drawings-folder | gd drawings folder ** |
https://app.diagrams.net/#G1rbB6ZcNg8-8lLpT3vIH4Ir-t0DpPdYyM | draw.io free account |
| Libre Office drawings | |
| Lucidchart subscriptions | |
| https://sequencediagram.org/ | free online quick simple sequence diagram generator using simple text inputs ** not EXACTLY mermaid compatible - well documented but not text generation capability |
| https://www.guru99.com/best-uml-tools.html | Guru99 list of diagram & modeling tools |
| https://medevel.com/open-source-uml-tools/ | EOS diagram & modeling tools list |
| Mermaid Live online mmd file editor for many diagram types | Mermaid Live online mmd file editor for many diagram types ** |
| https://mermaid-js.github.io/mermaid/#/sequenceDiagram | Mermaid home on github |
| https://plantuml.com/ | Plantuml - text-based UML diagramming tool ** |
| https://www.figma.com/files | Figma has free account for a FEW and 3 files only > templates, downloads for different diagrams, slides etc |
Wireframe design | |
| https://cliquestudios.com/free-wireframing-tools/ | Wireframes - Best free wireframe tools in 2019 |
| https://careerfoundry.com/en/blog/ux-design/free-wireframing-tools/ | Wireframes - The 9 Best Free Wireframe Tools for UX Designers for 2021 |
| https://mockitt.wondershare.com/wireframe/wireframe-tools-open-source.html | try Wondershare or ? |
db design tools | should forward, reverse engineer from model to db scripts should have ERD, schemas for SQL, NoSQL |
| https://www.guru99.com/data-modeling-tools-design-database.html | very good list ** |
| https://dbeaver.io/ | DBeaver - Community Edition |
| https://www.gleek.io/blog/data-modeling-tools.html | free trials |
| https://www.visual-paradigm.com/shop/vp.jsp?license=perpetual | visual paradigm toolset - different versions - all priced |
| https://app.diagrams.net/ | draw.io diagram tool can use gdrive ** |
| https://wisdomplexus.com/blogs/open-source-data-modeling-tools/ | Good list of open source design tools ** |
| https://www.dbdesigner.net/plans/ | low monthly cost |
| https://www.oracle.com/in/database/technologies/appdev/datamodeler.html | Oracle SQL Developer for data modeling |
CRUD generation tools | should define model objects / metadata w logical views over entities should generate full db, ORMs, MVC, frontends |
| Grails ** | |
| JHipster * | |
https://docs.feathersjs.com/guides/basics/starting.html#our-first-app | Feathers ** |
| https://www.findbestopensource.com/tagged/crud-generator | EOS CRUD generator list |
| https://github.com/jaxio/celerio-angular-quickstart | Java Angular CRUD generator from DB schema |
| https://awesomeopensource.com/projects/crud-generator | |
Containers | |
| Docker | |
| VirtualBox | |
Minikube is an open-source utility that makes it possible to run Kubernetes on a Windows, Mac or Linux laptop or desktop PC. uses Container or virtual machine manager, such as: Docker, Hyperkit, HyperV, KVM, Parallels, Podman, VirtualBox, or VMware Fusion/Workstation | |
| Data Services Tools | |
| Spark | |
https://kyligence.io/resources/apache-kylin-quick-start-guide/ https://cwiki.apache.org/confluence/display/KYLIN/User+Manual+4.X | Apache Kylin is an open source, distributed Analytical Data Warehouse for Big Data; multi-dimensional cube and precalculation technology on Hadoop and Spark integrate with your favorite BI tools like Tableau and PowerBI |
| https://aws.amazon.com/partners/saas-boost/ | AWS SaaS Boost is an EOS tool used by ISVs to migrate their existing software to a Software-as-a-Service delivery model. |
| Delta lake is an open-source project that enables building a Lakehouse Architecture | |
| https://grafana.com/ | Grafana allows you to query, visualize, alert on and understand your metrics no matter where they are stored limited runtime for EOS license |
| Nrwl Nx is an EOS toolkit and framework for building, testing and scaling enterprise-grade Angular applications | |
BI design tools | should support visualization, creation of shared data sets, transformations, parms generate data frame or workbook for user to run analytics, what ifs |
| BIRT | |
| https://www.predictiveanalyticstoday.com/open-source-free-business- intelligence-solutions/ | |
| https://logz.io/blog/business-intelligence-tools/ | |
| https://www.ubuntupit.com/best-open-source-bi-tools-and-software/ | |
ML Tools | |
Tensorflow end-to-end open source machine learning platform The core open source library to help you develop and train ML models. Get started quickly by running Colab notebooks directly in your browser. | |
API design tools | should define entity physical, logical models, messages ( request, response ) |
| https://openapi.tools/ | very good open tools list ** |
| https://github.com/Rhosys/openapi-explorer/blob/main/README.md | OpenAPI explorer reads messages, generators API doc ** |
| https://github.com/OpenAPITools/openapi-generator | OpenAPI Generator * |
| https://gum.co/openapi_generator_ebook | Beginners Guide to Code generation for openapi |
| https://redocly.github.io/redoc/#section/Authentication | Petstore app generated as an openapi specs w React Html - supports features |
| https://techbeacon.com/app-dev-testing/8-open-source-tools-will-lift-your-api-game | good list of some of the same tools in the openapi/tools list |
UI Toolsets | |
| Nrwl Nx is an EOS toolkit and framework for building, testing and scaling enterprise-grade Angular applications | |
ETL tools | define producers, consumers, transformers |
Process Design Tools | define jepls with producers, consumers, objects, methods, data, events, handlers |
| https://www.archimatetool.com/ | TOGAF Archimate toolset ** |
Message Design Tools | |
| CMS tools | |
| xwiki | |
| jspwiki | |
| liferay | |
| drupal | |
| wordpress | |
| confluence | |
| ERP open source | |
| https://opensource.com/tools/enterprise-resource-planning | |
| https://dynamics.folio3.com/blog/open-source-enterprise-resource-planning- software/#Odoo | |
Programmable Web concepts - integrate 3rd party open APIs | |
| https://www.programmableweb.com/category/all/apis | |
| icons | |
| https://www.flaticon.com/free-icons/library | free icon library ** subscribed |
| Art tools | |
| https://makeameme.org/ | create and use great memes |
| m Grails | Grails 4x - simple application modeling |
Key Concepts
URL Tools
https://zapier.com/blog/best-url-shorteners/
The 7 best URL shortener services
Bitly for the best all-around URL shortener
Rebrandly for an alternative to Bitly
Dub for a modern URL shortener
TinyURL for free, fast, and anonymous short URLs
BL.INK for business owners
URL Shortener by Zapier for automatically creating short links
Short.io for a great free plan
https://zapier.com/blog/best-url-shorteners/#tinyurl
Meme Tools
jm9g
D01x#yn
11
key images to build test meme from ...
Dr Evil
https://screenrant.com/austin-powers-best-funniest-dr-evil-quotes/
Lawrence Fishburne - Morpheus - The Matrix - What if I told you
What if I told you ... trust fuels the crypto world .. and we're low
Bill Lumbergh - Office Space - .. that would be great
https://comicbookandbeyond.com/bill-lumbergh-quotes/
“Hello Peter, what’s happening? Listen, are you gonna have those TPS reports for us this afternoon?”
“Oh, oh, and I almost forgot. Ahh, I’m also gonna need you to go ahead and come in on Sunday, too…”
“Milt, we’re gonna need to go ahead and move you downstairs into storage
MILTON FROM OFFICE SPACE - skeptic
And I said, I don't care if they lay me off either, because I told, I told Bill that if they move my desk one more time, then, then I'm, I'm quitting, I'm going to quit.
if they take my stapler.. I'll set the building on fire - enough is enough
SCHRUTE FACTS (DWIGHT SCHRUTE FROM THE OFFICE)
https://parade.com/1196529/alexandra-hurtado/dwight-schrute-quotes/
“There’s too many people on this earth. We need a new plague.”
“I signed up for Second Life about a year ago. Back then, my life was so great that I literally wanted a second one. Absolutely everything was the same. Except I could fly.”
“You know, I really would’ve appreciated a heads up that you were into dating mothers. I would’ve introduced you to mine.”
“Blink once if you want me to pull the plug.”
“I am better than you have ever been or ever will be.”
“I wonder if king-sized sheets are called presidential-sized in England.”
“I am ready to face any challenges that might be foolish enough to face me.”
Greta Thunberg - environmentalist - "Really? I didn't now that"
Free UX Design Tools to Review
...
-------------------------
#architecture.model
#solution.process
#architecture.practice
after factur3FACTUR3DT.io >
invoicing context > use cases > actors > services > inputs > process > decisions > actions > events > outcomes > variances
( jepl )
...
tnt > service interfaces > models > db schema
map to xuc epics > stories
map to features - functional, non-functional
map to research on features, services, pain points, issues
map to surveys - how now, factur3FACTUR3DT.io, feelings: value, change
...
a>> market definitions, segments, communities
a>> segment current and competitive solutions: factur3FACTUR3DT.io
a>> market segment requirements
a>> actors & roles list
a>> use cases list
a>> features list
a>> serviceMgrs list
a>> service processes: jepl
a>> time to value roadmap
a>> related master data
a>> related app interfaces
a>> related documents
a>> logical ERD
...
Potential Challenges
Candidate Solutions
Design Tools
vscode design tools - mermaid, plantuml
Online Sequence Diagram Tool - limited value
cbdc example file -
"diag-OpenCBDC Mint operation w Atomizer.txt"
https://drive.google.com/file/d/1CJC5A1JAHXhR_BHGqdkBx43P5pH9KWJH/view?usp=sharing
HTML color code builder
Notes
- Good, simple manual - quick to learn -
- Close but not Mermaid compatible syntax
- no text generation as metadata for runtime doc
- diagrams need to be defined and viewed ONLY in the online tool
- no IDE editors - online edit and view only
Sample Dvp Token Swap using Hash Timelock Contract Model
| Code Block | ||||||
|---|---|---|---|---|---|---|
| ||||||
title DvP Token Swap: Hash Time Lock Contract Model
actor "Seller\nBank" as Seller #DCE4B3
database "Seller\nLedger" as SLedger #fcdcd4
database "Buyer\nLedger" as BLedger #E6E0B7
actor "Buyer\nBank" as Buyer #B7E6E2
bottomparticipants
actor Seller
database SLedger
database BLedger
actor Buyer
note over SLedger,BLedger #lightblue:Seller sells 10 IBM share tokens\n to Buyer for 100 USD tokens
note over SLedger,BLedger #lightgreen:If settlement time exceeds time limit\n assets are retained by original parties
Seller->Seller:Seller creates secret\nand it's hash
aboxright over Seller, Buyer #DCE4B3:Seller creates shares order for buyer\nif buyer uses secret
Buyer<-Buyer:Buyer verifies seller\n shares order
aboxleft over Buyer, Seller #B7E6E2:Buyer creates a payment order to seller\n if the seller provides the same secret
Seller->Seller:Seller accesses payment\n order using the secret
aboxright over Seller, Buyer #DCE4B3:Seller signs a new payment\n receipt to access the funds
Buyer->Buyer:Buyer accesses payment \nreceipt secret
aboxleft over Buyer, Seller #B7E6E2:Buyer signs a new shares receipt\n to access the shares
|
Mermaid diagrams
https://ruleoftech.com/2018/generating-documentation-as-code-with-mermaid-and-plantuml
https://www.cloudhadoop.com/mermaidjs-tutorial/
VSCode Mermaid Editor plugins
Markdown Preview Enhanced
https://shd101wyy.github.io/markdown-preview-enhanced/#/file-imports?id=supported-file-types
Mermaid Editor
https://marketplace.visualstudio.com/items?itemName=tomoyukim.vscode-mermaid-editor
Themes available for the online editor
Available Themes
default - This is the default theme for all diagrams.
neutral - This theme is great for black and white documents that will be printed.
dark - This theme goes well with dark-colored elements or dark-mode.
forest - This theme contains shades of green.
base - This is the only theme that can be modified. Use this theme as the base for customizations.
Customize diagram with %%init%% directive
https://mermaid.js.org/config/setup/interfaces/mermaid.Mermaid.html#init
Plantuml Diagrams
plantuml online
http://www.plantuml.com/plantuml/uml/SyfFKj2rKt3CoKnELR1Io4ZDoSa70000
plantuml in vscode
https://www.youtube.com/watch?v=xkwJ9GwgZJU
https://mermaid-js.github.io/mermaid/#/
Plantuml examples
Plantuml for C4 Tiers and Layers Diagrams Tutorial
https://www.alibabacloud.com/blog/597426
PlantUML_Language_Reference_Guide.pdf file
plantuml-tutorial-2022-alibabacloud.com-Architecture Drawing Tools and Methodology.pdf file
Free Online Color Picker Converter
https://redketchup.io/color-picker
pick a color to get HEX, RGB values
use HEX or RGB values to see color
Fed Data Downloads
https://www.federalreserve.gov/datadownload/Choose.aspx?rel=H10
Programmable Web API Directory
https://www.programmableweb.com/category/all/apis
Step-by-step guide for Example
...