PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNOLOGI INDUSTRI

UNIVERSITAS KRISTEN PETRA

USULAN SKRIPSI

Nama : Andrey Hariyanto

NRP : 26409017

Peminatan : Teknologi Informasi

Judul Skripsi : Sistem Manajemen Skripsi Program Manajemen

Bisnis berbasis Web Service dan PhoneGap

Pembimbing 1 : Adi Wibowo, M.T.

Pembimbing 2 : Agustinus Noertjahyana, M.MT.

Dilaksanakan : Semester Genap 2012 / 2013

Surabaya, 29 November 2012

Yang mengusulkan

Andrey Hariyanto

Mengetahui :

Pembimbing I Pembimbing II

Adi Wibowo, M.T. Agustinus Noertjahyana,

M.MT.

Koordinator Skripsi :

Liliana, M.Eng.

1. Judul Skripsi

Sistem Manajemen Skripsi Program Manajemen Bisnis berbasis

Web Service dan PhoneGap

2. Latar Belakang

Universitas Kristen Petra merupakan salah satu universitas swasta

terbesar di Surabaya dengan berbagai program studi. Program Manajemen

Bisnis yang termasuk di dalam Fakultas Ekonomi merupakan salah satu

program dengan jumlah mahasiswa terbanyak di Universitas Kristen Petra.

Setiap mahasiswa tingkat akhir di Jurusan Manajemen Bisnis akan

mengajukan skripsi dengan mengisi kertas formulir pengajuan skripsi.

Setelah itu membuat proposal dan laporan skripsi yang menggunakan

kertas dengan jumlah banyak belum lagi ketika ada kesalahan atau revisi.

Penggunaan mobile device berbasis Android dari tahun ke tahun

mengalami peningkatan yang sangat pesat. Salah satu alasan mobile device

berbasis Android banyak digunakan adalah harganya terjangkau dan

kemudahan dalam menggunakan.

Oleh karena itu, skripsi ini dibuat untuk mengefisienkan masalah

yang telah dipaparkan di atas yaitu dengan membuat sebuah sistem

berbasis web service dan phonegap untuk sistem skripsi mahasiswa dan

juga dosen pembimbingnya.

3. Perumusan Masalah

Perumusan masalah pada penelitian ini adalah :

1. Bagaimana pembuatan sistem manajemen skripsi pada Program

Manajemen Bisnis

2. Bagaimana memasukkan data pendaftaran skripsi secara

otomatis ke dalam web server

3. Bagaimana melihat dan mengambil data secara otomatis dari

sumber yang tersedia melalui web dan phonegap yang

disimpan di dalam web server

4. Bagaimana sistem mengirim notifikasi / pemberitahuan pada

mahasiswa / dosen melalui e-mail

5. Bagaimana sistem keamanan yang cocok untuk web dan

aplikasi ini

6. Bagaimana web dan aplikasi ini dapat menjadi suatu wadah

khusus untuk sistem skripsi mahasiswa Program Manajemen

Bisnis

4. Tujuan Skripsi

Tujuan dari skripsi ini adalah membuat suatu sistem dalam web

menggunakan web service dan aplikasi berbasis phonegap agar dapat

mempermudah proses dan menjadi wadah untuk skripsi mahasiswa dan

dosen Program Manajemen Bisnis yang sekarang masih dilakukan secara

manual.

5. Ruang Lingkup

Ruang lingkup dibatasi oleh :

1. Menerima data login berupa username dan password dari

account petra

2. Fitur-fitur user mahasiswa yang sudah mendaftarkan skripsi

pada Kartu Rencana Studi :

- Melakukan pencarian skripsi yang sudah ada

- Melakukan pendaftaran skripsi

- Melihat status skripsi yang diajukan (approve/tidak/belum)

- Meng-upload file proposal, laporan skripsi

- Melihat progress bimbingan skripsi

- Mendapatkan notifikasi e-mail tentang progress skripsi

(jadwal briefing, sidang, dll)

3. Fitur-fitur user dosen:

- Melihat daftar skripsi yang telah diajukan oleh mahasiswa

- Memasukkan progress bimbingan skripsi mahasiswa

bimbingan dosen tersebut

- Melihat progress bimbingan skripsi mahasiswa bimbingan

dosen tersebut

- Mendapatkan notifikasi e-mail tentang progress skripsi

(jadwal briefing, sidang, dll)

- Mendapatkan file laporan progress bimbingan skripsi

4. Fitur-fitur admin ( Tata Usaha ) :

- Melakukan pengecekan apakah mahasiswa sudah valid

untuk mengambil skripsi atau tidak

- Melihat daftar skripsi yang telah diajukan oleh mahasiswa

- Menginputkan mahasiswa ke data dosen pembimbing

- Melakukan entri skripsi yang telah diajukan

- Mengirim notifikasi e-mail ke mahasiswa dan dosen

tentang progress skripsi (jadwal briefing, sidang, dll)

- Mengirim laporan progress bimbingan skripsi ke dosen

pembimbing dan kepala jurusan.

5. Syarat mahasiswa sudah valid untuk mengambil skripsi :

- Telah mengikuti seminar proposal sebanyak 5 (lima) kali

- Telah menyelesaikan mata kuliah Metodologi Penelitian

6. Progress bimbingan skripsi yang ditulis :

- Waktu bimbingan

- Hal-hal yang dikerjakan selama bimbingan saat itu

7. Web services yang digunakan adalah SOAP

8. Menyediakan aplikasi mobile dengan menggunakan PhoneGap

9. Database yang digunakan pada web server dan aplikasi

berbasis phonegap adalah POSTGRESQL mengikuti ketentuan

Universitas Kristen Petra

10. Protokol keamanan yang digunakan adalah HTTPS (Hypertext

Transfer Protocol Secure)

11. Aplikasi akan diujicobakan pada operating system Android dan

Blackberry

12. Device yang diujicobakan harus terkoneksi dengan Internet

13. Aplikasi pemograman HTML, PHP, JavaScript, PhoneGap

6. Tinjauan Pustaka

1. Prosedur skripsi Program Manajemen Bisnis

Prosedur skripsi mahasiswa Program Manajemen Bisnis dimulai

dengan mengajukan bidang konsentrasi yang diinginkan. Ketika

periode pengajuan skripsi selesai, akan ada rapat dosen yang bertujuan

untuk menentukan dosen pembimbing tiap mahasiswa dan topik-topik

yang akan diberikan berdasarkan bidang konsentrasi masing-masing.

Mahasiswa memilih salah satu topik lalu mengajukan proposal

dan melaksanakan proses bimbingan membuat bab 1, 2, dan 3 ke

dosen pembimbing masing-masing. Setelah itu diadakan seminar

proposal untuk menentukan apakah proposal yang diajukan diterima

atau tidak. Jika proposal tidak diterima, maka mahasiswa mengajukan

kembali proposal dan dapat mengikuti seminar periode selanjutnya.

Sedangkan jika proposal telah diterima, maka mahasiswa dapat

melanjutkan bimbingan membuat bab 4 dan 5 lalu pada akhirnya

mengikuti sidang akhir.

Gambar 6.1

Skema prosedur skripsi

Program Manajemen Bisnis

Mahasiswa mengajukan proposal ke dosen pembimbing

Dirapatkan oleh dosen(Penentuan dosen pembimbing tiap

mahasiswa dan topik-topik)

Mahasiswa mengajukan bidang konsentrasi skripsi

(Entrepreneur / Leadership)

Mahasiswa memilih topik-topik yang telah disediakan oleh dosen

yang telah ditentukan menjadi pembimbingnya

tolak

Sidang akhir

Bimbingan membuat bab 4,5

Seminar bab 1,2,3

Bimbingan membuat bab 1,2,3

terima

2. Web Service

Istilah “Web Service” masih menjadi sebuah kata kunci karena

memiliki rentang definisi dari yang cukup umum yaitu setiap layanan

yang tersedia melalui web, hingga yang lebih konkret. The World

Wide Web Consortium (W3C) mendefinisikan web service adalah

semua interface program yang disediakan untuk komunikasi aplikasi

ke aplikasi lain di dalam TheWorldWideWeb.

Kata “web” dalam web service sebenarnya sebuah

penyalahgunaan, istilah “Internet Services” dianggap lebih tepat. Web

mengacu pada HyperText Transfer Protocol (HTTP) dan

TheWorldWideWeb, sedangkan kata “internet” mengacu pada

jaringan computer yang lebih besar pada beberapa protokol. Sebuah

Web Service dapat menggunakan salah satu protokol untuk

menyampaikan pesan, tidak hanya HTTP.

Web Services telah ada setidaknya sejak tahun 1999 dan menjadi

salah satu teknologi baru yang popular dan telah mendapat banyak

pujian. Tidak ada rahasia di balik web services yang akan secara

langsung membuat semua interface program di dalam

TheWorldWideWeb menjadi lebih baik atau bekerjasama. Faktor

utama keberhasilan dan popularitas web services adalah kenyataan

bahwa tulang punggung dari web services adalah XML.

3. XML (eXtensible Mark-up Language)

XML dalah singkatan dari eXtensible Mark-up Language dan

dikembangkan serta diselesaikan oleh W3C pada tahun 1998. XML

adalah dokumen teks biasa yang terbentuk dan terstruktur dengan baik

yang dapat dibaca oleh manusia dan mesin. XML merupakan versi

yang lebih ringan dan fleksibel dari pendahulunya yaitu Standard

General Mark-up Language (SGML).

XML menyediakan sintaks untuk mark-up dokumen dan untuk

mendeklarasikan struktur dokumen. XML memainkan perang yang

semakin penting dalam pertukaran berbagai data di web dan di tempat

lain, sehingga membuat XML menjadi jantung dari web services.

Gambar 6.2 Contoh XML

4. SOAP (Simple Object Access Protocol)

SOAP didesain untuk menjadi protokol baru pada environment

yang desentralisasi dan terdistribusikan yang memanfaatkan kekuatan

internet dan XML untuk menyampaikan pesan yang diketik antara

node.

SOAP pada dasarnya adalah sebuah paradigm pertukaran pesan

satu arah antara node, dari pengirim SOAP menuju penerima SOAP.

Dengan menggabungkan pertukaran satu arah dengan fitur yang

disediakan oleh protokol transport yang mendasari atau aplikasi yang

spesifik, SOAP dapat digunakan untuk membuat interaksi yang lebih

kompleks seperti request-response, request-multiresponses, dan lain-

lain.

Ada dua jenis SOAP request. Yang pertama adalah Remote

Procedure Call (RPC) yaitu client mengirim pesan dan menunggu

untuk mendapatkan tanggapan atau pesan error dari server. Tipe

kedua adalah Document Request yaitu sebuah dokumen XML

dilewatkan ke atau dari client dan server, di dalam SOAP message.

Gambar 6.3 Contoh SOAP request

Gambar 6.4 Contoh SOAP response

5. PhoneGap

PhoneGap adalah sebuah framework yang bersifat opensource

untuk membuat aplikasi mobile secara cepat menggunakan HTML5,

JavaScript, dan CSS. Untuk membuat aplikasi untuk setiap perangkat

iOS, Android, Windows Mobile, dll membutuhkan framework dan

bahasa pemograman yang berbeda-beda. PhoneGap memecahkan

masalah ini dengan menggunakan teknologi web standard untuk

menjembatani aplikasi web dengan perangkat mobile.

PhoneGap disumbangkan kepada Apache Software Foundation

(ASF) di bawah nama Apache Cordova. PhoneGap memungkinkan

anda untuk dengan cepat membangun aplikasi mobile dan lebih

mudah meng-compile tanpa SDK, compiler, dan hardware.

Gambar 6.5 Konsep PhoneGap

6. JavaScript

JavaScript adalah bahasa scripting yang digunakan oleh

milyaran halaman web, dan mampu bekerja di banyak browser

ternama seperti Internet Explorer, Firefox, Chrome, Opera dan Safari.

JavaScript merupakan implementasi dari standar Script

Language ECMA. ECMA-262 adalah standar resmi JavaScript.

Bahasa itu pertama kali diimplementasikan oleh Netscape

Communications Corp pada Netscape Navigator 2 beta (1995).

JavaScript berbeda dengan bahasa Java (dikembangkan pada 1990-

an di Sun Microsystems). Namun dua bahasa tersebut dapat saling

bekerja sama dengan baik. Program JavaScript sisi client , atau script,

dapat ditanamkan langsung dalam sumber HTML halaman web.

Contoh penggunaan JavaScript:

Gambar 6.6 Contoh Penggunaan JavaScript

7. POSTGRESQL

POSTGRESQL adalah sebuah sistem database objek-relasional

open source yang sangat kuat yang bersifat ACID-complaint dan dapat

menjalankan procedure pada banyak bahasa pemograman, seperti

Java, Phyton, C/C++. POSTGRESQL dapat berjalan pada semua

operating system utama termasuk Linux, Unix, dan Windows.

<script type="text/javascript">

document.write("<h1>This is a heading</h1>");

document.write("<p>This is a paragraph.</p>");

POSTGRESQL juga memiliki sejumlah extensions dan fitur

canggih seperti autoincrement kolom melalui sequences, table

inheritance, rules system, dan database events. Table inheritance

memungkinkan desainer tabel untuk memperoleh tabel baru dari tabel

lain, menganggap mereka sebagai class dasar. Rules system yang

disebut juga query rewrite system memungkinkan desainer database

membuat rules yang mengindetifikasi operasi tertentu untuk tabel

tertentu dan mengubah mereka menjadi operasi alternatif ketika

mereka diproses secara dinamis. Sedangkan database events adalah

sistem komunikasi interprocess dimana messages dan events dapat

ditransmisikan antara client menggunakan perintah listen dan notify

sehingga terjadi komunikasi peer-to-peer dan koordinasi pada event

tersebut.

Gambar 6.7 Tipe data dalam POSTGRESQL

8. PHP (Hypertext Preprocessor)

PHP adalah Bahasa pemograman yang memungkinkan para web

developer untuk membuat aplikasi web yang dinamis dengan cepat.

PHP juga merupakan salah satu bahasa script yang tersedia secara

bebas dan masih memungkinkan untuk dikembangkan lebih lanjut.

PHP dapat berjalan pada semua jenis sistem operasi, antara lain

pada Linux dan varian Unix (HP-UX, Solaris dan OpenBSD), pada

Microsoft Windows, Mac dan masih banyak lagi. Selain itu PHP juga

dapat berjalan pada beberapa jenis web-server antara lain Apache,

Microsoft IIS, personal webserver, Netscape dan Iplanet Server,

Caudium, Xitami, Omnihttpd dan masih banyak lagi.

Output yang dihasilkan PHP bukan hanya HTML, namun juga

dalam bentuk gambar, file PDF, serta gambar animasi menggunakan

Libswf dan Ming. Output yang lain dengan jenis teks dapat berupa file

XHTML dan XML.

9. HTML (HyperText Mark-up Language)

HTML (HyperText Mark-up Language) adalah bahasa dasar

untuk web scripting bersifat client side yang memungkinkan untuk

menampilkan informasi dalam bentuk teks, grafik, serta multimedia

dan juga untuk menghubungkan antar tampilan web page atau yang

lebih dikenal dengan Hyperlink. Struktur minimal dari dokumen

HTML adalah sebagai berikut :

Gambar 6.8 Struktur Minimal HTML

Tidak diperlukan suatu program editor khusus untuk

menggunakan kode perintah-perintah HTML, dapat menggunakan

Notepad, Notepad++ ataupun editor lainnya yang berbasis GUI

(Graphical User Interface) seperti Microsoft Front Page,

Dreamweaver CS3 dan sebagainya. Sebagai seorang pengembang

aplikasi web maka kemampuan penguasaan kode-kode HTML sangat

<!DOCTYPE html><HTML>

<head>

<title>Judul Web Page</title>

</head>

<body>

diperlukan, karena HTML sebagai dasar/tumpuan dari suatu aplikasi

web.

7. Metodologi Penelitian

Langkah-langkah dalam pengerjaan skripsi :

1. Studi literatur tentang :

Teori Web Programming

PHP

HTML & CSS

POSTGRESQL

SOAP

PhoneGap

2. Pembuatan web dan aplikasi

Membuat web dan aplikasi sesuai dengan hasil analisis dan

desain yang telah dibuat

3. Pengujian aplikasi

Pengujian dilakukan dengan mencoba semua fitur yang

tersedia dengan cara menjelajahi semua halaman, mencoba

memasukkan data ke dalam form yang tersedia dan

mengecek apakah sesuai dengan output yang diinginkan

4. Pengambilan keputusan

Mengambil kesimpulan berdasarkan pengujian

5. Pembuatan laporan

8. Relevansi

Manfaat dari web dan aplikasi ini adalah mempermudah proses dan

menyediakan wadah khusus untuk skripsi mahasiswa Program Manajemen

Bisnis yang sekarang dilakukan masih manual.

9. Jadwal Kegiatan

No. KegiatanBulan ke1 Bulan ke2 Bulan ke3 Bulan ke4

1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4

1. Studi Literatur

2. Pembuatan Aplikasi

3. Pengujian aplikasi

4. Pengambilan Kesimpulan

5. Pembuatan Laporan

10. Daftar Pustaka

Momjian, Bruce. PostgreSQL : Introduction and Concepts. Indiana :

Addison-Wesley, 2001

http://zid-luxinst.uibk.ac.at/postgresql/aw_pgsql_book.pdf/

Suda, Brian. SOAP Web Services. University of Ediburgh, 2003

http://suda.co.uk/publications/MSc/brian.suda.thesis.pdf/

Wargo, John M. PhoneGap Essentials : Building Cross-Platform Mobile

Apps. Indiana : Addison-Wesley, 2012

http://ptgmedia.pearsoncmg.com/images/9780321814296/samplepages/

0321814290.pdf/