UML Online Examples

Browse interesting UML diagram examples made by the GenMyModel community. All the public following examples can be forked and adapted to your needs.

You can select any of those examples to bootstrap your UML online project quickly with no installation or delay. Once forked, add collaborators to work in real time on your diagrams directly right in the browser.

online-shopping-cart

Online customer can browse or search items, view specific item, add it to shopping cart, view and update shopping cart, checkout. User can view shopping cart at any time.

UML-class-diagram

Classes, operations, attributes : learn the basics of the UML class diagram. Useful example to get started quickly with UML class diagrams

machine-model

This model of a computer demonstrate the use of the following design patterns: <ul><li>composite pattern</li><li>adapter pattern</li><li>proxy pattern</li><li>facade pattern</li><li>decorator pattern</li></ul>See this article on our blog for more information: <a href="http://blog.genmymodel.com/discover-five-design-patterns-in-one-uml-class-diagram-example.html" title="design patterns examples">http://blog.genmymodel.com/discover-five-design-patterns-in-one-uml-class-diagram-example.html</a>

Bridge

The Bridge pattern allows to vary both the implementation and the abstraction by placing both in separate class hierarchies. Abstraction defines the abstract interface and maintains the Implementor reference. RefinedAbstraction extends the interface defined by Abstraction. Implementor defines the interface for implementation classes. ConcreteImplementor implements the Implementor interface According to "Design Patterns" by Helm and Johnson, the use of the bridge pattern means to "decouple an abstraction from its implementation so that the two can vary independently".

Adapter

According to Freeman in "Head first design patterns", the Adapter pattern is a design pattern that translates one interface for a class into a compatible interface. An adaptor allows classes to work together that normally could not because of incompatible interfaces. The adapter provides its interface to clients while using the original interface. In this class model illustrating the pattern, the Client cannot directly access to Adaptee.methodB(). It uses the adaptor by calling methodA() and the adaptor translates it by calling methodB().

Singleton

A simple Singleton design pattern represented as a Class in a UML Class diagram.

Banking-System

A customer can have many accounts. There are 3 types of account: savings account, checking account and certificates of deposit account. The purpose of savings account is to allow us to save money. Account holder can make some limited number of deposits and withdrawals per month, while account provides no checks.

social-network

This project shows a basic skeleton for a social oriented application

UML Public Examples by the GenMyModel Community