BAB III ANALISIS DAN PERANCANGAN

BAB III ANALISIS DAN PERANCANGAN 3.1 Analisis Kebutuhan Sistem (atau Produk) 3.1.1 Use Case Diagram Berikut adalah use case pada aplikasi yang akan dibangun. Pada aplikasi ini hanya ada 1 aktor, yaitu user. Dikarenakan aplikasi yang dibangun tidak memerlukan login pada saat akan mengaksesnya dikarenakan aplikasi yang dibangun termasuk kedalam aplikasi Information. Gambar 3. 1 Use Case Diagram 26

27 3.1.2 Skenario Use Case 3.1.2.1 Use case Menampilkan Informasi SAP Nama use case : Menampilkan Informasi SAP Aktor : User Tujuan : Untuk menampilkan informasi dan penjelasan seputaran SAP Pre kondisi : User berada di Halaman Utama Tabel 3. 1 Use case menampilkan informasi SAP Aksi Aktor Reaksi Sistem 1. Memilih menu SAP 2. Menampilkan halaman SAP yang menampilkan informasi dan penjelasan SAP 3. Melihat informasi dan penjelasan SAP 3.1.2.2 Use case Melakukan Pencarian Data (Searching) Nama use case : Searching Aktor : User Tujuan : Untuk menampilkan informasi dan penjelasan sesuai dengan yang diinginkan (diketik) Pre kondisi : User berada di Halaman Utama Tabel 3.2 Use case Searching Aksi Aktor Reaksi Sistem 1. Memilih menu Searching 2. Menampilkan halaman Searching 3. Mengetik kata yang akan dicari 4. Mengklik tombol Searching 5. Jika data yang dicari ketemu, maka akan menampilkan informasi yang sesuai 6. Melihat informasi

28 Skenario Alternatif 1 5. Jika data yang dicari tidak ketemu, maka kembali ke halaman searching. 3.1.2.3 Use case Menampilkan Informasi Technical Nama use case : Menampilkan Informasi Technical Aktor : User Tujuan : Untuk menampilkan informasi dan penjelasan dari modul-modul yang termasuk kedalam Technical Pre kondisi : User berada di Halaman Utama Tabel 3.3 Use case menampilkan informasi Technical Aksi Aktor Reaksi Sistem 1. Memilih menu Technical 2. Menampilkan halaman Technical 3. Memilih menu ABAP penjelasan seputar ABAP seputar ABAP Skenario Alternatif 1 3. Memilih menu BASIS penjelasan seputar BASIS seputar BASIS Skenario Alternatif 2 3. Memilih menu XI/PI penjelasan seputar XI/PI seputar XI/PI

29 3.1.2.4 Use case Menampilkan Informasi Functional Nama use case : Menampilkan Informasi Functional Aktor : User Tujuan : Untuk menampilkan informasi dan penjelasan dari modul-modul yang termasuk kedalam Functional Pre kondisi : User berada di Halaman Utama Tabel 3.4 Use case menampilkan informasi Functional Aksi Aktor Reaksi Sistem 1. Memilih menu Functional 2. Menampilkan halaman Functional 3. Memilih menu HR penjelasan seputar HR seputar HR Skenario Alternatif 1 3. Memilih menu FI seputar FI Skenario Alternatif 2 3. Memilih menu CO seputar CO Skenario Alternatif 3 3. Memilih menu PS penjelasan seputar FI penjelasan seputar CO penjelasan seputar PS seputar PS

30 Skenario Alternatif 4 3. Memilih menu IM seputar IM Skenario Alternatif 5 3. Memilih menu PP seputar PP Skenario Alternatif 6 3. Memilih menu QM seputar QM Skenario Alternatif 7 3. Memilih menu MM seputar MM Skenario Alternatif 8 3. Memilih menu SD seputar SD Skenario Alternatif 9 3. Memilih menu PM seputar PM penjelasan seputar IM penjelasan seputar PP penjelasan seputar QM penjelasan seputar MM penjelasan seputar SD penjelasan seputar PM

31 3.1.2.5 Use case Menampilkan Informasi Perusahaan Nama use case : Menampilkan Informasi Perusahaan Aktor : User Tujuan : Untuk menampilkan informasi perusahaan Pre kondisi : User berada di Halaman Utama Tabel 3.5 Use case menampilkan informasi perusahaan Aksi Aktor Reaksi Sistem 1. Memilih menu SAP In Company 2. Menampilkan halaman Company yang menampilkan informasi perusahaan perusahaan mana saja yang menerapkan SAP kedalam proses bisnisnya 3. Melihat informasi perusahaan perusahaan yang menggunakan SAP 3.1.2.6 Use case Menampilkan Informasi Perguruan Tinggi Nama use case : Menampilkan Informasi Perguruan Tinggi Aktor : User Tujuan : Untuk menampilkan informasi Perguruan Tinggi Pre kondisi : User berada di Halaman Utama Tabel 3.6 Use case menampilkan informasi perguruan tinggi Aksi Aktor Reaksi Sistem 1. Memilih menu SAP 2. Menampilkan halaman SAP yang menampilkan informasi dan penjelasan SAP 3. Melihat informasi dan penjelasan SAP

32 3.1.3 Class Diagram Berikut merupakan Class Diagram dari Aplikasi Informasi Transaction Code System Application and Product in data processing (TCODE SAP) berbasis Android. Gambar 3.2 Class Diagram 3.1.4 Sequence Diagram 3.1.4.1 Sequence Diagram Menampilkan Informasi SAP Gambar 3. 3 Sequence Diagram Menampilkan Informasi SAP

33 3.1.4.2 Sequence Diagram Searching Gambar 3.4 Sequence Diagram Searching 3.1.4.3 Sequence Diagram Menampilkan Informasi Technical Gambar 3.5 Sequence Diagram Menampilkan Informasi Technical

34 3.1.4.4 Sequence Diagram Menampilkan Informasi Functional Gambar 3.6 Sequence Diagram Menampilkan Informasi Functional 3.1.4.5 Sequence Diagram Menampilkan Informasi Perusahaan Gambar 3.7 Sequence Diagram Menampilkan Informasi Perusahaan

35 3.1.4.6 Sequence Diagram Menampilkan Informasi Perguruan Tinggi Gambar 3.8 Sequence Diagram Menampilkan Informasi Perguruan Tinggi 3.1.5 Activity Diagram Berikut merupakan activity diagram dari Aplikasi Informasi Transaction Code System Application and Product in data processing (TCODE SAP) berbasis Android. 3.1.5.1 Activity Diagram Menampilkan Informasi SAP Gambar 3.9 Activity Diagram Menampilkan Informasi SAP

36 3.1.5.2 Activity Diagram Searching Gambar 3.10 Activity Diagram Searching 3.1.5.3 Activity Diagram Menampilkan Informasi Technical Gambar 3.11 Activity Diagram Menampilkan Informasi Technical

37 3.1.5.4 Activity Diagram Menampilkan Informasi Functional Gambar 3.12 Activity Diagram Menampilkan Informasi Functional 3.1.5.5 Activity Diagram Menampilkan Informasi Perusahaan Gambar 3.13 Activity Diagram Menampilkan Informasi Perusahaan

38 3.1.5.6 Activity Diagram Menampilkan Informasi Perguruan Tinggi Gambar 3.14 Activity Diagram Menampilkan Informasi Perguruan Tinggi 3.2 Perancangan Basis Data Pada perancangan basis data, dijabarkan tentang tabel-tabel yang digunakan dalam aplikasi. Dan berikut penjelasan dari spesifikasi basis data dari sistem yang diusulkan : 1. Tabel Penjelasan Tabel penjelasan berisi penjelasan dari modul modul yang ada di SAP. Adapun struktur dari tabel penjelasan adalah sebagai berikut : Tabel 3.7 Tabel Penjelasan No Field Type Keterangan 1 Deskripsi Longtext Berisi informasi dan penjelasan dari modul modul yang ada di SAP,

39 termasuk penjelasan SAP itu sendiri. 2 Modul varchar(5) Modul modul yang ada di SAP dan sesuai dengan isian deskripsi. 2. Tabel Tcode Tabel tcode berisi informasi dan penjelasan dari tcode tcode yang ada di seluruh modul modul SAP. Adapun struktur dari tabel tcode adalah sebagai berikut : Tabel 3.8 Tabel Tcode No Field Type Keterangan 1 Tcode varchar(10) Kepanjangan dari Transaction Code yang berisi tcode tcode yang sering digunakan 2 Deskripsi text Berisi informasi dan penjelasan dari tcode tcode 3 Modul varchar(5) Modul modul yang ada di SAP dan sesuai dengan isian tcode. 4 Kelompok varchar(150) Kelompok pembagi berdasarkan tcode tode yang diisikan. 3. Tabel Company Tabel company berisi informasi mengenai perusahaan yang menggunakan SAP kedalam proses bisnisnya dan informasi mengenai perguruan tinggi yang memasukkan SAP kedalam kurikulumnya. Adapun struktur dari tabel company adalah sebagai berikut :

40 Tabel 3.9 Tabel Company No Field Type Keterangan 1 Nama varchar(150) Nama perusahaan / perguruan tinggi yang ada kaitannya dengan SAP. 2 Website varchar(150) Website perusahaan / perguruan tinggi yang ada kaitannya dengan SAP. 3 Keterangan varchar(20) Pembeda antara perusahaan dengan perguruan tinggi. 3.3 Kebutuhan Perangkat Keras dan Perangkat Lunak Pada aplikasi yang akan dibangun terdapat perangkat keras dan perangkat lunak yang digunakan. Berikut terdapat penjelasan mengenai perangkat keras dan perangkat lunak dalam pengembangan maupun implementasi sistem. 3.3.1 Pengembangan Sistem 3.3.1.1 Kebutuhan Perangkat Keras Perangkat keras yang digunakan dalam pembangunan aplikasi adalah sebagai berikut : Tabel 3.10 Kebutuhan Perangkat Keras Perangkat Spesifikasi RAM 1 GB DDR3 Processor Intel Core i3-380m 2.3GHz Processor Harddisk 500 GB LCD 14 (Resolution 1366 x 768) 3.3.1.2 Kebutuhan Perangkat Lunak Perangkat lunak yang digunakan dalam pembangunan aplikasi adalah sebagai berikut :

41 Tabel 3.11 Kebutuhan Perangkat Lunak Perangkat Sistem Operasi Tools and Software Web Browser Web Server UML Design Editor Code Database Dokumentasi Keterangan Windows 10, Android OS, v4.2.2 (Jelly Bean) Android Development Tools (ADT), Android SDK, IDE Eclipse Mozilla Firefox 33.1 XAMPP v3.1.0.3.1.0 (Apache & MySQL) Ms. Visio 2010, Astah Community 6.1, Balsamiq Mockups Eclipse, Notepad++ MySQL Microsoft Word 3.3.2 Implementasi Sistem 3.3.2.1 Perangkat Keras Perangkat keras minimum yang digunakan dalam pembangunan aplikasi adalah sebagai berikut : Tabel 3.12 Implementasi Perangkat Keras Perangkat Spesifikasi RAM 1 GB DDR3 Processor Intel Core i3-380m 2.3GHz Processor Harddisk 500 GB LCD 14 (Resolution 1366 x 768) 3.3.2.2 Perangkat Lunak Perangkat lunak minimum yang digunakan dalam pembangunan aplikasi adalah sebagai berikut :

42 Tabel 3.13 Implementasi Perangkat Lunak Perangkat Sistem Operasi Tools and Software Web Browser Web Server UML Design Editor Code Database Dokumentasi Keterangan Windows 10, Android OS, v4.2.2 (Jelly Bean) Android Development Tools (ADT), Android SDK, IDE Eclipse Mozilla Firefox 33.1 XAMPP v3.1.0.3.1.0 (Apache & MySQL) Ms. Visio 2010, Astah Community 6.1, Balsamiq Mockups Eclipse, Notepad++ MySQL Microsoft Word 3.4 Mock Up Mock Up menggambarkan konsep rancangan tiap halaman pada aplikasi yang akan dibangun. Didalam Mock Up digambarkan desain konsep tata letak atau informasi apa saja yang akan ditampilkan. Dan Mock Up inilah yang akan dijadikan acuan dalam pembangunan desain aplikasi. 3.4.1 Mock Up Halaman Utama Berikut merupakan Mock Up untuk Halaman Menu Utama. Dimana di halaman utama ini akan terdapat pilihan ikon ikon untuk penyajian informasi, diantaranya ikon untuk mengakses menu SAP, ikon untuk mengakses menu Technical, ikon untuk mengakses menu Functional, ikon untuk mengakses menu In Company, ikon untuk mengakses menu In Campus, dan ikon untuk mengakses menu Searching.

43 Gambar 3.15 Mock Up Halaman Utama 3.4.2 Mock Up Halaman Menu SAP Berikut merupakan Mock Up untuk Halaman Menu SAP. Dimana di halaman ini akan ditampilkan informasi garis besar seputar SAP. Gambar 3.16 Mock Up Halaman Menu SAP

44 3.4.3 Mock Up Halaman Searching Berikut merupakan Mock Up untuk Halaman Menu Search. Dimana di halaman ini akan ditampilkan fungsi inputan untuk searching data yang diinginkan. Gambar 3.17 Mock Up Halaman Menu Search 3.4.4 Mock Up Halaman Menu Technical Berikut merupakan Mock Up untuk Halaman Menu Technical. Dimana di halaman ini ada pilihan ikon ikon untuk penyajian informasi modul yang berkaitan dengan Technical yaitu : ABAP, BASIS, dan XI/PI. Gambar 3.18 Mock Up Halaman Technical

45 3.4.5 Mock Up Halaman Menu Functional Berikut merupakan Mock Up untuk Halaman Menu Functional. Di halaman ini terdapat pilihan ikon untuk penyajian informasi modul Functional yaitu : HR, FI, CO, PS, IM, PP, QM, MM, PM, dan SD. Gambar 3.19 Mock Up Halaman Functional 3.4.6 Mock Up Halaman Menu In Company Berikut merupakan Mock Up untuk Halaman Menu In Company. Dimana di halaman ini akan ditampilkan informasi seputar perusahaan perusahaan yang menerapkan SAP didalam proses bisnisnya. Gambar 3.20 Mock Up Halaman Menu In Company

46 3.4.7 Mock Up Halaman Menu In Campus Berikut merupakan Mock Up untuk Halaman Menu In Campus. Dimana di halaman ini akan ditampilkan informasi seputar perguruan tinggi yang menerapkan SAP kedalam kurikulum proses belajar mengajarnya. Gambar 3.21 Mock Up Halaman Menu In Campus 3.4.8 Mock Up Halaman Menu Modul - modul Berikut merupakan Mock Up untuk Halaman Menu Modul - modul. Dimana di halaman ini akan ditampilkan informasi penjelasan dari modul terkait beserta tcodenya. Gambar 3. 22 Mock Up Halaman Menu Modul - modul