Aplikasi Remote Server Berbasis Web Dengan Metode Application Programming Interface (API) BAB III

19
BAB III METODE PENELITIAN 3.1 Rancangan Penelitian Rancangan aplikasi web merupakan suatu kegiatan yang dilakukan untuk merancang suatu sistem yang ditampilkan dalam bentuk web atau dengan kata lain tampilan program dijalankan pada web browser. Data dipresentasekan dengan menarik melalui tampilan-tampilan yang mudah dipahami dan dimengerti oleh pengguna atau user. Rancangan aplikasi ini terdiri dari dua model yaitu rancangan berbasis CLI (Command Line Interface) dan Web-App Interface. 1. Rancangan berbasis CLI (Command Line Interface). Rancangan aplikasi berbasis CLI (Command Line Interface) merupakan suatu kegiatan yang dilakukan untuk merancang suatu sistem yang ditampilkan dalam mode teks, dan berjalan secara real-time pada server. 2. Rancangan berbasis Web-App Interface. III-1

Transcript of Aplikasi Remote Server Berbasis Web Dengan Metode Application Programming Interface (API) BAB III

Page 1: Aplikasi Remote Server Berbasis Web Dengan Metode Application Programming Interface (API) BAB III

BAB IIIMETODE PENELITIAN

3.1 Rancangan Penelitian

Rancangan aplikasi web merupakan suatu kegiatan yang

dilakukan untuk merancang suatu sistem yang ditampilkan dalam

bentuk web atau dengan kata lain tampilan program dijalankan pada

web browser. Data dipresentasekan dengan menarik melalui

tampilan-tampilan yang mudah dipahami dan dimengerti oleh

pengguna atau user.

Rancangan aplikasi ini terdiri dari dua model yaitu rancangan

berbasis CLI (Command Line Interface) dan Web-App Interface.

1. Rancangan berbasis CLI (Command Line Interface).

Rancangan aplikasi berbasis CLI (Command Line Interface)

merupakan suatu kegiatan yang dilakukan untuk merancang

suatu sistem yang ditampilkan dalam mode teks, dan berjalan

secara real-time pada server.

2. Rancangan berbasis Web-App Interface.

Rancangan aplikasi berbasis Web-APP Interface merupakan

suatu kegiatan yang dilakukan untuk merancang suatu sistem

yang ditampilkan dalam mode web atau dengan kata lain dapat

dikontrol dari jaringan internet. Data dipesentasekan dengan

menarik melalui interface yang mudah dipahami dan dimengerti

oleh pengguna (user).

III-1

Page 2: Aplikasi Remote Server Berbasis Web Dengan Metode Application Programming Interface (API) BAB III

III-2

3.2 Lokasi dan Waktu Penelitian

3.2.1 Lokasi Penelitian

Penelitian ini di lakukan di STMIK Profesional Jalan.

G.Latimojong No. 18 Makassar

3.2.2 Waktu Penelitian

Penelitian ini dilaksanakan mulai tanggal 6 April 2013

sampai 30 Juli 2013.

Tabel 3.1 Jadwal

No Uraian Kegiatan

Waktu Pelaksanaan

April Mei Juni Juli

I II III IV I II III IV I II III IV I II III IV

1 Studi Pendahuluan

2 Observasi Lapangan

3 Pembuatan proposal

4 Seminar Proposal

5 Analisa & Pembahasan

6 Pembuatan Aplikasi

7 Pembuatan Skripsi

8 Seminar Akhir

Keterangan :

= Sudah Dilaksanakan = Direncanakan

Page 3: Aplikasi Remote Server Berbasis Web Dengan Metode Application Programming Interface (API) BAB III

Admin

Login

Mengakses Remote Server

Pilih Menu

Logout

Tambah Host

Login MySQL

LoginFTP

Login SSH

<include>

Lihat Daftar Session

<include>

MySQL SERVER

SSH SERVER

<include>

<include> <extend>

<extend>

III-3

3.3 Diagram UML

3.3.1 Diagram Use Case

Diagram Use Case adalah sekumpulan skenario yang

dihubungkan satu sama lain dengan satu tujuan yang sama

dari pengguna.

Diagram Use Case dari aplikasi remote server yang

akan dibuat terlihat pada gambar 3.1 .

3.3.2 Diagram sequence

Diagram sequence ini biasa digunakan untuk

menggambarkan skenario atau rangkaian langkah – langkah

yang dilakukan sebagai respon dari sebuah event untuk

menghasilkan ouput tertentu, dan perubahan apa saja yang

terjadi secara internal dan ouput apa yang dihasilkan. Berikut

diagram sequence yang akan dibuat, terlihat pada gambar 3.2

Gambar 3.1 Diagram Use Case

Page 4: Aplikasi Remote Server Berbasis Web Dengan Metode Application Programming Interface (API) BAB III

III-4

3.3.3 Diagram Activity

Activity diagram menggambarkan berbagai alir aktivitas

dalam sistem yang sedang dirancang, bagaimana masing-

masing alir berawal, decision yang mungkin terjadi, dan

bagaimana mereka berakhir. Activity diagram juga dapat

menggambarkan proses paralel yang mungkin terjadi pada

beberapa eksekusi. Diagram activity dari aplikasi yang akan

dibuat terlihat pada gambar 3.3 .

Gambar 3.2 Diagram sequence

Page 5: Aplikasi Remote Server Berbasis Web Dengan Metode Application Programming Interface (API) BAB III

T_Status-ID_Status: Int-Tanggal: Date

-Jam_masuk: Varchar-Hostname:Varchar

-Port: varchar-Remote : varchar

+ Display ( )+ Delete ( )

T_HOST- ID_Host : Int

- Hostname: Varchar- IP_Address: Varchar

- Port: Varchar-Username: Varchar- Password: Varchar- Remote: Varchar

+ Delete ( )+ Update ( )+ Display ( )+ Search ( )

T_admin- id : int

-Uname: Varchar-Pwd: Varchar+ Validasi ( )+ Logout ( )

III-5

3.3.4 Diagram Objek dan Class

Diagram Objek dan Class merupakan diagram yang

dibuat menggambarkan pengelompokkan objek dalam sebuah

sistem. Diagram objek dan class dari aplikasi yang akan

dibuat dapat terlihat pada gambar 3.4 .

Gambar 3.4 Diagram Objek dan Class

3.3.5 Hirarki Web

Berikut ini merupakan hirarki web dari aplikasi yang

akan dibuat terlihat pada gambar 3.5 .

Gambar 3.3 Diagram Aktivity

Page 6: Aplikasi Remote Server Berbasis Web Dengan Metode Application Programming Interface (API) BAB III

HOME

Login Program

SSHSQL

Create Table

Update Table

Delete Table

View Table

Host

Tambah host

Delete Host

Cetak Host

Edit host

List Status

Cetak Host

FTP

Buat Director

Delete File

Upload File

Download File

III-6

Gambar 3.5 Hirarki Web

3.4 Instrumen Pengumpulan Data

Untuk menyempurnakan data yang dibutuhkan dalam rangka

penyusunan skripsi ini, maka penulis melakukan pengumpulan data

dengan menggunakan dua cara yaitu :

1. Penelitian Kepustakaan (Library Research), yaitu pengumpulan

data dengan cara membaca buku melalui literature, tutorial-

tutorial maupun artikel dari internet yang bersifat ilmiah yang

ada hubungannya dengan materi pembahasan.

2. Pengamatan Langsung (Observasi), yaitu pengamatan

langsung terhadap suatu kegiatan yang sedang dilakukan,

disini penulis melakukan pengamatan secara langsung

Page 7: Aplikasi Remote Server Berbasis Web Dengan Metode Application Programming Interface (API) BAB III

III-7

terhadap aktifitas pada sistem operasi Linux terkhusus pada

pengelolah file dan data pada sistem.

3.5 Analisis dan Perancangan Sistem

3.5.1 Analisis Kebutuhan Perangkat Keras

1. Perangkat keras yang digunakan :

Spesifikasi perangkat keras yang digunakan untuk

merancang dan menjalankan sistem ini adalah sebagai

berikut:

a. Laptop Intel Core, processor Pentium Dual Core

b. Memory (RAM) : 2 Gb DDR 2

c. Harddisk : 500 GB

d. Modem GSM dan CDMA

2. Perangkat lunak yang digunakan :

Spesifikasi Software adalah sebagai berikut :

a. Sistem Operasi Linux Backtrack 5

b. Web Server (Apache 2.2) dan Web Simulasi (DVWA)

c. Interpreter Bahasa Pemrograman Php dan Shell

d. SSH Server

e. FTP Server

f. MySql Server

Page 8: Aplikasi Remote Server Berbasis Web Dengan Metode Application Programming Interface (API) BAB III

Home |Tambah Host|Daftar Status|SQL|FTP|SSH|Logout

REMOTE SERVER LINUX

IP Komputer Anda : x (15)

Copyright@

Selamat Datang Di Website iniAnda bisa menggunakan Website untuk meremote server anda Dengan

Remote SSH, MySql, & FTPX(30)

Home | Tambah Host | Daftar Status | SQL | FTP | SSH

REMOTE SERVER LINUX

III-8

3.5.2 Perancangan Interface / Antarmuka

a. Rancangan Output Program

1. Home Page

Halaman ini merupakan halaman utama dari website.

Terlihat pada gambar 3.6 .

Gambar 3.6 Home Page

2. Daftar Status

Halaman ini merekam proses remote yang

dilakukan oleh host / administrator. Seperti terlihat

pada gambar 3.7 .

Gambar 3.7 Daftar Status

Page 9: Aplikasi Remote Server Berbasis Web Dengan Metode Application Programming Interface (API) BAB III

STMIK Profesional MakassarJl. G. Latimojong No. 18 Makassar

[img]

Laporan Data Status

Nomor: X(5)Tanggal : X(25)Jam Masuk: X(10)Id_Host: X(25)Port: X(5)Remote: X(5)

X(25)Admin STMIK

NIP

Home | Tambah Host | Daftar Status | SQL | FTP | SSH

REMOTE SERVER LINUX

III-9

3. Cetak Status

Halaman ini untuk mencetak data status.

Seperti terlihat pada gambar 3.8.

4. List Host

Halaman ini menampilkan Daftar Host yang

telah ditambahkan. Seperti terlihat pada gambar 3.9.

Gambar 3.9 List Host

List Host

Gambar 3.8 Cetak Status

Page 10: Aplikasi Remote Server Berbasis Web Dengan Metode Application Programming Interface (API) BAB III

STMIK Profesional MakassarJl. G. Latimojong No. 18 Makassar

[img]

Laporan Data Host

Nomor: X(5)HostName : X(25)IP Address: X(15)Port Remote: X(5)UserName: X(15)Password: X(35)

X(25)Admin STMIK

NIP

Copyright@

Back | Info | FTP | Menu Utama

Server :Operting sistem:CPU:…

Server Information :

III-10

5. Cetak Status

Halaman ini untuk mencetak data status.

Seperti terlihat pada gambar 3.10.

6. Info FTP

Halaman ini untuk memberikan informasi sever

FTP milik klien. Seperti terlihat pada gambar 3.11.

Gambar 3.10 Cetak Status

Gambar 3.11 Info FTP

Page 11: Aplikasi Remote Server Berbasis Web Dengan Metode Application Programming Interface (API) BAB III

Login ProgramUserName:Password: Login

REMOTE SERVER LINUX

X(32)

X(15)

Home | Tambah Host | Daftar Status | SQL | FTP | SSH | Logout

REMOTE SERVER LINUX

Host Name IP AddressPortUserNamePasswordRemote

Copyright@

X(25)

X(15)

X(5)

X(5)

X(15)

CancelLihat Daftar Host

Simpan

X(5)

III-11

b. Rancangan Input Program

1. Login Program

Masukkan username dan password, lalu klik

tombol Login untuk masuk ke halaman utama

program. Seperti terlihat pada gambar 3.12.

Gambar 3.12 Login Program

2. Tambah Host

Tambah Host merupakan halaman yang

digunakan untuk menambah daftar server yang dapat

dilakukan akses remote. Seperti terlihat pada gambar

3.13 .

Gambar 3.13 Tambah Host

Page 12: Aplikasi Remote Server Berbasis Web Dengan Metode Application Programming Interface (API) BAB III

Home | Tambah Host | Daftar Status | SQL | FTP | SSH | Logout

REMOTE SERVER LINUX

Host Name IP AddressPortUserNamePasswordRemote

Copyright@

X(25)

X(15)

X(5)

X(5)

X(15)

Cancel| Back

Simpan

X(5)

Home | Tambah Host | Daftar Status | SQL | FTP | SSH | Logout

Host Name [IP Address] UserNamePassword

Open

REMOTE SERVER LINUX

Copyright@

X(15)

X(15) X(32)

III-12

3. Edit Host

Edit Host merupakan halaman yang digunakan

untuk mengedit data host. Seperti terlihat pada

gambar 3.14.

Gambar 3.14 Edit Host

4. Login SQL

SQL merupakan halaman yang digunakan oleh

pengguna untuk login ke server mysql target.. Lihat

gambar 3.15

Gambar 3.15 Login SQL

Page 13: Aplikasi Remote Server Berbasis Web Dengan Metode Application Programming Interface (API) BAB III

Copyright@

Back | Info | FTP | Menu Utama

FTP client :

Server :UserName :Password:

X(15)

X(15)

X(35) Connect

Gambar 3.17 Login SSH

Home | Tambah Host | Daftar Status | SQL | FTP | SSH | Logout

Host Name [IP Address] UserNamePassword

Open

REMOTE SERVER LINUX

Copyright@

X(15)

X(15) X(32)

III-13

5. Login FTP

FTP merupakan halaman yang digunakan oleh

pengguna untuk login ke server FTP. Lihat gambar

3.16

6. Login SSH

Login SSH merupakan halaman yang

digunakan oleh pengguna untuk login ke server SSH

target. Lihat gambar 3.17

7. FTP Server Target

Halaman ini merupakan halaman Utama FTP

server target , seperti terlihat pada gambar 3.18.

Gambar 3.16 Login FTP

Page 14: Aplikasi Remote Server Berbasis Web Dengan Metode Application Programming Interface (API) BAB III

Copyright@

Back | Info | FTP | Menu Utama

Server Target :ClientDir :Dir :

[isi Dir][isi Dir]........

X(35) X(35)

Del Upload Download Make Dir

CreateX(35)

[SQL MANAGER]

Server IP : x(15) Your IP : x(15)

[ R E M O T E S E R V E R]

Create

Databases]Create Database---------------------------Please select Database---------------------------

X(30)

Go

III-14

Gambar 3.18 FTP Server Target

8. Mysql Server Target

Halaman ini merupakan halaman utama

MySQL dari server target, terlihat pada gambar 3.19 .

Create New Table :

Tampil Disini Isi table

Gambar 3.19 Mysql Server target

Page 15: Aplikasi Remote Server Berbasis Web Dengan Metode Application Programming Interface (API) BAB III

Server IP : x(15) Your IP : x(15)

EXECUTE

[SSH]

X(100)

[ R E M O T E S E R V E R]

III-15

9. SSH Server Target

Halaman ini merupakan halaman SSH dari

server target, terlihat pada gambar 3.20

Gambar 3.20 SSH Server Target

Perintah SSH