73
Gambar 3.24 Activity Diagram View About Menu
3.5 Sequence Diagram
Sequence Diagram digunakan untuk menggambarkan interaksi antar
objek di dalam dan di sekitar sistem berupa pesan message yang digambarkan terhadap waktu. Sequence Diagram terdiri dari dimensi vertikal waktu dan
dimensi horizontal objek-objek yang terkait.
3.5.1 Sequence Diagram pada Aplikasi Web
Dari Use Case yang telah dijelaskan sebelumnya, dibutuhkan Sequence Diagram
untuk menggambarkan skenario atau langkah-langkah yang dilakukan sebagai tindakan dari sebuah kejadian untuk menghasilkan output tertentu.
Activity Diagram pada plikasi web yaitu Login Web, Maintenance Workout Data,
Maintenance Nutrition Data , Maintenance Events Data dan Maintenance News
Info Data .
Start Open About
Menu Get Data from Record
Ranagement System
Show About Menu Information
End About
Mobile Application User
74
A. Sequence Diagram Login Web
Sequence Diagram ini menjelaskan bagaimana proses login kedalam
aplikasi web dapat dilakukan. Seorang administrator memasukkan username dan password
pada form Login, kemudian sistem akan memproses data username dan password, kemudian setelah proses login berhasil maka aplikasi akan
menampilkan tampilan aplikasi web. Untuk lebih jelasnya dapat dilihat pada gambar 3.25.
Gambar 3.25 Sequence Diagram Login Web
B. Sequence Diagram Maintenance Workout Data
Sequence Diagram ini menjelaskan bagaimana proses login kedalam
aplikasi web dapat dilakukan. Seorang administrator memasukkan username dan password
pada form Login, kemudian sistem akan memproses data username dan password, kemudian setelah proses login berhasil maka aplikasi akan
menampilkan tampilan aplikasi web. Aplikasi web akan menampilkan data pada mneu workout. Pengguna dapat menambahkan atau menghapus data yang telah
: Administrator : Administrator
: Login : Login
: Check : Check
: Conn : Conn
: Home : Home
1. Open Application 2: Display Login
3: Input Username Password 4. Call Check
5: Connect Conn 6: Call Home
7: Display Home
75
ada, setelah itu sistem akan menyimpan data tersebut dan menampilkan data
tersebut pada menu workout. Untuk lebih jelasnya dapat dilihat pada gambar 3.26.
Gambar 3.26 Sequence Diagram Maintenance Workout Data
C. Sequence Diagram Maintenance Nutrition Data
Sequence Diagram ini menjelaskan bagaimana proses login kedalam
aplikasi web dapat dilakukan. Seorang administrator memasukkan username dan password
pada form Login, kemudian sistem akan memproses data username dan password, kemudian setelah proses login berhasil maka aplikasi akan
menampilkan tampilan aplikasi web. Aplikasi web akan menampilkan data pada mneu workout. Pengguna dapat menambahkan atau menghapus data yang telah
ada, setelah itu sistem akan menyimpan data tersebut dan menampilkan data tersebut pada menu workout. Untuk lebih jelasnya dapat dilihat pada gambar 3.27.
: Administrator : Administrator
: Home : Home
: Workout : Workout
: WorkoutByMuscle : WorkoutByMuscle
: service_workout : service_workout
1: Open Application 2: Display Home
3: Select Workout 4: Call Workout
5: Display Workout 6: Select WorkoutByMuscle
7: Call WorkoutByMuscle 8: Display WorkoutByMuscle
9: Add or Remove Data 10: Save Data
76
Gambar 3.27 Sequence Diagram Maintenance Data Nutrition Data
D. Sequence Diagram Maintenance Events Data
Sequence Diagram ini menjelaskan bagaimana proses login kedalam
aplikasi web dapat dilakukan. Seorang administrator memasukkan username dan password
pada form Login, kemudian sistem akan memproses data username dan password, kemudian setelah proses login berhasil maka aplikasi akan
menampilkan tampilan aplikasi web. Aplikasi web akan menampilkan data pada mneu workout. Pengguna dapat menambahkan atau menghapus data yang telah
ada, setelah itu sistem akan menyimpan data tersebut dan menampilkan data tersebut pada menu workout. Untuk lebih jelasnya dapat dilihat pada gambar 3.28.
: Administrator : Administrator
: Home : Home
: Nutrition : Nutrition
: Makanan : Makanan
: service_nutrition : service_nutrition
1: Open Application 2:Display Home
3: Select Nutrition 4: Call Nutrition
5: Display Nutrition 6: Select Makanan
7: Call Makanan 8: Display Makanan
9: Add or Remove Data 10: Save Data
77
Gambar 3.28 Sequence Diagram Maintenance Events Data
E. Sequence Diagram Maintenance Data News Info
Sequence Diagram ini menjelaskan bagaimana proses login kedalam
aplikasi web dapat dilakukan. Seorang administrator memasukkan username dan password
pada form Login, kemudian sistem akan memproses data username dan password, kemudian setelah proses login berhasil maka aplikasi akan
menampilkan tampilan aplikasi web. Aplikasi web akan menampilkan data pada menu workout. Pengguna dapat menambahkan atau menghapus data yang telah
ada, setelah itu sistem akan menyimpan data tersebut dan menampilkan data tersebut pada menu workout. Untuk lebih jelasnya dapat dilihat pada gambar 3.29.
: Administrator : Administrator
: Home : Home
: Events : Events
: service_event : service_event
1: Open Application 2: Display Home
3: Select Events 4: Call Events
5: Display Events 6: Add or Remove Data
7: Save Data
78
Gambar 3.29 Sequence Diagram Maintenance News Info Data
3.5.2 Sequence Diagram pada Aplikasi Mobile
Kategori