Table of Contents |
---|
Key Points
- Variety of design tools for different needs
- Programmable Web concepts - integrate 3rd party open APIs
References
...
drawing tools
...
https://app.diagrams.net/#G1rbB6ZcNg8-8lLpT3vIH4Ir-t0DpPdYyM
...
Wireframe design
...
db design tools
...
should forward, reverse engineer from model to db scripts
should have ERD, schemas for SQL, NoSQL
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/databest-modelinguml-tools-design-database.html | very good list **Guru99 list of diagram & modeling tools | ||||||||||
https://dbeaver.io/DBeaver - Community Editionmedevel.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://wwwmermaid-js.gleekgithub.io/blog/data-modeling-tools.htmlfree trialsmermaid/#/sequenceDiagram | Mermaid home on github | ||||||||||
https://www.visual-paradigmplantuml.com/shop/vp.jsp?license=perpetual | visual paradigm toolset - different versions - all priced | https://app.diagrams.net/ | draw.io diagram tool can use gdrive ** | Plantuml - text-based UML diagramming tool ** | |||||||
https://wisdomplexuswww.figma.com/blogs/open-source-data-modeling-tools/Good list of open source design tools **files | Figma has free account for a FEW and 3 files only > templates, downloads for different diagrams, slides etc | ||||||||||
Wireframe design | |||||||||||
https://wwwcliquestudios.dbdesigner.net/plans/low monthly costcom/free-wireframing-tools/ | Wireframes - Best free wireframe tools in 2019 | ||||||||||
https://www.oraclecareerfoundry.com/inen/databaseblog/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 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://wwwdbeaver.jhipster.tech/io/ | DBeaver - Community Edition | ||||||||||
https://githubwww.comgleek.io/jhipsterblog/generator-jhipsterJHipster *data-modeling-tools.html | free trials | ||||||||||
https://feathersjswww.visual-paradigm.com/shop/vp.jsp?license=perpetual | visual paradigm toolset - different versions - all priced | ||||||||||
https://docsapp.feathersjsdiagrams.com/guides/basics/starting.html#our-first-appFeathers net/ | draw.io diagram tool can use gdrive ** | ||||||||||
https://wwwwisdomplexus.findbestopensource.com/tagged/crud-generatorEOS CRUD generator listblogs/open-source-data-modeling-tools/ | Good list of open source design tools ** | ||||||||||
https://githubwww.dbdesigner.comnet/jaxioplans/celerio-angular-quickstartJava Angular CRUD generator from DB schema | low monthly cost | ||||||||||
https://awesomeopensourcewww.oracle.com/projects/crud-generator | Containers | Docker | VirtualBox | https://github.com/kubernetes/minikubein/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 | ||||||||||
Spark | 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 | Grails ** | ||||||||
JHipster * | |||||||||||
https://kylinfeathersjs.apache.orgcom/ https://kyligence.io/resources/apache-kylin-quick-start-guide/docs.feathersjs.com/guides/basics/starting.html#our-first-app | Feathers ** | ||||||||||
https://cwikiwww.apachefindbestopensource.orgcom/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 PowerBItagged/crud-generator | EOS CRUD generator list | ||||||||||
https://awsgithub.amazon.com/partnersjaxio/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.celerio-angular-quickstart | Java Angular CRUD generator from DB schema | ||||||||||
https://awesomeopensource.com/projects/crud-generator | |||||||||||
Containers | |||||||||||
Docker | |||||||||||
VirtualBox | |||||||||||
https://deltagithub.iocom/kubernetes/minikube https://docsminikube.sigs.deltak8s.io/latestdocs/quick-start.html/ | Delta lake Minikube is an open-source project that enables building a Lakehouse Architectureutility 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 | |||||||||||
grafanacom/ | 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 | https://github.com/nrwl/nxorg/ 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/nrwlRhosys/nx-examples | 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 | ||||||||||
openapi-explorer/blob/main/README.md | OpenAPI explorer reads messages, generators API doc ** | ||||||||||
https://wwwgithub.archimatetool.com/ | TOGAF Archimate toolset ** | Message Design Tools | CMS tools | xwiki | jspwiki | liferay | drupal | wordpress | ERP open source | https://opensource.com/tools/enterprise-resource-planningOpenAPITools/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://dynamics.folio3techbeacon.com/blog/app-dev-testing/8-open-source-tools-will-enterpriselift-resourceyour-planningapi- software/#OdooProgrammable Web concepts - integrate 3rd party open APIsgame | good list of some of the same tools in the openapi/tools list | ||||||||||
UI Toolsets | |||||||||||
www.programmablewebcategory/all/apisiconswwwflaticon.free-icons/library | free icon library ** subscribed | ||||||||||
m Grails | Grails 4x - simple application modeling |
Key Concepts
Free UX Design Tools to Review
- Figma Clique favorite
- InVision Clique favorite
- Draw.io
- Pencil Project
- Wireframe.CC
- MockFlow
- Jumpchart
- Framebox
- Mydraft.CC
- Wirefy
Design Process Concepts
...
after factur3.io >
invoicing context > use cases > actors > services > inputs > process > decisions > actions > events > outcomes > variances
( jepl )
openerp, opentrade, openbank, opentradefinance
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, factur3.io, feelings: value, change
...
a>> market definitions, segments, communities
a>> segment current and competitive solutions: factur3.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
#non-functional requirements
dimensions
architecture
onboarding
education
consulting
security
scale
integration
reusability
quality management
operations RAS
maintenance
support
configuration management
policy management
process management
event management
customization
change management
community building
compliance with stds, regs
cilent product kbase
client success management
client usage kbase rewards
promotion
#Solution themes
#themes
...
Potential Value Opportunities
Potential Challenges
...
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
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
- Figma Clique favorite
- InVision Clique favorite
- Draw.io
- Pencil Project
- Wireframe.CC
- MockFlow
- Jumpchart
- Framebox
- Mydraft.CC
- Wirefy
Design Process Concepts
-------------------------
#architecture.model
#solution.process
#architecture.practice
after FACTUR3DT.io >
invoicing context > use cases > actors > services > inputs > process > decisions > actions > events > outcomes > variances
( jepl )
openerp, opentrade, openbank, opentradefinance
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, FACTUR3DT.io, feelings: value, change
actors > roles > use cases > features
> serviceMgrs > processes > events
a>> market definitions, segments, communities
a>> segment current and competitive solutions: FACTUR3DT.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
#non-functional requirements
dimensions
architecture
onboarding
education
consulting
security
scale
integration
reusability
quality management
operations RAS
maintenance
support
configuration management
policy management
process management
event management
customization
change management
community building
compliance with stds, regs
cilent product kbase
client success management
client usage kbase rewards
promotion
#Solution themes
#themes
Key Themes Concepts
BPE - business process engineering
CIP - continuous improvement process
EOS - enterprise open-source
CDS - customer driven solutions
TDD - test driven delivery
SOE - service oriented engineering
SSM - smart service management
SDM - smart data management
SDD - sprint driven development
CDP - continuous delivery process
MDG - model driven engineering
RT3 - right tools, training, talent to do job right
VE - validate everything > EEP
LNB - learning new behavior
ARS - app recovery services: rollback, forward
Potential Value Opportunities
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
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 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
Fed Data Downloads
https://www.federalreserve.gov/datadownload/Choose.aspx?rel=H10
...
https://www.programmableweb.com/category/all/apis
Step-by-step guide for Example
...