UML ábrázolási minta végig vezetése

UML ábrázolási minta végig vezetése

Válasszunk egy konkrét rendszert, amelyet UML segítségével modellezünk! Például egy webalapú banki rendszer, amelyben a felhasználók bejelentkezhetnek, egyenleget nézhetnek, és pénzt utalhatnak át.

A következő UML diagramokat készítem el hozzá:

1. Használati eset diagram – Felhasználói műveletek.
2. Osztálydiagram – A rendszer főbb entitásai.
3. Szekvenciadiagram – A pénzátutalás folyamata.
4. Tevékenységdiagram – A bejelentkezés folyamata.

 

Kezdjük az első diagrammal, a használati eset diagrammal, amely bemutatja a banki rendszer főbb funkcióit és azok kapcsolatát a felhasználókkal. Az alábbi diagram azt mutatja be, hogy a felhasználók (ügyfelek és adminisztrátorok) milyen műveleteket végezhetnek el.

Itt van a webalapú banki rendszer használati eset diagramja. Ez mutatja a főbb funkciókat és az aktorokat: az ügyfeleket és az adminisztrátorokat.

Itt van a webalapú banki rendszer osztálydiagramja, amely bemutatja a rendszer főbb entitásait és azok kapcsolatait.

Itt van a szekvenciadiagram, amely bemutatja a pénzátutalás folyamatát a banki rendszerben.

Most készítsünk egy tevékenységdiagramot, amely a bejelentkezés folyamatát mutatja be!

Tevékenységdiagram 

A tevékenységdiagram az üzleti folyamatok és munkafolyamatok vizuális ábrázolására szolgál. A banki rendszer bejelentkezési folyamata a következő lépésekből áll:

• Start (Kezdés) – A folyamat elindul.
• Felhasználó beírja a hitelesítési adatokat – A bejelentkezési képernyőn a felhasználó megadja az e-mail címét és jelszavát.
• Döntési pont: Helyes hitelesítési adatok?
• Ha nem helyesek az adatok, akkor egy hibaüzenet jelenik meg, és visszaugrunk az adatok újbóli megadásához.
• Ha helyesek az adatok, akkor a rendszer ellenőrzi a felhasználói jogosultságokat.
• Felhasználói műszerfal betöltése – Sikeres hitelesítés esetén a felhasználó személyes fiókjának főoldala betöltődik.
• Vége – A folyamat befejeződik.

Ez egy tipikus login flow, amely biztosítja, hogy csak érvényes felhasználók léphetnek be a rendszerbe.

Draw.io használata egy UML diagram elkészítésére

Most végigvezetlek, hogyan tudsz draw.io (Diagrams.net) segítségével megrajzolni egy UML tevékenységdiagramot a fenti folyamatra.

Lépésről lépésre:

1. Látogass el a Draw.io (Diagrams.net) oldalra.
2. Új diagram létrehozása
   • Kattints a Create New Diagram gombra.
   • Válassz egy Blank Diagramot.
   • Adj neki egy nevet, például Login Activity Diagram.
3. Alakzatok kiválasztása
   • A bal oldali eszköztárban keresd meg az Activity Diagram elemeket.
4. Diagram elemek hozzáadása
   • Start node (Fekete kör): Kattints a Circle ikonra, és helyezd el a vásznon.
   • Action node (Tevékenységek): Húzz be Rounded Rectangle alakzatokat, és címkézd fel:
     • Felhasználó beírja a hitelesítési adatokat
     • Felhasználói műszerfal betöltése
   • Decision node (Döntési pont): Helyezz el egy Rombusz alakzatot (Decision) és írd bele: Helyes hitelesítési adatok?
   • Hibakezelés: Ha az adatok hibásak, csatlakoztasd a döntési pontból egy új tevékenységhez (Hibaüzenet megjelenítése), majd vezesd vissza a bejelentkezési ponthoz.
   • End node (Befejezés): Adj hozzá egy fekete karikát a végére.
5. Összekötések létrehozása
• Használj nyilakat, hogy összekapcsold az egyes elemeket a helyes folyamat szerint.

• Az egyes elemeket húzd össze nyilakkal a következő módon:
  1. Start → Bejelentkezési adatok megadása
  2. Bejelentkezési adatok megadása → Döntési pont
  3. Döntési pont "Igen" ága → Felhasználói műszerfal betöltése
  4. Felhasználói műszerfal betöltése → End
  5. Döntési pont "Nem" ága → Hibaüzenet megjelenítése
  6. Hibaüzenet megjelenítése → Vissza a Bejelentkezési adatok megadása pontra

---

Összegzés

A fenti lépésekkel létrehozhatsz egy professzionális UML tevékenységdiagramot a bejelentkezési folyamatról.

Nézzünk két hibás megoldást

Majd a helyes megoldást:

Milyen lépések kellettek a javításhoz:

Hiányzik a kezdő- és végpont

• Javítás: Adj hozzá egy fekete kör az elejére (Start), és egy másikat a végére (End), hogy egyértelmű legyen a folyamat kezdete és vége.

A döntési pontnál a nyilak címkézése szükséges

• Jelenleg nem látható, hogy "Igen" vagy "Nem" ág melyik irányba megy.
• Javítás: Írd a nyilak mellé:
  • "Igen" → Felhasználói műszerfal betöltése
  • "Nem" → Hibaüzenet megjelenítése

Visszatérés a hitelesítési adatok beírásához hibás belépés esetén

• Ha a hitelesítési adatok helytelenek, a rendszernek vissza kell irányítania a bejelentkezési mezőhöz.
• Javítás: A "Hibaüzenet megjelenítése" után egy nyíllal vezesd vissza "Felhasználó beírja a hitelesítési adatokat" tevékenységhez.