CRAYONPEDIA EDUCATION ECOSYSTEM YOOPA DAN MANAJEMEN BIMBINGAN PADA TADJ BERBASIS WEB TUGAS AKHIR

(1)

CRAYONPEDIA EDUCATION ECOSYSTEM YOOPA DAN MANAJEMEN BIMBINGAN PADA TADJ

BERBASIS WEB

TUGAS AKHIR

Oleh

ADRIANUS GALANG PERMANA PUTRA NIM : 03214008

Program Studi Diploma 4 Teknik Elektro

SEKOLAH TEKNIK ELEKTRO DAN INFORMATIKA INSTITUT TEKNOLOGI BANDUNG

2015

(2)

ii

LEMBAR PENGESAHAN

CRAYONPEDIA EDUCATION ECOSYSTEM YOOPA DAN MANAJEMEN BIMBINGAN PADA TADJ

BERBASIS WEB

Oleh :

Adrianus Galang Permana Putra NIM : 03214008

Tugas Akhir ini telah diterima dan disahkan sebagai persyaratan untuk memperoleh gelar

SARJANA SAINS TERAPAN di

PROGRAM STUDI DIPLOMA 4 TEKNIK ELEKTRO SEKOLAH TEKNIK ELEKTRO DAN INFORMATIKA

INSTITUT TEKNOLOGI BANDUNG

Bandung, Desember 2015 Disetujui oleh :

Pembimbing I Pembimbing II

Dr. techn. Ary Setijadi Prihatmanto Dr. Pranoto Hidaya Rusmin

(3)

iii

ABSTRAK

CRAYONPEDIA EDUCATION ECOSYSTEM YOOPA DAN MANAJEMEN BIMBINGAN PADA TADJ

BERBASIS WEB

Oleh

Adrianus Galang Permana Putra NIM : 03214008

PROGRAM STUDI DIPLOMA 4 TEKNIK KOMPUTER JARINGAN DAN MEDIA DIGITAL

Efisiensi waktu dalam penyusunan tugas akhir bagi mahasiswa sangat dibutuhkan karena selain dapat menghemat waktu juga bisa membuat tugas akhir menjadi lebih berkualitas dari segi isi dan pengujiannya. Banyak mahasiswa tingkat akhir dari berbagai macam universitas / institusi yang tidak bisa mengatur waktu dalam penyusunan tugas akhir, akibatnya tugas akhir terbengkalai, waktu tidur berkurang, jarang bersosialisasi dengan teman, bahkan sampai menunda kelulusan. Selain penyusunan tugas akhir mahasiswa tingkat akhir juga dituntut untuk melakukan bimbingan tugas akhir dengan dosen pembimbing untuk mengetahui sejauh mana tugas akhir yang sudah dikerjakan oleh mahasiswa. Banyak mahasiswa yang sering kali terlambat untuk datang tepat waktu dengan dosen pembimbing dari waktu perjanjian yang sudah disepakati, akibatnya mahasiswa gagal bertemu dosen pembimbing untuk konsultasi masalah tugas akhir. Karena tidak semua dosen pembimbing punya banyak waktu untuk menunggu mahasiswa yang sering kali terlambat datang bertemu dengan dosen yang bersangkutan. Akhirnya penyusunan tugas akhir menjadi terhambat dan waktu menjadi terbuang percuma. Dari masalah tersebut diatas, maka dirancang sebuah sistem yang dapat mengatasi dalam penyusunan tugas akhir yang efisien antara mahasiswa dengan dosen pembimbing.

Sistem ini dapat membantu mahasiswa untuk bimbingan jarak jauh dengan dosen pembimbing secara online, penyusunan tugas akhir lebih efisien karena waktu yang sebelumnya digunakan untuk berkonsultasi secara langsung dengan dosen pembimbing menjadi lebih singkat dan berkualitas. Sistem ini dinamakan TADJ (Tugas Akhir Dalam Jaringan) berbasis website.

Kata kunci : Tugas Akhir, Tugas Akhir Dalam Jaringan, website.

(4)

iv

ABSTRACT

CRAYONPEDIA EDUCATION ECOSYSTEM

WEB BASED YOOPA AND TADJ LEARNING MANAGEMENT

By

Adrianus Galang Permana Putra NIM : 03214008

APPLIED SCIENCE IN COMPUTER ENGINEERING AND MEDIA DIGITAL STUDY PROGRAM

Time efficiency in the preparation of final project for the students is needed because it can saving time and also make the final project to be more qualified in terms of content and testing. Many students from various universities or institutions that are unable to set a time in the preparation of the final project, this can make final project consequently abandoned, reduced sleep time, rarely socializing with friends, and even to delay graduation. As a student who was preparation of the final project are also required to undertake the guidance of final project with the supervisor to determine the extent of the final project that has been done by the students. Many students are often late to meet with the supervisor, and because not all of lecturers have much time to wait students who are late arriving to meet with the lecturer concerned. Finally preparation of the final project to be constrained and time be wasted. Of the problems, we designed a system that can be use in the preparation of the final project efficiently between students and lecturers.

This system is expected to help students to perform remotely with faculty guidance, preparation of final project is more efficient because the time that was previously used to consult directly with the supervisor becomes shorter and quality. This system is called TADJ based websites.

Keywords: final project, TADJ, website.

(5)

v

KATA PENGANTAR

Puji syukur kepada Tuhan yang maha esa, atas rahmat dan karunia-Nya penulis dapat menyelesaikan Tugas Akhir yang berjudul “Crayonpedia Education Ecosystem, Yoopa dan Manajemen Bimbingan Pada TADJ Berbasis WEB” ini sebagai salah satu syarat sidang Tugas Akhir pada program Diploma Empat (D4) Teknik Elektro Institut Teknologi Bandung.

Dalam pengerjaan tugas akhir ini, penulis mendapat bantuan dan dukungan dari berbagai pihak. Oleh sebab itu, penulis ingin mengungkapkan rasa terima kasih kepada:

1. Bapak Dr. Ary Setijadi Prihatmanto, selaku dosen pembimbing I, yang di sela-sela kesibukan beliau bersedia meluangkan waktu untuk memberikan bimbingan dan masukan yang sangat bermanfaat dalam penyusunan tugas akhir ini;

2. Bapak Dr. Pranoto Hidaya Rusmin, selaku dosen pembimbing II yang selalu mengevaluasi, memberikan pengarahan serta bantuan berupa bahan dan saran yang bermanfaat dalam pengerjaan tugas akhir ini;

3. Bapak Rifki Wijaya, MT., selaku asisten dosen pembimbing yang telah memberikan bantuan dan saran yang bermanfaat dalam pengerjaan tugas akhir ini;

4. Kedua orang tua, beserta seluruh keluarga yang senantiasa memberikan semangat dan doa;

5. Teman-teman seangkatan D4 ITB Batch 9, sahabat-sahabat yang selalu memberi semangat dan dorongan;

6. Seluruh staf dan karyawan JSCA SABUGA, yang telah memberikan banyak sekali bantuannya;

7. dan semua pihak yang membantu, yang tidak dapat penulis sebutkan satu persatu.

(6)

vi

Penulis menyadari bahwa tugas akhir ini jauh dari kesempurnaan, mengingat berbagai keterbatasan yang ada. Untuk itu segala saran dan kritik demi kesempurnaan sangat penulis harapkan.

Akhirnya, tak lupa pula penulis mengucapkan terima kasih kepada rekan-rekan seangkatan yang telah banyak memberikan dorongan kepada penulis untuk menyelesaikan Laporan Magang ini.

Bandung, Desember 2015

Penulis

(7)

vii

DAFTAR ISI

ABSTRAK ... II ABSTRACT ... IV KATA PENGANTAR ... V DAFTAR ISI ... VII DAFTAR GAMBAR ... IX DAFTAR TABEL ... X

BAB I PENDAHULUAN ... 1

1.1 Latar Belakang ... 1

1.2 Rumusan Masalah ... 2

1.3. Tujuan... 2

1.4 Batasan Masalah ... 3

1.5 Metoda Penelitian ... 3

1.6 Sistematika Penulisan ... 4

BAB II TINJAUAN PUSTAKA ... 6

2.1 Hypertext Preprocessor (PHP) ... 6

2.2 XAMPP ... 6

2.3 MySql Workbench ... 7

2.4 FileZilla ... 7

2.5 MPDF ... 8

BAB III ANALISIS DAN PERANCANGAN ... 9

3.1 Sistem Kerja Yoopa Crayonpedia ... 9

3.2 Sistem Kerja Management Bimbingan pada TADJ ... 10

3.3 Analisis Kebutuhan Perangkat Keras dan Perangkat Lunak ... 10

3.4 Flowchart ... 11

3.4.1 Flowchart adress pada yoopa ... 11

3.4.2 Flowchart basic info pada yoopa ... 12

3.4.3 Flowchart communication skill pada yoopa... 13

(8)

viii

3.4.4 Flowchart contact info pada yoopa ... 14

3.4.5 Flowchart document pada yoopa ... 15

3.4.6 Flowchart education pada yoopa ... 16

3.4.7 Flowchart hobby pada yoopa ... 17

3.4.8 Flowchart id card pada yoopa ... 18

3.4.9 Flowchart organization experience pada yoopa ... 19

3.4.10 Flowchart work experience pada yoopa ... 20

3.4.11 Flowchart skill info pada yoopa ... 21

3.4.12 Flowchart show user data pada yoopa ... 22

3.4.13 Flowchart search pada yoopa ... 23

3.4.14 Flowchart bimbingan pada TADJ ... 24

3.5 Rancangan Struktur Tabel ... 31

3.6 Rancangan Antarmuka Aplikasi Yoopa main ... 34

3.7 Rancangan Antarmuka Aplikasi Yoopa search ... 35

3.8 Rancangan Antarmuka Aplikasi Yoopa view search ... 35

BAB IV IMPLEMENTASI DAN PENGUJIAN ... 36

4.1 Implementasi Sistem ... 36

4.2 Implementasi Antar Muka Website Yoopa ... 37

BAB V PENUTUP ... 44

5.1 Kesimpulan... 44

5.2 Saran ... 44

DAFTAR PUSTAKA ... 45

(9)

ix

DAFTAR GAMBAR

Gambar 1 Waterfall model ... 3

Gambar 2 Sistem kerja yoopa crayonpedia ... 9

Gambar 3 Flowchart address pada yoopa ... 11

Gambar 4 Flowchart basic info pada yoopa ... 12

Gambar 5 Flowchart communication skill pada yoopa... 13

Gambar 6 Flowchart contact info pada yoopa ... 14

Gambar 7 Flowchart document pada yoopa ... 15

Gambar 8 Flowchart education pada yoopa ... 16

Gambar 9 Flowchart hobby pada yoopa ... 17

Gambar 10 Flowchart id card pada yoopa ... 18

Gambar 11 Flowchart organization experience pada yoopa ... 19

Gambar 12 Flowchart work experience pada yoopa ... 20

Gambar 13 Flowchart skill info pada yoopa ... 21

Gambar 14 Flowchart show user data pada yoopa ... 22

Gambar 15 Flowchart search pada yoopa ... 23

Gambar 16 Flowchart bimbingan pada TADJ ... 24

Gambar 17 Rancangan Antarmuka Aplikasi Yoopa main ... 34

Gambar 18 Rancangan Antarmuka Aplikasi Yoopa Search ... 35

Gambar 19 Rancangan Antarmuka Aplikasi Yoopa view search ... 35

(10)

x

DAFTAR TABEL

Tabel 1 Rancangan tabel profile ... 31

Tabel 2 Rancangan table communication skill... 31

Tabel 3 Rancangan table address ... 31

Tabel 4 Rancangan table contact ... 32

Tabel 5 Rancangan table id card ... 32

Tabel 6 Rancangan table hobby ... 32

Tabel 7 Rancangan table education ... 32

Tabel 8 Rancangan table work experience... 33

Tabel 9 Rancangan table organization experience ... 33

Tabel 10 Rancangan table cs language ... 33

Tabel 11 Rancangan table skill info ... 34

Tabel 12 Rancangan table document ... 34

Tabel 13 Tampilan halaman main yoopa ... 37

Tabel 14 Tampilan action set public, only me dan edit ... 38

Tabel 15 Tampilan edit basic info ... 39

Tabel 16 Tampilan add contact... 40

Tabel 17 Tampilan action edit, delete dan set current... 41

Tabel 18 Tampilan search ... 41

Tabel 19 Tampilan view hasil search ... 42

Tabel 20 Tampilan cv... 43

(11)

1

BAB I

PENDAHULUAN

1.1 Latar Belakang

Teknologi informasi merupakan salah satu teknologi yang sedang berkembang dengan pesat pada saat ini. Dengan berkembangnya teknologi informasi, diharapkan dapat membantu bidang industri, bisnis dan juga pendidikan.

Dalam bidang pendidikan, salah satu manfaat teknologi informasi yaitu sabagai sarana pembelajaran. Dengan meninggalkan sistem pengolahan data secara manual dan menggantinya dengan sebuah sistem informasi maka pengolahan data yang diperlukan akan menjadi lebih cepat dan penggunaan waktu lebih efisien, serta dapat diperoleh hasil yang lebih memuaskan.

Saat ini belum ada sistem informasi untuk pengolahan dan penyimpanan data tugas akhir mahasiswa yang terintegrasi antar perguruan tinggi, masih menggunakan cara manual untuk menyimpan hingga mencetak lembaran kertas dan juga minimnya komunikasi antar peruguruan tinggi yang dapat menimbulkan kesenjangan pengetahuan. Hal itu dirasakan kurang efektif dan tidak efisien, karena jika terjadi perubahan data maka harus mencetak ulang data secara keseluruhan, sehingga memberikan ketidakefektifan di bidang sarana dalam pengolahan data dan menguras tenaga dan waktu, selain itu sebuah perguruan tinggi juga sulit untuk berbagi sumber daya manusia yang mereka miliki dengan perguruan tinggi lain. Dampak dari masalah tersebut, menghabiskan lembaran kertas dari waktu ke waktu akan meningkat, dan kesenjangan pengetahuan antara perguruan tinggi dengan perguruan tinggi lainnya akan menjadi semakin besar.

Berdasarkan permasalahan yang di atas, maka dibangun suatu aplikasi berbasis web yang bernama TADJ. TADJ merupakan sebuah system informasi yang dapat menangani kegiatan tugas akhir, mulai dari pengusulan judul yang dilakukan oleh dosen, tahap bimbingan sampai dengan penentuan nilai tiap mahasiswa secara

(12)

2

online. Selain itu juga terdapat fitur blog, forum, moodle dan management user yang dapat digunakan user untuk berbagi ataupun berdiskusi dengan orang lain.

System yang dirancang ini diharapkan dapat menciptakan pengelolaan data yang cepat, tepat dan akuran dalam mengolah tugas akhir mahasiswa. Dengan pemanfaatan database yang terkoneksi dalam jaringan membuat pengolahan data tugas akhir ini dapat dilakukan kapanpun dimanapun dengan melibatkan penguna yang lebih banyak.

1.2 Rumusan Masalah

Berdasarkan hasil analisis pada latar belakang masalah dapat digunakan sebagai dasar untuk merumuskan masalah yang akan digunakan sebagai fokus pengembangan system adalah sebagai berikut.

1. Bagaimana sistem kerja sistem informasi ini?

2. Bagaimana cara membangun sistem informasi yang mempunyai mobilitas baik?

3. Bagaimana membedakan pengguna dalam sistem informasi ini?

1.3. Tujuan

Adapun tujuan dari pembuatan proposal tugas akhir ini sebagai berikut.

1. Mengolah data mahasiswa, data pendaftaran, data tugas akhir, dan data dosen sehingga terdapat lengkap data administrasi pada sistem tersebut, selain itu juga mengolah blog, forum dan management user yang dapat digunakan user untuk berbagi atau berdiskusi dengan user lain.

2. Mahasiswa dan dosen melakukan pengolahan data secara online hingga tidak memerlukan pertemuan tatap muka, sehingga bimbingan dan pemantauan dapat dilakukan secara online.

3. Membangun manajemen user untuk memudahkan dalam pengelolaan data.

(13)

3 1.4 Batasan Masalah

Untuk lebih memfokuskan pembahasan materi pada tugas akhir ini, maka diperlukan batasan-batasan dan ruang lingkup dalam penyusunan tugas akhir. Batasan dan ruang lingkup meliputi hal-hal sebagai berikut.

1. Perancangan dan pembangunan system informasi hanya berbasis web.

2. Sistem ini dikembangkan dengan menggunakan bahasa pemrograman PHP.

3. Sistem berbasis web hanya berfokus pada proses bimbingan pada tugas akhir dan managemen user mahasiswa.

4. Database yang digunakan MySql.

5. Aplikasi tidak membahas dalam keamanan sistem.

1.5 Metoda Penelitian

Metode pengerjaan yang digunakan dalam pembuatan tugas akhir ini adalah model Waterfall[6].

1. Requirements analysis and definition: Pada proses pengumpulan dan pendefenisian kebutuhan, dan dikumpulkan semua kebutuhan yang nantinya akan dipenuhi untuk pembangunan perangkat lunak. Semua daftar kebutuhan perangkat lunak selanjutnya akan dianalisis dan didefenisikan kebutuhannya,

Requirements analysis and

definition

System and software design

Implementation and unit testing

Integration and system testing

Operation and instalation Gambar 1 Waterfall model

(14)

4

fungsi-fungsi yang dibutuhkan yang akan dibangun dan diterapkan pada TADJ.

2. System and software design: Pada tahap ini perencanaan sistem desain perangkat lunak dengan kebutuhan (requirements) yang telah disesuaikan dengan analisis kebutuhan sebelumnya. Pada tahap ini dilakukan pembuatan desain tampilan, flowmap, usecase, dan rancangan database.

3. Implementation and unit testing: Desain yang telah dikerjakan pada tahap ini diterjemahkan kedalam kode-kode dengan menggunakan bahasa pemograman Hypertext Preprocessor. Selain itu program yang dibangun akan langsung diuji baik secara unit. Pengujian sistem dilakukan agar sistem yang dibuat telah sesuai dengan kebutuhan user dan memastikan input yang dimasukkan akan menghasilkan output sesuai.

4. Integration and system testing: Hasil proses pengkodean tadi digabungkan seluruh unit program kemudian dilakukan pengujian untuk menguji kesalahan-kesalahan program maupun fungsi dari sistem.

5. Operation and installation: Melakukan pengoperasian atau instalasi program.

1.6 Sistematika Penulisan

Sistematika penulisan yang digunakan pada sistem informasi geografi adalah sebagai berikut.

BAB I. PENDAHULUAN

BAB ini menjelaskan tentang latar belakang masalah, tujuan, rumusan masalah, batasan masalah, serta sistematika penulisan yang digunakan dalam sistem yang dibuat.

BAB II. TINJAUAN PUSTAKA

Bab ini berisikan pembahasan tentang landasan teori yang digunakan sebagai pedoman di dalam perancangan dan pembangunan sistem informasi geografi hanya berbasis web dan desktop tersebut.

BAB III. PERANCANGAN SISTEM

(15)

5

Bab ini membahas tentang rancangan sistem, alur diagram program, serta pembuatan sistem informasi geografi.

BAB IV. IMPLEMENTASI DAN PENGUJIAN SISTEM

Bab ini membahas tentang hasil dari rancangan sistem dan pengujian terhadap sistem informasi geografi yang telah dibuat.

BAB V. PENUTUP

Bab ini memuat kesimpulan dari hasil sistem yang dibuat serta saran-saran yang dapat digunakan sebagai acuan untuk mengembangkan sistem ini lebih lanjut.

(16)

6

BAB II

TINJAUAN PUSTAKA

2.1 Hypertext Preprocessor (PHP)

PHP merupakan bahasa scripting yang menyatu dengan HTML dan dijalankan pada serverside. Artimya semua sintaks yang diberikan akan sepenuhnya dijalankan pada server sedangkan yang dikirimkan ke browser hanya hasilnya saja.

Beberapa kelebihan PHP antara lain:

1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaannya,

2. Web Server yang mendukung PHP dapat ditemukan dimana-mana dari mulai apache, IIS, Lighttpd, hingga Xitami dengan konfigurasi yang relatif mudah, 3. Dalam sisi pengembangan lebih mudah, karena banyaknya milis-milis dan

developer yang siap membantu dalam pengembangan,

4. Dalam sisi pemahamanan, PHP adalah bahasa scripting yang paling mudah karena memiliki referensi yang banyak,

PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (Linux, Unix, Macintosh, Windows) dan dapat dijalankan secara runtime melalui console serta juga dapat menjalankan perintah-perintah system[1].

2.2 XAMPP

XAMPP adalah salah satu paket software web server yang terdiri dari Apache, MySQL, PHP, dan phpMyAdmin. Penggunaan XAMPP sangatlah mudah karena proses instalasinya tidak perlu melakukan konfigurasi Apache, PHP dan MySQL secara manual, XAMPP melakukan instalasi dan konfigurasi secara otomatis.

PhpMyAdmin berfungsi sebagai alat bantu memanajemen database MySQL.

(17)

7

XAMPP biasa digunakan developer web untuk servernya, karena xampp terdiri dari apache server untuk database webnya dan unntuk eksekusi PHP dan mysql sebagai server databasenya, disamping itu XAMPP juga dilengkapi dengan FTPD untuk memudahkan webmaster modifikasi folder webnya. Sifatnya yang GNU public license membuat aplikasi ini banyak peminatnya karena bisa digunkan untuk paltform Linux, Windows, dan MAC[2].

2.3 MySql Workbench

MySQL Workbench merupakan antarmuka atau yang biasa kita kenal dengan sebutan User Interface (UI) untuk aplikasi MySQL Server. Aplikasi ini mempunyai tiga fungsi utama yaitu:

1. untuk pemodelan dan desain database,

2. untuk SQL Development (Fungsi ini menggantikan SQL Query Browser), 3. dan sebagai Database Administration (menggantikan aplikasi MySQL

Administrator).

MySQL Workbench dibagi menjadi tiga bagian utama yaitu:

1. SQL Development, bagian ini berfungsi untuk memanipulasi baik struktur maupun data di dalam database,

2. data Modeling, berfungsi untuk pemodelan Relational Database,

3. server Administration, berfungsi untuk mengatur Service maupun instance dari database MySQL Server.

MySQL Workbench diatas tidak dijalankan dengan MySQL Server, tetapi dengan MySQL bawaan dari webserver WAMP/XAMPP[3].

2.4 FileZilla

FileZilla adalah program aplikasi jaringan open source yang berguna untuk transfer file via protokol FTP di jaringan komputer atau internet. Software FileZilla dibuat dan dikembangkan oleh Tim Kosse.

Perangkat lunak komputer ini memiliki kelebihan pada kecepatan dan kemudahannya dalam melakukan transfer file. Jendela aplikasi terbagi menjadi dua, satu untuk menampilkan file dan folder di komputer lokal, dan satu lagi untuk menampilkan file dan folder di komputer server. Anda cukup melakukan drag dan

(18)

8

drop untuk mentransfer file dari komputer ke server jaringan/internet, atau sebaliknya. Melalui fitur Site Manager, Anda bisa menyimpan akun dan alamat beragam server FTP, dan menggunakannya secara cepat dan mudah. FileZilla juga memungkinkan Anda melakukan koneksi ulang ke server yang terakhir Anda akses sebelumnya, cukup dengan menekan satu tombol[4].

2.5 MPDF

MPDF adalah sebuah library open source yang berguna untuk merubah file dari bentuk HTML menjadi bentuk PDF. Software mPDF dibuat dan dikembangkan oleh Pavel Astakhov[7].

Perangkat lunak komputer ini memiliki kelebihan utama yaitu pada kerapihan format PDf yang dihasilkan. Adapun beberapa kelebihan lain yang dimiliki library mPDF yaitu :

1. Tidak perlu diinstal untuk digunakan

2. Menghandle css yang dimiliki file HTML sehingga hasilnya menjadi mirip dengan file HTML.

3. Ukuran file PDFnya kecil.

4. Mendukung format utf-8.

(19)

9

BAB III

ANALISIS DAN PERANCANGAN

3.1 Sistem Kerja Yoopa Crayonpedia

Crayonpedia education ecosystem merupakan sebuah aplikasi web yang mengintegrasikan berbagai macam fitur menjadi sebuah system yang berkaitan antara satu dengan yang lainnya. Fitur fitur yang terdapat pada crayonpedia education ecosystem yaitu TADJ, moodle, forum, blog dan yoopa.

Yoopa adalah sebuah system management user yang terdiri dari berbagai detail informasi user seperti basic info, riwayat pendidikan, riwayat organisasi, engalam kerja dan masih banyak lagi. Berikut adalah system kerja aplikasi yoopa.

Gambar 2 Sistem kerja yoopa crayonpedia

Berikut ini penjelasan dari Gambar 2 Sistem kerja yoopa crayonpedia 1. User mengakses website yoopa

2. Website yoopa mengambil data user yang disimpan pada server 3. Server memberikan data user kepada website yoopa

4. Website yoopa memberikan data kepada user

(20)

10

3.2 Sistem Kerja Management Bimbingan pada TADJ

Tugas akhir dalam jaringan disingkat TADJ merupakan sebuah aplikasi web yang dibangun untuk menangani proses tugas akhir. Dengan aplikasi ini diharapkan proses tugas akhir yang dilakukan secara manual dapat diganti dengan sebuah system informasi yang terintegrasi. User yang terlibat dalam aplikasi ini meliputi mahasiswa dan dosen dalam sebuah perguruan tinggi yang terdiri dari berbagai perguruan tinggi, sehingga diharapkan dapat terjadi interaksi antar perguruan tinggi untuk mengurangi kesenjangan sumber daya yang ada.

3.3 Analisis Kebutuhan Perangkat Keras dan Perangkat Lunak

Analisis kebutuhan ini bertujuan agar hasil pengembangan sesuai dengan harapan, maka sistem yang dibutukan adalah sebagai berikut.

a. Dapat menampilkan detail data pengguna.

b. Dapat melakukan management data pengguna.

c. Dapat mencari dan melihat pengguna lain.

d. Dapat membuatkan CV berbentuk PDF dari data pengguna.

e. Dapat menangani proses bimbingan tugas akhir.

Berikut ini analisis kebutuhan perangkat keras dan perangkat lunak yang dibutuhkan untuk pengembangan Crayonpedia berbasis web.

1. Perangkat Keras yang digunakan sebagai server adalah sebagai berikut.

a. Processor i3 @ 3.0GHz b. RAM 8 GB

c. Hardisk 1 TB

2. Perangkat Lunak yang digunakan dalam pembuatan aplikasi ini adalah sebagai berikut.

a. Windows Server 2012 64-bit b. Mysql server

c. phpmyadmin d. PHP 5

(21)

11 3.4 Flowchart

Dibawah ini merupakan flowchart dari fitur fitur website yoopa.

3.4.1 Flowchart adress pada yoopa

Gambar 3 Flowchart address pada yoopa

(22)

12 3.4.2 Flowchart basic info pada yoopa

Gambar 4 Flowchart basic info pada yoopa

(23)

13

3.4.3 Flowchart communication skill pada yoopa

Gambar 5 Flowchart communication skill pada yoopa

(24)

14 3.4.4 Flowchart contact info pada yoopa

Gambar 6 Flowchart contact info pada yoopa

(25)

15 3.4.5 Flowchart document pada yoopa

Gambar 7 Flowchart document pada yoopa

(26)

16 3.4.6 Flowchart education pada yoopa

Gambar 8 Flowchart education pada yoopa

(27)

17 3.4.7 Flowchart hobby pada yoopa

Gambar 9 Flowchart hobby pada yoopa

(28)

18 3.4.8 Flowchart id card pada yoopa

Gambar 10 Flowchart id card pada yoopa

(29)

19

3.4.9 Flowchart organization experience pada yoopa

Gambar 11 Flowchart organization experience pada yoopa

(30)

20

3.4.10 Flowchart work experience pada yoopa

Gambar 12 Flowchart work experience pada yoopa

(31)

21 3.4.11 Flowchart skill info pada yoopa

Gambar 13 Flowchart skill info pada yoopa

(32)

22 3.4.12 Flowchart show user data pada yoopa

Gambar 14 Flowchart show user data pada yoopa

(33)

23 3.4.13 Flowchart search pada yoopa

Gambar 15 Flowchart search pada yoopa

(34)

24 3.4.14 Flowchart bimbingan pada TADJ

Gambar 16 Flowchart bimbingan pada TADJ

Penjelasan Gambar 3 Flowchart address pada yoopa sebagai berikut.

1. Aplikasi di jalankan menampilkan alamat pengguna.

2. Ketika memilih action set public maka sistem akan merubah alamat pengguna menjadi dapat dilihat oleh pengguna lain.

3. Ketika memilih action only me maka sistem akan merubah alamat pengguna menjadi tidak dapat dilihat oleh pengguna lain.

4. Ketika memilih action add maka sistem akan menampilkan sebuah form yan harus diisi pengguna untuk menambahkan alamat baru.

(35)

25

5. Ketika memilih data alamat tertentu maka sistem akan menampilkan action baru yaitu edit, delete dan set current.

6. Ketika memilih action edit maka sistem akan menampilkan sebuah form yan harus ganti datanya oleh pengguna.

7. Ketika memilih action delete maka sistem akan menghapus alamat yang dipilih.

8. Ketika memilih action set current maka sistem akan menjadikan alamat yang dipilih menjadi alamat sekarang.

Penjelasan Gambar 4 Flowchart basic info pada yoopa sebagai berikut.

1. Aplikasi di jalankan menampilkan info dasar pengguna.

2. Ketika memilih action set public maka sistem akan merubah info dasar pengguna menjadi dapat dilihat oleh pengguna lain.

3. Ketika memilih action only me maka sistem akan merubah info dasar pengguna menjadi tidak dapat dilihat oleh pengguna lain.

Penjelasan Gambar 5 Flowchart communication skill pada yoopa sebagai berikut.

1. Aplikasi di jalankan menampilkan communication skill pengguna.

2. Ketika memilih action set public maka sistem akan merubah communication skill pengguna menjadi dapat dilihat oleh pengguna lain.

3. Ketika memilih action only me maka sistem akan merubah communication skill pengguna menjadi tidak dapat dilihat oleh pengguna lain.

4. Ketika memilih action add maka sistem akan menampilkan sebuah form yan harus diisi pengguna untuk menambahkan communication skill baru.

5. Ketika memilih data communication skill tertentu maka sistem akan menampilkan action baru yaitu edit dan delete.

7. Ketika memilih action delete maka sistem akan menghapus communication skill yang dipilih.

(36)

26

Penjelasan Gambar 6 Flowchart contact info pada yoopa sebagai berikut.

1. Aplikasi di jalankan menampilkan contact info pengguna.

2. Ketika memilih action set public maka sistem akan merubah contact info pengguna menjadi dapat dilihat oleh pengguna lain.

3. Ketika memilih action only me maka sistem akan merubah contact info pengguna menjadi tidak dapat dilihat oleh pengguna lain.

4. Ketika memilih action add maka sistem akan menampilkan sebuah form yan harus diisi pengguna untuk menambahkan contact info baru.

5. Ketika memilih data contact info tertentu maka sistem akan menampilkan action baru yaitu edit dan delete.

7. Ketika memilih action delete maka sistem akan menghapus contact info yang dipilih.

Penjelasan Gambar 7 Flowchart document pada yoopa sebagai berikut.

1. Aplikasi di jalankan menampilkan dokumen pengguna.

2. Ketika memilih action set public maka sistem akan merubah dokumen pengguna menjadi dapat dilihat oleh pengguna lain.

3. Ketika memilih action only me maka sistem akan merubah dokumen pengguna menjadi tidak dapat dilihat oleh pengguna lain.

4. Ketika memilih action add maka sistem akan menampilkan sebuah form yan harus diisi pengguna untuk menambahkan dokumen baru.

5. Ketika memilih data dokumen tertentu maka sistem akan menampilkan action baru yaitu edit.

Penjelasan Gambar 8 Flowchart education pada yoopa sebagai berikut.

1. Aplikasi di jalankan menampilkan pendidikan pengguna.

2. Ketika memilih action set public maka sistem akan merubah pendidikan pengguna menjadi dapat dilihat oleh pengguna lain.

(37)

27

3. Ketika memilih action only me maka sistem akan merubah pendidikan pengguna menjadi tidak dapat dilihat oleh pengguna lain.

4. Ketika memilih action add maka sistem akan menampilkan sebuah form yan harus diisi pengguna untuk menambahkan pendidikan baru.

5. Ketika memilih data pendidikan tertentu maka sistem akan menampilkan action baru yaitu edit, delete dan set current.

7. Ketika memilih action delete maka sistem akan menghapus pendidikan yang dipilih.

8. Ketika memilih action set current maka sistem akan menjadikan pendidikan yang dipilih menjadi sedang dilakukan.

Penjelasan Gambar 9 Flowchart hobby pada yoopa sebagai berikut.

1. Aplikasi di jalankan menampilkan hobi pengguna.

2. Ketika memilih action set public maka sistem akan merubah hobi pengguna menjadi dapat dilihat oleh pengguna lain.

3. Ketika memilih action only me maka sistem akan merubah hobi pengguna menjadi tidak dapat dilihat oleh pengguna lain.

4. Ketika memilih action add maka sistem akan menampilkan sebuah form yan harus diisi pengguna untuk menambahkan hobi baru.

5. Ketika memilih data hobi tertentu maka sistem akan menampilkan action baru yaitu edit dan delete.

7. Ketika memilih action delete maka sistem akan menghapus hobi yang dipilih.

Penjelasan Gambar 10 Flowchart id card pada yoopa sebagai berikut.

1. Aplikasi di jalankan menampilkan id card pengguna.

2. Ketika memilih action set public maka sistem akan merubah id card pengguna menjadi dapat dilihat oleh pengguna lain.

(38)

28

3. Ketika memilih action only me maka sistem akan merubah id card pengguna menjadi tidak dapat dilihat oleh pengguna lain.

4. Ketika memilih action add maka sistem akan menampilkan sebuah form yan harus diisi pengguna untuk menambahkan id card baru.

5. Ketika memilih data id card tertentu maka sistem akan menampilkan action baru yaitu edit dan delete.

7. Ketika memilih action delete maka sistem akan menghapus id card yang dipilih.

Penjelasan Gambar 11 Flowchart organization experience pada yoopa sebagai berikut.

1. Aplikasi di jalankan menampilkan pengalaman organisasi pengguna.

2. Ketika memilih action set public maka sistem akan merubah pengalaman organisasi pengguna menjadi dapat dilihat oleh pengguna lain.

3. Ketika memilih action only me maka sistem akan merubah pengalaman organisasi pengguna menjadi tidak dapat dilihat oleh pengguna lain.

4. Ketika memilih action add maka sistem akan menampilkan sebuah form yan harus diisi pengguna untuk menambahkan pengalaman organisasi baru.

5. Ketika memilih data pengalaman organisasi tertentu maka sistem akan menampilkan action baru yaitu edit, delete dan set current.

7. Ketika memilih action delete maka sistem akan menghapus pengalaman organisasi yang dipilih.

8. Ketika memilih action set current maka sistem akan menjadikan pengalaman organisasi yang dipilih menjadi sedang dilakukan.

Penjelasan Gambar 12 Flowchart work experience pada yoopa sebagai berikut.

1. Aplikasi di jalankan menampilkan pengalaman bekerja pengguna.

2. Ketika memilih action set public maka sistem akan merubah pengalaman bekerja pengguna menjadi dapat dilihat oleh pengguna lain.

(39)

29

3. Ketika memilih action only me maka sistem akan merubah pengalaman bekerja pengguna menjadi tidak dapat dilihat oleh pengguna lain.

4. Ketika memilih action add maka sistem akan menampilkan sebuah form yan harus diisi pengguna untuk menambahkan pengalaman bekerja baru.

5. Ketika memilih data pengalaman bekerja tertentu maka sistem akan menampilkan action baru yaitu edit, delete dan set current.

7. Ketika memilih action delete maka sistem akan menghapus pengalaman bekerja yang dipilih.

8. Ketika memilih action set current maka sistem akan menjadikan pengalaman bekerja yang dipilih menjadi sedang dilakukan.

Penjelasan Gambar 13 Flowchart skill info pada yoopa sebagai berikut.

1. Aplikasi di jalankan menampilkan skill info pengguna.

2. Ketika memilih action set public maka sistem akan merubah skill info pengguna menjadi dapat dilihat oleh pengguna lain.

3. Ketika memilih action only me maka sistem akan merubah skill info pengguna menjadi tidak dapat dilihat oleh pengguna lain.

4. Ketika memilih action add maka sistem akan menampilkan sebuah form yan harus diisi pengguna untuk menambahkan skill info baru.

5. Ketika memilih data skill info tertentu maka sistem akan menampilkan action baru yaitu edit, delete dan set specialist.

7. Ketika memilih action delete maka sistem akan menghapus skill info yang dipilih.

8. Ketika memilih action set specialist maka sistem akan menjadikan skill info yang dipilih menjadi berstatus specialist.

(40)

30

Penjelasan Gambar 14 Flowchart show user pada yoopa sebagai berikut.

1. Sistem akan menampilkan data basic info pengguna.

2. Sistem akan menampilkan data communication skill pengguna.

3. Sistem akan menampilkan data address pengguna.

4. Sistem akan menampilkan data contact info pengguna.

5. Sistem akan menampilkan data id card pengguna.

6. Sistem akan menampilkan data hobby pengguna.

7. Sistem akan menampilkan data education pengguna.

8. Sistem akan menampilkan data work experience pengguna.

9. Sistem akan menampilkan data organization experience pengguna.

10. Sistem akan menampilkan data skill info pengguna.

11. Sistem akan menampilkan data document pengguna.

Penjelasan Gambar 15 Flowchart search pada yoopa sebagai berikut.

1. Aplikasi di jalankan akan meminta pengguna untuk memasukan sebuah keyword pencarian.

2. Sistem akan menampilkan data user yang sesuai dengan keyword yang diberikan oleh pengguna,

Penjelasan Gambar 16 Flowchart bimbingan pada yoopa sebagai berikut.

1. Aplikasi di jalankan menampilkan project tugas akhir pengguna.

2. Ketika memilih action update gambar maka sistem akan meminta user memasukan data gambar yang akan dijadikan gambar profile pengguna.

3. Ketika memilih action update deskripsi maka sistem akan menampilkan form yang harus diisi yang akan dijadikan deskripsi yang baru.

4. Ketika memilih action update video maka sistem akan menampilkan form yang harus diisi yang akan dijadikan video project tugas akhir pengguna.

5. Ketika memilih action pengumpulan berkas maka sistem akan memeriksa tahapan yang sedang ditempuh oleh pengguna kemudian meminta pengguna untuk memasukan data beserta dokumen project.

(41)

31 3.5 Rancangan Struktur Tabel

Berikut rancangan struktur table dari aplikasi yoopa.

Tabel 1 Rancangan tabel profile

No Nama Field Type Data Keterangan

1 id Int Id profile

2 uid Varchar 100 Id user 3 gender Tinyint Jenis kemain 4 placebday Text Tempat lahir 5 bday Date Tanggal lahir 6 country Varchar 100 Negara asal 7 relationship Varchar 100 Hubungan 8 religion Varchar 20 Agama

9 blood_type Varchar 3 Golongan darah 10 about Text Sekilas tentang user

11 view_status Tinyint Status untuk keterangan public atau tidak

Tabel 2 Rancangan table communication skill

1 id Int Id cs language

2 uid Varchar 100 Id user

3 lang_id Tinyint Status Bahasa indonesia atau Bahasa asing 4 language Varchar 50 Nama Bahasa

5 description Text Deskripsi Bahasa

Tabel 3 Rancangan table address

No Nama Field Type Data Keterangan

1 id Int Id address

2 uid Varchar 100 Id user 3 city_id Int Id kota 4 detail Text Detail address

5 current_status Tinyint Status alamat sekarang atau bukan 6 description Text Deskripsi tempat pada alamat tersebut 7 view_status Tinyint Status untuk keterangan public atau tidak

(42)

32

Tabel 4 Rancangan table contact

1 id Int Id contact

2 uid Varchar 100 Id user 3 type Int Jenis contact 4 contact Text contact

Tabel 5 Rancangan table id card

1 id Int Id id card

2 uid Varchar 100 Id user 3 type Tinyint Tipe id card 4 number Text Nomor id card

5 description Text Deskripsi id card tersebut

Tabel 6 Rancangan table hobby

1 id Int Id hobby

2 uid Varchar 100 Id user 3 category Tinyint Jenis hobby

4 name Text Nama hobby

5 description Text Deskripsi nama

Tabel 7 Rancangan table education

1 id Int Id education

2 uid Varchar 100 Id user 3 school_name Text Nama sekolah 4 start Varchar 20 Mulai sekolah 5 graduate Varchar 20 Selesai sekolah

6 description Text Deskripsi jenjang yang diambil

7 current_status Tinyint Status apakah sedang ditembuh atau tidak 8 view_status Tinyint Status keterangan public atau tidak

(43)

33

Tabel 8 Rancangan table work experience

1 id Int Id work experience

3 title Text Tempat bekerja

4 description Text Apa yang dikerjakan 5 position Text Posisi yang diambil 6 start_date Varchar 20 Mulai bekerja 7 end_date Varchar 20 Selesai bekerja

8 current_status Tinyint Status apakah sedang ditempuh atau tidak 9 view_status Tinyint Status untuk keterangan public atau tidak

Tabel 9 Rancangan table organization experience

1 id Int Id organization experience 2 uid Varchar 100 Id user

3 title Text Tempat berorganisasi 4 description Text Apa yang dikerjakan 5 position Text Posisi yang diambil 6 start_date Varchar 20 Mulai berorganisasi 7 end_date Varchar 20 Selesai berorganisasi

8 current_status Tinyint Status apakah sedang ditempuh atau tidak 9 view_status Tinyint Status untuk keterangan public atau tidak

Tabel 10 Rancangan table cs language

1 id Int Id cs language

3 lang_id tinyint Status Bahasa indonesia atau Bahasa asing 4 language Varchar 50 Nama Bahasa

5 description Text Deskripsi Bahasa

6 view_status Tinyint Status untuk keterangan profile public atau tidak

(44)

34

Tabel 11 Rancangan table skill info

1 id Int Id skill

3 type Int Jenis skill

4 name Text Nama skill

5 spesialist Tinyint Status apakah sudah specialist atau belum 6 description Text Deskripsi skill

Tabel 12 Rancangan table document

1 id Int Id document

2 uid Varchar 100 Id user 3 title Text Judul project

4 keterangan Text Deskripsi singkat project 5 file Text File project disimpan

3.6 Rancangan Antarmuka Aplikasi Yoopa main

Gambar 17 Rancangan Antarmuka Aplikasi Yoopa main

(45)

35

3.7 Rancangan Antarmuka Aplikasi Yoopa search

Gambar 18 Rancangan Antarmuka Aplikasi Yoopa Search

3.8 Rancangan Antarmuka Aplikasi Yoopa view search

Gambar 19 Rancangan Antarmuka Aplikasi Yoopa view search

(46)

36

BAB IV

IMPLEMENTASI DAN PENGUJIAN

4.1 Implementasi Sistem

Implementasi sistem adalah tahap pengujian kelayakan di sistem yang dibuat sehingga aplikasi yang dibuat tidak menyimpang dari perancangan sistemnya.

Aplikasi ini dibuat dengan menggunakan Notepad++ dengan PHP sebagai bahasa pemrograman aplikasi. MySQL Workbench sebagai database digunakan untuk menyimpan data yang dibutuhkan. Spesifikasi perangkat keras untuk pengembangan aplikasi adalah sebagai berikut.

a. Perangkat Keras:

1. Server dengan spesifikasi prosesor Intel(R) Core(TM) i3-3210 CPU @ 3.20GHz (4 CPUs), ~3.2GHz

2. RAM 8 GB DDR3 3. Harddisk 1 TB

b. Perangkat lunak yang digunakan untuk pengembangan aplikasi adalah:

1. Windows Server 2012 R2 Datacenter 64-bit 2. Mysql server 5.6

3. phpmyadmin 4.4.14 4. PHP 5.4.24

5. XAMPP 6. PHP Designer

(47)

37

4.2 Implementasi Antar Muka Website Yoopa

Berikut merupakan beberapa implementasi dari proses yang terdapat pada website yoopa.

Tabel 13 Tampilan halaman main yoopa

Deskripsi Tampilan halaman main Yoopa Tampilan

Keterangan Pada tampilan diatas merupakan halaman main pengguna yang menampilkan seluruh data pengguna. Telah dilakukan pengujian terhadap fitur ini dan hasilnya sesuai dengan yang diharapkan.

(48)

38

Tabel 14 Tampilan action set public, only me dan edit

Deskripsi Tampilan action set public, only me dan edit pada seluruh data pengguna Tampilan

Keterangan Pada tampilan diatas merupakan pilihan action yang keluar saat action pada setiap menu data pengguna di tekan. Pada seluruh data pengguna ada tiga action yaitu set public, only me dan edit. Telah dilakukan pengujian terhadap fitur ini dan hasilnya sesuai dengan yang diharapkan.

(49)

39

Tabel 15 Tampilan edit basic info

Deskripsi Tampilan edit basic info Tampilan

(50)

40

Keterangan Pada tampilan diatas merupakan tampilan saat ingin melakukan pengeditan terhadap data basic info pengguna. Telah dilakukan pengujian terhadap fitur ini dan hasilnya sesuai dengan yang diharapkan.

Tabel 16 Tampilan add contact

Deskripsi Tampilan add contact Tampilan

Keterangan Pada tampilan diatas merupakan tampilan saat ingin melakukan penambahan data contact. Telah dilakukan pengujian terhadap fitur ini dan hasilnya sesuai dengan yang diharapkan.

(51)

41

Tabel 17 Tampilan action edit, delete dan set current

Deskripsi Tampilan action saat tombol action pada data pengguna diklik Tampilan

Keterangan Pada tampilan diatas merupakan tampilan saat tombol action pada address pengguna diklik, ada tiga buah action yaitu edit, set current dan delete. Telah dilakukan

pengujian terhadap fitur ini dan hasilnya sesuai dengan yang diharapkan.

Tabel 18 Tampilan search

Deskripsi Tampilan hasil search dengan keyword ”mahasiswa”

Tampilan

Keterangan Pada tampilan diatas merupakan tampilan fitur search dijalankan dengan keyword

“mahasiswa”. Telah dilakukan pengujian terhadap fitur ini dan hasilnya sesuai dengan yang diharapkan.

(52)

42

Tabel 19 Tampilan view hasil search

Deskripsi Tampilan hasil view search pada user tertentu Tampilan

Keterangan Pada tampilan diatas merupakan tampilan saat seoran guser melihat user lain. BIsa dilihat bahwa tidak semua data terlihat, karena tidak seluruh data user di set public.

Pada gambar tersebut yang terlihat hanya data contact info saja karena data yang lain di set private. Telah dilakukan pengujian terhadap fitur ini dan hasilnya sesuai dengan yang diharapkan.

(53)

43

Tabel 20 Tampilan cv

Deskripsi Tampilan cv hasil generate versi yoopa Tampilan

Keterangan Pada tampilan diatas merupakan tampilan saat pengguna menggunakan fitur generate cv. Secara otomatis system akan membuatkan cv berbentuk PDF dari data data yang sudah diinputkan oleh pengguna. Telah dilakukan pengujian terhadap fitur ini dan hasilnya sesuai dengan yang diharapkan.

(54)

44

BAB V PENUTUP

5.1 Kesimpulan

Dapat disimpulkan bahwa semua system yang dibangun memiliki rancangan dan implementasi yang telah berjalan dengan baik sesuai dengan tujuan tugas akhir, yaitu:

1. Menampilkan detail data pengguna yang dikelompokan menjadi beberapa kelompok seperti jenis kelamin, tempat tanggal lahir, agama, golongan darah, alamat, kontak info, kartu identitas, hobi, riwayat pendidikan, riwayat organisasi dan project yang dikerjakan.

2. Melakukan management data pengguna dengan cara menambahkan data, mengurangi data, mengubah data, memberikan kondisi apakan dapat dilihat oleh pengguna lain atau tidak.

3. Mencari dan melihat pengguna lain dengan cara memasukan sebuah keyword kemudian system akan menampilkan data yang terkait dengan keyword tersebut sehingga pengguna tersebut dapat melihat detail data (hanya yang diizinkan) pengguna yang sesuai dengan keyword.

4. Menangani proses bimbingan tugas akhir secara online, diawali dengan pendaftaran tugas akhir yang dilakukan oleh dosen sampai dengan tahapan bimbingan dan revisi yang terjadi antara dosen dengan mahasiswa.

5.2 Saran

Saran untuk pengembangan ke depan dengan perbaikan system informasi dan aplikasi tugas akhir yaitu:

1. Aplikasi yang dibagun belum memperhatikan keamanan system.

2. Dibuat sebuah system peringatan yang dikirim dapat melalui email atau sms jika terdapat sebuah action tertentu.

3. Diberikan data kadaluarsa terhadap data data hasil bimbingan, sehingga jika sudah kadaluarsa dapat dilakukan penghapusan data.

(55)

45

DAFTAR PUSTAKA

[1] Wardana, S.Hut, M.Si, Menjadi Master PHP dengan Framework Codeigniter, Gramedia, 2014.

[2] _________________, Pengenalan XAMPP, 2000.

http://howto.blog.amikom.ac.id/internet/pengenalan-xampp/, diakses pada 9 November 2015, 15:00 WIB.

[3] MySQL Workbench Community. 2014. MySQL Workbench. Redwood City:

Oracle USA.

[4] ________________, FileZilla Client,

https://id.wikipedia.org/wiki/FileZilla_Client/, diakses pada 9 November 2015, 15:00 WIB.

[5] ________________, Community yoopa, http://community.lskk.ee.itb.ac.id/, diakses pada 29 Juni 2015, 11:00 WIB.

[6] __________________, Waterfall model | SDLC,

https://www.sdlc.ws/waterfall-model/, diakses pada 10 November 2015, 21:00 WIB.

[7] __________________, mPDF, http://www.mpdf1.com/mpdf/index.php, diakses pada 7 November 2015, 13:00 WIB.