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 http://digilib.mercubuana.ac.id/
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) NamaPekerjaan 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, Pekerjaan
maka akan menampilkan informasi yang sesuai
6. Melihat informasi
http://digilib.mercubuana.ac.id/
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 4. Menampilkan informasi dan Melihat informasi dan penjelasan 5. Pekerjaan
penjelasan seputar ABAP
seputar ABAP Skenario Alternatif 1 3. Memilih menu BASIS 4. Menampilkan informasi dan Melihat informasi dan penjelasan 5. Pekerjaan
penjelasan seputar BASIS
seputar BASIS Skenario Alternatif 2 3. Memilih menu XI/PI 4. Menampilkan informasi dan Melihat informasi dan penjelasan 5. Pekerjaan
penjelasan seputar XI/PI
seputar XI/PI
http://digilib.mercubuana.ac.id/
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 4. Menampilkan informasi dan Pekerjaan 5. Melihat informasi dan penjelasan
penjelasan seputar HR
seputar HR Skenario Alternatif 1 3. Memilih menu FI 4. Menampilkan informasi dan Melihat informasi dan penjelasan 5. Pekerjaan
penjelasan seputar FI
seputar FI Skenario Alternatif 2 3. Memilih menu CO 4. Menampilkan informasi dan Melihat informasi dan penjelasan 5. Pekerjaan
penjelasan seputar CO
seputar CO Skenario Alternatif 3 3. Memilih menu PS 4. Menampilkan informasi dan Pekerjaan 5. Melihat informasi dan penjelasan
penjelasan seputar PS
seputar PS
http://digilib.mercubuana.ac.id/
30
Skenario Alternatif 4 3. Memilih menu IM 4. Menampilkan informasi dan Melihat informasi dan penjelasan 5. Pekerjaan
penjelasan seputar IM
seputar IM Skenario Alternatif 5 3. Memilih menu PP 4. Menampilkan informasi dan Melihat informasi dan penjelasan 5. Pekerjaan
penjelasan seputar PP
seputar PP Skenario Alternatif 6 3. Memilih menu QM 4. Menampilkan informasi dan Melihat informasi dan penjelasan 5. Pekerjaan
penjelasan seputar QM
seputar QM Skenario Alternatif 7 3. Memilih menu MM 4. Menampilkan informasi dan Melihat informasi dan penjelasan 5. Pekerjaan
penjelasan seputar MM
seputar MM Skenario Alternatif 8 3. Memilih menu SD 4. Menampilkan informasi dan Melihat informasi dan penjelasan 5. Pekerjaan
penjelasan seputar SD
seputar SD Skenario Alternatif 9 3. Memilih menu PM 4. Menampilkan informasi dan Melihat informasi dan penjelasan 5. Pekerjaan
penjelasan seputar PM
seputar PM
http://digilib.mercubuana.ac.id/
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 Pekerjaan 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
Pekerjaan
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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 1
Field Deskripsi
Type Longtext
Keterangan Berisi informasi dan penjelasan dari modul – modul yang ada di SAP,
http://digilib.mercubuana.ac.id/
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 1
Field Tcode
Type
Keterangan
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 :
http://digilib.mercubuana.ac.id/
40
Tabel 3.9 Tabel Company
No 1
Field
Type
Nama
Keterangan
varchar(150) Nama perusahaan / perguruan tinggi yang ada kaitannya dengan SAP.
2
varchar(150) Website perusahaan / perguruan tinggi
Website
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 :
http://digilib.mercubuana.ac.id/
41
Tabel 3.11 Kebutuhan Perangkat Lunak
Perangkat
Keterangan Windows 10, Android OS, v4.2.2 (Jelly Bean)
Sistem Operasi
Android Development Tools (ADT), Android SDK, IDE
3.3.2
Tools and Software
Eclipse
Web Browser
Mozilla Firefox 33.1
Web Server
XAMPP v3.1.0.3.1.0 (Apache & MySQL)
UML Design
Ms. Visio 2010, Astah Community 6.1, Balsamiq Mockups
Editor Code
Eclipse, Notepad++
Database
MySQL
Dokumentasi
Microsoft Word
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 :
http://digilib.mercubuana.ac.id/
42
Tabel 3.13 Implementasi Perangkat Lunak
Perangkat
Keterangan Windows 10, Android OS, v4.2.2 (Jelly Bean)
Sistem Operasi
Android Development Tools (ADT), Android SDK, IDE
3.4
Tools and Software
Eclipse
Web Browser
Mozilla Firefox 33.1
Web Server
XAMPP v3.1.0.3.1.0 (Apache & MySQL)
UML Design
Ms. Visio 2010, Astah Community 6.1, Balsamiq Mockups
Editor Code
Eclipse, Notepad++
Database
MySQL
Dokumentasi
Microsoft Word
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.
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/