bab i pendahuluan1 bab i pendahuluan 1.1 latar belakang memasuki era iot (internet of things) pada...

1

BAB I

PENDAHULUAN

1.1 LATAR BELAKANG

Memasuki era IOT (Internet of Things) pada tahun 2015 memicu peningkatan

perkembangan teknologi khususnya di bidang internet, semua provider kartu selular

khusunya di indonesia berlomba lomba untuk memberikan layanan internet terbaik

dengan harga murah, hal ini membuat masyarakat semakin memaksimalkan informasi

informasi berbasis internet, seperti membaca berita, bersosialisasi maupun jual beli

barang

Di zaman yang semuanya sudah serba cepat dan mudah seperti sekarang ini,

sudah pasti mendorong setiap individu atau kelompok untuk menerapkannya dalam

segala aktivitas bahkan dalam aktivitas bisnis. Setiap sistem yang ada seakan kurang

lengkap apabila masih menggunakan sistem manual.

Dengan adanya sarana internet,berdampak pula pada dunia pendidikan,

khususnya pada penerimaan mahasiswa baru (PMB) di sebuah perguruan tinggi atau

universitas. Dalam PMB tersebut komputer sangat diperlukan guna mengolah data

data yang berhubungan dengan PMB, sebab komputer merupakan suatu perangkat

elektronik yang dapat menerima masukan (input) dan selanjutnya melakukan

pengolahan (process) untuk menghasilkan keluaran (output) berupa informasi. Data

data yang dihasilkan dalam PMB dapat diolah sedemikin rupa sehingga dapat

diorganisir dalam suatu sistem informasi penerimaan mahasiswa baru.

2

Pengambilan sistem tersebut didasarkan pada kasus yang ada di Sekolah

Tinggi Teologi Obaja yang ada di Jakarta. Sistem penerimaan mahasiswa baru di STT

Obaja belum dilaksanakan, karena sistem penerimaan mahasiswa baru masih diolah

secara manual, karena itu perlu adanya pengembangan sistem tersebut yang sesuai

dengan kebutuhan yang diperlukan. Misalnya adanya databasecalon mahasiswa,

database orang tua dan wali serta pencetakan kartu calon mahasiswa secara otomatis.

Berdasarkan kasus tersebut maka penulis mencoba mengembangkan sistem informasi

penerimaan mahasiswa baru sesuai dengan kebutuhan yang ada di Sekolah Tinggi

Teologi Obaja.

1.2 MAKSUD DAN TUJUAN

Adapun maksud dan tujuan penulisan Tugas Akhir ini adalah:

1. Bagi STT Obaja diharapkan tersedianya sistem informasi penerimaan mahasiswa

baru yang awalnya masih bersifat manual.

2. Bagi STT Obaja agar semakin efektif memanfaatkan sistem informasi berbasis

Web.

3. Menyediakan sistem infomasi PMB di STT Obaja sehingga dapat diakses

pendaftar dimana dan kapan saja, selama rentang waktu PMB dibuka.

4. Mempermudah administrasi akademik ataupun PMB di STT Obaja untuk

mengolah data data calon mahasiswa/i yang mendaftar.

Adapun tujuan penulisan Tugas Akhir ini adalah sebagai salah satu syarat

kelulusan pada program Diploma tiga (D.III) pada jurusan manajemen informatika

(AMIK BSI)

3

1.3 METODE PENELITIAN

1.3.1. Metode Pengembangan Perangkat Lunak

Menurut Roger S. Pressman (2010, p1) “perangkat lunak komputer adalah

poduk yang dibangunoleh seorang tenaga professional dan bisa dikembangkan dalam

jangka waktu yang panjang. Konten yang berada di dalamnya merupakan

implementasi dari eksekusi program komputer, bisa berupa informasi

deskriptifMaupun informasi virtual”.

Rekayasa perangkat lunak mencakup proses, kumpulan metode dan berbagai

alat yang mendukung tenaga profesional untuk membangun perangkat lunak

komputer yang berkualitas tinggi.

Metode waterfall terbagi atas tiga tahapan (sommerville, 2007:66) yaitu;

1. Analisis Kebutuhan

Tahapan ini sangat menekan pada masalah pengumpulan kebutuhan pengguna

pada tingkatan sistem dengan menentukan konsep sistem beserta antar muka yang

menghubungkan dengan lingkungan sekitar. Hasilnya berupa spesifikasi sistem

beserta antar muka yang menghubungkannya dengan lingkungan sekitar. Hasilnya

berupa spesifikasi sistem. Spesifikasi sitem yang dibutuhkan adalah adanya sistem

penerimaan mahasiswa baru lewat website STT Obaja serta data data calon

mahasiswa baru.

2. Perancangan Sistem

Proses perancangan sistem ini difokuskan pada empat atribut, yaitu struktur data,

representasi antar muka, arsitektur perangkat lunak dan interaksi antar objek.

Perancangan sistem yang diperlukan adalah halaman utama, halaman informasi

4

dan cara mendaftar serta halaman untuk mengisi data calon mahasiswa baru serta

cetak kartu calon mahasiswa baru. Perancangan sistem ini akan dirancang

menggunakan aplikasi adobe dreamweaver Cs6, Xampp, MySql Javascript dan

Adobe Flash Cs6.

3. Implementasi dan pengujian

Pada tahap ini, perancangan perangkat lunak direalisasikan sebagai serangkaian

program atau unit program, kemudian pengujian unit melibatkan verifikasi

bahwa setiap unit program telah memenuhi spesifikasinya. Implementasi sistem

ini tentunya menggunakan hypertext preprocessor (PHP) dan Javascript.

1.3.2. Teknik Pengumpulan Data

Dalam memperoleh data penulisan tugas akhir ini, penulis hanya melakukan

beberapa cara metode penelitian, yaitu:

1. Tinjauan langsung (observasi)

Proses mengumpulkan data dengan melakukan pengamatan langsung mendatangi

narasumber seperti Pembantu Ketua I bidang Akademik Sekolah Tinggi Teologi

Obaja dan Kepala Biro Akademik Sekolah Tinggi Teologi Obaja.

2. Interview (Wawancara)

Wawancara dilakukan melalui pengumpulan data dengan melakukan Tanya

jawab secara langsung kepada pihak yang terkait untuk mengetahui gambaran

sistem yang ada. Kita megadakan wawancara dengan ketua PMB sekolah tinggi

Teologi Obaja Tahun 2015.

3. Studi pustaka (library Research)

5

Studi pustaka yang merupakan metode pengambilan data dari beberapa buku

cetak yang ada, yaitu buku mengenai perancangan Website

1.4 RUANG LINGKUP

Ruang lingkup yang akan dibahas dalam tugas akhir ini diantaranya

membatasi Dari sistem informasi pendaftaran dan langkah langkah dalam melakukan

pendaftaran ; pemilihan jurusan waktu kuliah, mengisi surat pernyataan, mengisi data

pribadi, upload ijazah, kartu tanda penduduk, dan pas foto dan cetak kartu mahasiswa

sementara sebagai bukti calon mahasiswa Sekolah Tinggi Teologi Obaja.

1.5 SISTEMATIKA PENULISAN

Sistematika yang digunakan dalam tugas akhir ini adalah sesuai dengan

panduan penyusunan tugas akhir dari buku panduan tugas akhir Bina Sarana

Informatika tahun 2015, sebagai berikut;

BAB I PENDAHULUAN

Menjelaskan tentang latar belakang penulisan Tugas Akhir, maksud dan

tujuan penulisan Tugas Akhir sampai dengan tehnik mengumpulkan data data Tugas

akhir ini.

BAB II LANDASAN TEORI

Menjelaskan tentang teori teori yang digunakan dalam penyusunan Tugas

Akhir ini

BAB III PEMBAHASAN

Menjelaskan tentang sejarah perusahaan yang diobservasi, menganalisis

kebutuhannya dan merancang desain antar muka serta melakukan pengujian unit

BAB IV PENUTUP

6

Berisi tentang kesimpulan dan saran

BAB II

LANDASAN TEORI

2.1 KONSEP DASAR WEB

2.1.1 Internet dan Website

“Pengertian Internetmenurut pakar internet asal Indonesia, Onno W. Purbo

menjelaskan bahwa internet dengan berbagai aplikasinya seperti Web, Email pada

dasarnya merupakan media yang digunakan untuk mengefisiensikan proses

komunikasi”.

sejarah internet bermula pada akhir decade 60-an saat united states

department of defense (DoD) memerlukan standar baru untuk komunikasi

internetworking, yaitu suatu standar baru yang mampu menghubungkan segala jenis

computer di DoD dengan komputer milik konraktor militer, organisasi penelitian dan

ilmiah di universitas. Jaringan ini harus kuat, aman dan tahan kerusakan sehingga

mampu beroperasi di dalam kondisi minimum akibat bencana atau perang.

1. Fasilitas Internet

internet menyediakan beberapa fasilitas utama, yaitu

a. Website

7

Menurut Yuhefizar (2008), “Website atau world wide Web (www) adalah

kumpulan halaman-halaman Web yang mengandung informasi, yang biasanya

terangkum dalam sebuah domain atau subdomain biasanya dibangun atas banyak

halaman Webyang saling berhubungan”.

Adapun kriteria Website yang baik dikemukakan oleh Suyanto (2009:61) adalah

1) Usability

Usability melibatkan pertanyaan “dapatkah user menemukan cara untuk

menggunakan situs Web tersebut dengan efektif (doing things right)” atau

usability adalah sebagai suatu pengalaman pengguna dalam berinteraksi dengan

aplikasi atau situs Web sampai pengguna dapat mengoperasikannya dengan

mudah dan cepat. Situs Web harus memenuhi limasyarat untuk mencapai

tingkat usability yang ideal, yaitu:

2) Mudah untuk dipelajari letakkan isi yang paling penting pada bagian atas

halaman agar pengunjung dapat menemukannya dengan cepat.

3) Efisien dalam penggunaan jangan menggunakan link yang terlalu banyak.

Sediakan seperlunya dan hantarkan pengunjung untuk mencapai informasi

yang diperlukan dengan cepat dan mudah. Hantarkan informasi yang user

butuhkan dengan sedikit mungkin klik.

4) Mudah untuk diingat, situs jangan terlalu banyak melakukan perubahan yang

mencolok, khusunya pada navigasi.

5) Tingkat kesalahan rendah hindari link yang tidak berfungsi (broken link)

atau halaman masih dalam proses pembuatan (under construction).

8

6) Kepuasan pengguna Sebuah Website seharusnya enak untuk digunakan.

User harus dapat menemukan apa yang mereka cari, mengunduhnya dengan

cepat, mengetahui kapan mereka selesai, dan mudah untuk berbagi site

kepada teman mereka.

b. Mailing List

Media untuk membentuk ruang diskusi di internet yang dapat diikuti oleh siapa

saja yang mempunyai minat terhadap suatu topik.

c. File Transfer Protocol ( FTP )

Fasilitas untuk mengirim dan mengambil file atau folder antar komputer yang

terhubung dengan jaringan internet.

d. Chatting

Fasilitas untuk mengobrol secara online baik secara teks maupun grafik.

2.1.2. Hal – hal berkaitan dengan Website:

1. WWW (World Wide Web)

Menurut Williams & Sawyer (2007:17) “World Wide Web adalah komponen

internet yang berupa multimedia. Internet memang telah lahir lebih dari 35 tahun

lalu, tetapi yang mempopulerkan internet adalah World Wide Web. Web

didefinisikan sebagai sistem interkoneksi komputer internet yang mendukung

dokumen – dokumen berformat multimedia”.

a. WebBrowser

9

Menurut Sunarto (2005:23),”Webbrowser adalah sebuah program aplikasi

yang digunakan untuk menjelajahi dunia maya dan menampilkan Web page

yang ada di internet”.

Berdasarkan teori diatas dapat disimpulkan bahwa Webbrowser adalah

program yang dapat menampilkan dokumen hypermedia dan Web page di

dunia maya internet.

b. Web Server

Menurut Supardi (2009:181) “Web server adalah perangkat lunak yang

mengatur atau mengelola program berdasarkan permintaan browser dan

mengirimkan hasil dari permintaan tersebut”.

c. Web Service

Menurut Al-Fedaghi (2011:57)“Web service adalah teknologi yang

berbasiskan dari konsep layanan yang memanfaatkan penggunaan teknologi

computing”.

d. Hypertext Transfer Protocol ( HTTP )

Menurut Sunarto (2005:22) “HTTP adalah sebuah protocol yang menentukan

aturan main antara software client dan software server dalam penyediaan

dokumen yang diminta browser”.

e. Uniform Resource Locator (URL)

10

Menurut Suyanto (2009:195) “URL adalah alamat sebuah file yang dapat

diakses di internet, berisi nama protocol internet yang dibutuhkan untuk

mengakses file, nama computer yang berisi file tersebut, dan direktori dimana

file tersebut berada. Secara umum, URL dibagi menjadi tiga bagian. Bagian

pertama menunjukkan protocol yang dipakai seperti http:// atau https://.

Bagian kedua menunjukkan alamat host seperti www.yahoo.com. Bagian

ketiga menunjukkan path direktori file, yaitu tempat dimana file yang ingin

diakses disimpan dalam server”.

f. Transmission Control Protocol / Internet Protocol ( TCP / IP )

Menurut Hardiyanto (2013;27) “TCP/IP adalah sebuah perangkat lunak

jaringan komputer yang terdapat dalam satu sistem dan memungkinkan

komputer satu dengan komputer lain dapat mentransfer data dalam satu grup

network/jaringan. TCP singkatan dari Transmission Control Protocol dan IP

singkatan dari Internet Protocol. TCP/IP menjadi satu nama karena fungsinya

selalu bergandengan satu sama lain dalam komunikasi data”.

2.1.3. BAHASA PEMOGRAMAN

Bahasa Pemograman yang digunakan adalah

1. Hyper Text Markup Language (HTML)

11

Menurut Anhar (2010:1)”Hyper Text Markup Language (HTML) adalah

sekumpulan symbol symbol atau tag tag yang dituliskan dalam sebuah file yang

digunakan untuk menampilkan halaman pada Webbrowser”.

Tag tag HTML selalu diawali dengan dan diakhiri . HTML disebut

sebagai markup language karena mengandung tanda tanda tertentu yang

digunakan untuk menetukan tampilan suatu teks dan tingkat kepentingan dari

teks tersebut dalam suatu dokumen dengan sistem hypertext pada dokumen

HTML.

2. Hypertext Preprocessor (PHP)

Menurut Suryatiningsih (2009:141) “PHP adalah bahasa scripting yang

menyatu dengan HTML dan dijalankan pada server side”.

PHP merupakan bahasa scripting tingkat tinggi yang dipasang pada dokumen

HTML. Sebagian besar sintaks dalam PHP mirip dengan bahasa C, Java dan

Perl namun pada PHP ada beberapa fungsi yang lebih spesifik.

PHP pertama kali dibuat oleh Rasmus Lerdroft, seorang programmer C. pada

waktu itu PHP masih bernama FI (Form Intrepeted) yang wujudnya beruoa

sekumpulan script yang digunakan untuk mengolah form dari Web. Jadi semula

PHP digunakannya untuk menghitung jumlah pengunjung di Web.

3. Javascript

“Netscape mengadakan kerjasama dengan SunMicrosystems untuk

mengembangkan Livescript. Tepat ketika Netscape Navigator 2 dirilis,

Netscape merubah Livescript menjadi Javascript dengan tujuan bahasa baru ini

Booming di kalangan programmer”. (www.duniailkom.com )

12

Kelemahan pemrosesan di sisi Web server adalah setiap instruksi dari user

harus dikirim terlebih dahulu ke Web server, baru kemudian ditampilkan ke

dalam Webbrowser. Karena kecepatan rata rata koneksi internet yang terbatas,

maka hal ini dipandang tidak efisien. Programmer Web membutuhkan bahasa

pemograman client side yang bisa berjalan di Webbrowser tanpa harus dikirim

ke Web server. Java adalah bahasa pemograman client side.

“javascriptmerupakan bahasa pemograman yang tangguh dan terbukti handal

pada banyak aplikasi” (S.T.Sianipar, 2013:19).

4. Adobe Dreamweaver CS6

“Dreamweaver menjadi Web desain standard an alat pengembangan untuk

banyak organisasi dan dreamweaver CS6 dibutuhkan untuk merespon dengan

cara Web telah berubah, serta cara berubah” (Andi,2011:3)

Adobe dreamweaver CS6 mempunyai kelebihan sebagai berikut:

1) Kemampuannya membuat halaman Web yang terlihat konsisten.

Adobe Dreamweaver sudah terinstall beberapa template yang elegan dan

menarik. Tentunya ini memudahkan anda yang ingin belajar membuat

sebuah Web namun anda belum mampu membuat design Web sendiri. Jika

anda ingin membuat lebih dari 10 halaman Web dengan didasarkan design

template tertentu maka Web anda akan memiliki gaya halaman Web yang

sama dan terlihat konsisten dari halaman perhalaman.

13

2) Kemudahan dan efisiensi dalam penggunaan

Program ini tidak hanya dirancang untuk anda yang sudah mahir dan

mengerti bahasa pemrograman. Bagi anda yang belum mengerti bahasa

pemrograman, anda bisa membuat halaman Web dengan hanya cara

mengklik atau drag and drop menggunakan mouse serta anda juga bisa

melihat halaman html-nya selama proses desain berlangsung. Atau yang

lebih dikenal dengan sebutan WYSIWYG (What You See Is What You Get)

3) Selain itu dreamweaver memiliki kemampuan memperlihatkan 3 proses

yang berbeda, yaitu :

a. Code View: Berfungsi untuk hanya menampilkan script html saja.

b. Desain View: Berfungsi menampilkan kode-kode html yang anda tulis

menjadi sebuah design/template yang nantinya akan ditampilkan di

browser.

c. Split View: Berfungsi menampilkan gabungan antara Code View dan

Desain View pada saat bersamaan.Jadi anda bisa langsung melihat

perubahan pada saat anda mengubah htmlnya.

4) Mudah untuk mengupload melalui FTP

Dreamweaver sudah dilengkapi dengan fitur FTP jadi setelah anda selesai

membangun sebuah Web.

anda bisa langsung menguploadnya melalui FTP .FTP (Transfer Protocol)

adalah sebuah protokol Internet yang berjalan di dalam lapisan aplikasi

yang merupakan standar untuk pentransferan berkas (file) komputer antar

mesin-mesin dalam sebuah internetwork

14

5) Dapat dikustom

Dreamweaver dapat disesuaikan dengan kebutuhan yang anda perlukan.

Menu, tab, perintah, font dan warna semua kode dapat disesuaikan dengan

preferensi pribadi. Hal ini dapat secara efektif memudahkan proses desain

Web. Selain itu dreamweaver didukung banyak plug-in yang membantu

anda dalam proses desain.(Andi, 2011:6)

5. Adobe Flash CS6

“Adobe Flash (dahulu bernama Macromedia Flash) adalah salah satu perangkat

lunak komputer yang merupakan produk unggulan Adobe Systems. Adobe Flash

merupakan sebuah program yang didesain khusus oleh Adobe dan program

aplikasi standar authoring tool professional yang digunakan untuk membuat

animasi dan bitmap yang sangat menarik untuk keperluan pembangunan situs

Webyang interaktif dan dinamis” (elex media komputindo, 2010:ii).

Flash didesain dengan kemampuan untuk membuat animasi 2 dimensi yang

handal dan ringan sehingga flash banyak digunakan untuk membangun dan

memberikan efek animasi pada Website, CD Interaktif dan yang lainnya.

Keunggulan yang dimiliki oleh Flash ini adalah ia mampu diberikan sedikit code

pemograman baik yang berjalan sendiri untuk mengatur animasi yang ada

didalamnya atau digunakan untuk berkomunikasi dengan program lain seperti

HTML, PHP, dan Database dengan pendekatan XML, dapat dikolaborasikan

dengan Web, karena mempunyai keunggulan antara lain kecil dalam ukuran file

outputnya. Aplikasi Flash merupakan sebuah standar aplikasi industri

15

perancangan animasi Web dengan peningkatan pengaturan dan perluasan

kemampuan integrasi yang lebih baik. Flash juga dapat digunakan untuk

mengembangkan secara cepat aplikasi-aplikasi Web yang kaya dengan

pembuatan script tingkat lanjut. Versi terbaru adobe flash sampai pada tahun ini

adalah adobe flash CS6

2.1.4. BASIS DATA

1. DATABASE

Menurut Connolly, Thomas and Begg, Carolyn (2010:65) “databasemerupakan

sekumpulan data yang berhubungan secara logical dan dideskripsikan serta

dirancang untuk memenuhi kebutuhan sistem informasi yang dibutuhkan suatu

organisasi”.

a. MySQL

MySQL adalah sistem manajemen database SQL yang bersifat open source

dan paling popular saat ini. Sistem ini mendukung beberapa fitur seperti

Multithreaded, Multiuser dan SQL Database Management Systim (DBMS).

Database ini dibuat untuk keperluan sistem databse yang cepat, handal dan

mudah digunakan. Ulf Michael Widenius adalah penemu awal versi pertama

MySQL yang kemudian pengembangan selanjutnya dilakukan oleh

perusahaan MySQL AB.

Menurut Antonius Nugraha Widhi Pratama (2010:10) “MySQL adalah suatu

sistem manajemen basis data relasional (RDBMS-Relational

16

DatabaseManagement System) yang mampu bekerja dengan cepat, kokoh dan

mudah digunakan”.

Kelebihan MySQL

1) Source MySQL dapat diperoleh dengan mudah dan gratis.

2) Sintaksnya lebih mudah dipahami dan tidak rumit.

3) Pengaksesan database dapat dilakukan dengan mudah.

4) MySQL merupakan program yang multithreaded, sehingga dapat dipasang

pada server yang memiliki multiCPU.

5) Didukung programprogram umum seperti C, C++, Java, Perl, PHP, Python,

dsb.

6) Bekerja pada berbagai platform. (tersedia berbagai versi untuk berbagai

sistem operasi).

7) Memiliki jenis kolom yang cukup banyak sehingga memudahkan

konfigurasi sistem database.

8) Memiliki sistem sekuriti yang cukup baik dengan verifikasi host.

9) Mendukung ODBC untuk sistem operasi Windows.

10) Mendukung record yang memiliki kolom dengan panjang tetap atau

panjang bervariasi

2.1.5. MODEL PENGEMBANGAN PERANGKAT LUNAK

Menurut Roger S. Pressman (2010, p1) “perangkat lunak komputer adalah

poduk yang dibangunoleh seorang tenaga professional dan bisa dikembangkan dalam

jangka waktu yang panjang. Konten yang berada di dalamnya merupakan

17

implementasi dari eksekusi program komputer, bisa berupa informasi deskriptif

maupunvirtual”

Dalam pengembangannya metode waterfall memiliki beberapa tahapan yaitu:

requirement, design, implementation, verification dan maintenance. Tahap

requirement atau spesifikasi kebutuhan sistem adalah analisa kebutuhan sistem yang

dibuat dalam bentuk yang dapat dimengerti oleh klien dan staf pengembang. Dalam

tahap ini klien atau pengguna menjelaskan segala kendala dan tujuan serta

mendefinisikan apa yang diinginkan dari sistem. Setelah dokumen spesifikasi

disetujui maka dokumen tersebut menjadi kontrak kerja antara klien dan pihak

pengembang. Tahap selanjutnya adalah desain, dalam tahap ini pengembang akan

menghasilkan sebuah arsitektur sistem secara keseluruhan, dalam tahap ini

menentukan alur perangkat lunak hingga pada tahap algoritma yang detil. Selanjutnya

tahap implementasi, yaitu tahapan dimana keseluruhan desain diubah menjadi kode-

kode program. kode program yang dihasilkan masih berupa modul-modul yang

selanjutnya akan di integrasikan menjadi sistem yang lengkap untuk meyakinkan

bahwa persyaratan perangkat lunak telah dipenuhi. Tahap selanjutnya adalah

verifikasi oleh klien, klien menguji apakah sistem tersebut telah sesuai dengan

kontrak yang telah disetujui. Tahap akhir adalah pemeliharaan yang termasuk

diantaranya instalasi dan proses perbaikan sistem sesuai kontrak.(tunas.com)

2.2. TEORI PENDUKUNG

2.2.1 STRUKTUR NAVIGASI

18

Menurut Kurniawan (2010:213) “Pada pengembangan aplikasi berbasis Web,

tentunya dalam membuat lebih dari satu halaman Web, bahkan bisa ratusan jika

aplikasi yang dibangun kompleks. Oleh karenanya navigasi adalah fitur yang harus

disediakan. Navigasi berfungsi untuk berpindah dari satu halaman ke halaman yang

lain pada suatu aplikasi berbasis Web, yang juga digunakan untuk memberikan

informasi lokasi halaman yang sedang dibuka”.

Struktur Navigasi adalah struktur atas alur dari suatu program yang

merupakan rancangan hubungan dan rantai kerja dari beberapa area yang berbeda dan

dapat membantu mengorganisasikan seluruh elemen pembuatan Website.

Menentukan struktur navigasi merupakan hal yang sebaiknya dilakukan sebelum

membuat suatu Website. ada empat bentuk dasar dari struktur navigasi yang biasa

digunakan dalam proses pembuatan Website, yaitu:

1. Struktur Navigasi linear

Struktur Navigasi ini hanya memiliki satu rangkaian cerita yang berurut yang

menampilkan satu demi satu tampilan layar secara berurut menurut urutan

tampilannya yang dapat ditampilkan pada struktur jenis ini adalah satu

halamansebelumnya atau satu halaman sesudahnya, tidak dapat dua halaman

sebelumnya atau dua halaman sesudahnya.

Gambar II.1 Navigasi Linear

2. Struktur Navigasi Nonlinear

19

Struktur ini disebut juga struktur tidak berurut, yang merupakan pengembangan

dari struktur navigasi linear. Pada struktur ini diperkenankan membuat navigasi

bercabang, percabangan yang dibuat pada struktur ini berbeda dengan percabangan

pada struktur navigasi hirarki, karena pada percabangan ini walaupun terdapat

percabangan, tetapi tiap tiap tampilan mempunyai kedudukan yang sama

sumber: Firmansyah.blogspot.com

Gambar II.2 Navigasi Nonlinear

3. Struktur Navigasi Hirarki

Ada yang menganggap bentuk Web page hirarki merupakan cara yang paling

mudah diterima. Navigasi Hirarki memudahkan pembaca untuk mengetahui posisi

dari struktur yang dibuat. Ciri utama struktur Navigasi hirarki ini adalah memiliki

percabangan dengan slavepage – slavepagenya yang dapat kembali ke halaman

utama. Bentuk hirarki merupakan bentuk peningkatan dari bentuk linear dengan

menambahkan alternative cabang. Cabang linear yang pertama disebut dengan

cabang lintasan utama. Bentuk ini lebih kompleks dari bentuk linear. Struktur ini

biasa disebut struktur bercabang, merupakan suatu struktur yang mengandalkan

percabangan untuk menampilkan data berdasarkan kriteria tertentu.

20


Gambar II.3 Navigasi Hirarki

4. Struktur Navigasi Campuran

Struktur ini merupakan gabungan dari ketiga struktur sebelumnya. Struktur

navigasi ini juga biasa disebut navigasi bebas. Struktur ini banyak digunakan

dalam pembuatan aplikasi multimedia, sehngga dapat memberikan keinteraksian

yang lebih tinggi


Gambar II.4 Navigasi Campuran

2.2.2. ENTERPRISE RELATIONSHIP DIAGRAM

Menurut Brady dan Loonam (2010), “EntitasRelationship diagram (ERD)

merupakan teknik yang digunakan untuk memodelkan kebutuhan data dari suatu

21

organisasi, biasanya oleh System Analys dalam tahap analisis persyaratan proyek

pengembangan system. Sementara seolah-olah teknik diagram atau alat peraga

memberikan dasar untuk desain database relasional yang mendasari sistem informasi

yang dikembangkan. ERD bersama-sama dengan detail pendukung merupakan model

data yang pada gilirannya digunakan sebagai spesifikasi untuk database”.

Dalam rekayasa perangkat lunak, sebuah EntitasRelationshipModel merupakan

abstrak dan konseptual representasi data. EntitasRelationship adalah salah satu

metode pemodelan basis data yang digunakan untuk menghasilkan skema konseptual

untuk jenis atau model data semantic system, dimana sistem seringkali memiliki basis

data relasional dan ketentuannya bersifat top down. Diagram untuk menggambarkan

model EntitasRelationship ini disebut EntitasRelationship Diagram.

Adapun elemen elemen diagram hubungan Entitas yaitu:

1. Entitas adalah segala sesuatu yang dapat digambarkan oleh data. Entitas juga

disebut sebgai individu yang mewakili sesuatu yang nyata dan dapat dibedakandari

sesuatu yang lain.

2. Atribut merupakan pendeskripsian karakteristik dari entitas. Atribut digambarkan

dalam bentuk lingkaran atau elips

3. Relasi atau hubungan menunjukkan adanya hubungan diantara sejumlah entitas

yang berasal dari himpunan entitas yang berbeda.

Derajat Relationship menjelaskan jumlah entitas yang terlibat dalam suatu

relationship.

22

4. Cardinality menunjukkan jumlah maksimum tupel yang dapat berelasi dengan

entitas pada entitas yang lain. Terdapat tiga macam kardinalitas yaitu One to one,

one to many dan many to many.

2.2.3. LOGICAL RECORD STRUCTURE (LRS)

Menurut Lestari (2013) “Logical Record Structure dibentuk dengan nomor

tipe record. Beberapa tipe record digambarkan oleh kotak empat persegi panjang dan

dengan nama yang unik”

Logical Record Structure dibentuk dengan nomor dari tipe record. Beberapa

tipe record digambarkan oleh kotak empat persegi panjang dan dengan nama yang

unik. Beda LRS dengan diagram entitasrelationship diagram nama tipe record berada

diluar kotak field tipe record ditempatkan. LRS terdiri dari link-link diantara tipe

record. Link ini menunjukkan arah dari satu tipe record lainnya. Banyak link dari

LRS yang diberi tanda field-field yang kelihatan pada kedua link tipe record.

Penggambaran LRS mulai dengan menggunakan model yang dimengerti. Dua metode

yang dapat digunakan, dimulai dengan hubungan kedua model yang dapat

dikonversikan ke LRS. Metode yang lain dimulai dengan EntitasRelationship

diagram dan langsung dikonversikan ke LRS.

1. Konversi ERD ke LRS, Diagram entitasrelationship diagram harus diubah ke

bentuk LRS. Dari bentuk LRS inilah yang nantinya dapat ditransformasikan ke

bentuk relasi (tabel).

2. Konversi ERD ke LRS Sebuah model sistem yang digambarkan dengan sebuah

ERD akan mengikuti pola permodelan tertentu. Dalam kaitannya dengan

23

konversi ke LRS, untuk perubahan yang terjadi adalah mengikuti aturan-aturan

berikut:

a. Setiap entitas diubah kebentuk kotak dengan nama entitas, berada diluar

kotak dan atribut berada didalam kotak

b. Sebuah relationship kadang disatukan, dalam sebuah kotak bersama entitas,

kadang sebuah kotak bersama-sama dengan entitas, kadang disatukan

dalam sebuah kotak tersendiri.

3. Konversi LRS ke relasi (tabel) relasi atau tabel adalah bentuk pernyataan data

secara grafis 2 (dua) dimensi, yang terdiri dari kolom dan baris. Relasi

adalah bentuk visual dari sebuah file, dan tiap tuple dalam sebuah field, atau

yang dalam bentuk lingkaran Diagram entitasrelationship dikenal dengan

sebutan atribut. Konversi dari logical record structure. dilakukan dengan cara :

a. Nama logical record structure menjadi namarelasi.

b. Tiap atribut menjadi sebuah kolom didalam relasi.

(LESTARI_WULANDARI, 2010 )

2.2.4. PENGUJIAN WEB

Menurut Pressman (2010), “black box testing juga disebut pengujian tingkah

laku, memusat pada kebutuhan fungsional perangkat lunak. Teknik pengujian black

box memungkinkan memperoleh serangkaian kondisi masukan yang sepenuhnya

menggunakan semua persyaratan fungsional untuk suatu program.beberapa jenis

kesalahan yang dapat diidentifikasi adalah fungsi tidak benar atau hilang, kesalahan

24

antar muka, kesalahan pda struktur data , kesalahan performasi, kesalahan inisialisasi

dan akhir program”.

BAB III

PEMBAHASAN

3.1.TINJAUAN PERUSAHAAN

3.1.1.SEJARAH INSTITUSI

Sekolah Tinggi Teologi Obaja lahir dan hadir dari visi misi Dr. Tommy

Sihotang, SH., LLM., M.Th., akan pentingnya mempersiapkan para pelayan Tuhan

25

dan pendidik yang berwawasan dan berkarakter, sebagaimana keteladanan dan

kesetiaan Nabi kecil Obaja. STT OBAJA memiliki ciri, sifat dan moto sebagai berikut

:

Ciri : Alkitabiah, reformed, misioner, akademika dan praktika.

Sifat : Interdenominasional dan kontekstual.

Moto : Tinggi iman, tinggi ilmu dan tinggi pengabdian.

STT OBAJA menyelenggarakan Program Studi Misiologi dan Program

Studi Pendidikan Agama Kristen berdasarkan Surat Izin Perpanjangan (SIP) dari

Kementrian Agama RI cq. Surat Keputusan Direktur Jenderal Bimbingan Masyarakat

Kristen untuk prodi Misiologi No: DJ.III/Kep/HK.00.5/254/2013 dan Prodi

Pendidikan Agama Kristen No: DJ.III/Kep/HK.00.5/255/2013 serta terakreditasi pada

BAN PT Nomor: 468/SK/BAN-PT/Akred/S/XII/2014.

STT OBAJA memberi peluang kepada warga gereja (pelayan jemaat dan para

pendidik/guru) guna merancang perkuliahan berdasarkan kesempatan, kebutuhan dan

kompetensi yang dihasilkan agar mampu bersaing, kompetitif dan eksis dalam dunia

pelayanan, melalui program studi Misiologi dan Pendidkan Agama Kristen (PAK)

untuk jenjang studi stratum satu (S.Th dan S.Pd.K).

1. Tujuan Pendirian Sekolah Tinggi Teologi Obaja

Sekolah Tinggi Teologi Obaja terpanggil untuk memperlengkapi umat Allah (orang

Kristen) menjadi Pemimpin, Penginjil, Pengkhotbah, Gembala Jemaat, Pengajar,

dengan mengembangkan sikap keseimbangan antara kemampuan Akademik, Iman

26

dan Praktika melalui program studi Teologi Misiologi dan program studi Pendidikan

Agama Kristen.

2. Visi Sekolah Tinggi Teologi Obaja

Secara fungsional institusional terwujudnya Sumber Daya Insan Kristiani yang

berkualitas; cerdas, cermat, cakap dan terampil melalui bidang Pendidikan Teologi

Misiologi dan Pendidikan Agama Kristen.

3. Misi Sekolah Tinggi Teologi Obaja

Mewujudkan tanggung jawab Amanat Agung Tuhan Yesus Kristus (Matius 28:19-

20) melalui program pendidikan/keilmuan, penelitian/ pelatihan dan pengabdian/

pelayanan dalam bidang Teologi Misiologi dan Pendidikan Agama Kristen yang

berkualitas, kompeten dan profesional.

3.1.2. STRUKTUR ORGANISASI

Struktur oragnisasi di Sekolah Tinggi Teologi Obaja Adalah Sebagai berikut

27

Gambar III.1 Struktur Organisasi STT Obaja

1. Ketua STT Obaja

Nama Ketua periode 2014 – 2019: Dr. Tommy Sihotang,SH.,LLM.,M.Th

Ketua Sekolah Tinggi Teologi Obaja mempunyai tugas sebagai pemimpin

Sekolah Tinggi STT Obaja, memegang wewenang tertinggi dan memiku

tanggung jawab mengenai seluruh kegiatan sekolah. Menyusun rencana anggaran

belanja tahunan kepada yayasan, mengelola, mengawasi kinerja PUKET

(Pembantu Ketua) dan jajarannya, menjalin kerjasama dengan lembaga instansi

lain yang dianggap dapat mendorong pertumbuhan sekolah. Melaksankan tugas

tugas lainnya yang berhubungan dengan pengembangan STT Obaja.

2. Pembantu Ketua I (PUKET)

Pembantu Ketua I: William Hermon Siregar, S.Th.,M.Pd.K

Pembantu ketua tediri atas tiga bidang yaitu Pembantu ketua I Bidang akademik

bertugas untuk membantu ketua untuk merancang, menjalankan dan mengawasi

proses kegiatan akademik di STT Obaja

a. Kaprodi PAK (Pendidikan Agama Kristen) dan Misiologi

Kaprodi PAK : Eliaser Modok, M.Th

28

Kaprodi Misi : William Hermon Siregar, S.Th.,M.Pd.K (masih di arahkan

langsung oleh Puket I)

Bertugas untuk merancang program perkuliahan mahasiswa, evaluasi prestasi

mahasiswa , mengatur dan mengevaluasi kinerja dosen di masing masing

prodi.

b. Biro Administrasi Akademik

Bertugas untuk menjalankan program administrasi akademik yang telah

direncanakan oleh PUKET I, contohnya pembayaran kuliah, Seminar dll.

c. Biro LITBANG & IT

Semnetara ini Biro Litbang (penelitian dan pengembangan) dan IT

(information and technology) masih berada di bawah Puket I.

Bertugas untuk melakukan pengembangan institusi dan sistem informasi di

STT Obaja

3. Pembantu Ketua II Bidang adminitrasi dan Keuangan

Pembantu Ketua II : Farida Gita Wangi, SE.,S.Pd.K

Pembantu Ketua II Bidang Administrasi bertugas untuk membantu ketua

merancang, menjalankan dan mengawasi proses administrasi dan keuangan di

STT Obaja

a. Biro Administrasi Umum

Bertugas untuk membantu Puket II mengolah dan mengawasi proses

administrasi di STT Obaja

b. Biro Personalia

29

Bertugas untuk membantu Puket II merenacanakan, mengolah dan mengawasi

SDM (sumber daya manusia) yang ada di STT Obaja

c. Biro Keuangan

Bertugas untuk membantu Puket II mengolah dan mengawasi kegiatan

keuangan di STT Obaja

4. Pembantu Ketua III Bidang Kemahasiswaan

Pembantu Ketua III : Wahyu Tridoyo, S.Th.,MA

Pembantu Ketua III Bidang Kemahasiswaan bertugas untuk membantu ketua

merancang, menjalankan dan mengawasi kegiatan mahasiswa baik dalam

pendaftaran sampai dengan kegiatan pelayanan mahasiswa.

a. Biro Pelayanan dan Misi

Bertugas untuk mengatur dan mengawasi kegiatan pelayanan mahasiswa ke

Gereja Gereja ataupun ke sekolah sekolah tempat praktik mahasiswa.

b. Asrama

Bertugas untuk mengawasi mahasiswa yang tinggal di asrama STT Obaja

c. Senat mahasiswa

Membuat dan melaksanakan program kerja kemahasiswaan

d. Ikatan alumni

Bertugas untuk melestarikan kaitan emosional antara mahasiswa dengan STT

Obaja.

3.2. ANALISA KEBUTUHAN

1. Identifikasi Masalah

30

Dalam mengetahui masalah demi masalah dimana nantinya akan dijadikan

panduan kemana arah akan berakhir dalam mencapai suatu tujuan yang diharapkan.

Langkah pertama yang harus dilakukan adalah mengidentifikasi setiap masalah yang

terkait pada sistem informasi yang nanti akan dioperasikan sesuai dengan judul tugas

akhir ini, maka penelitian dan analisa difokuskan pada Website yang akan dibangun,

sehingga masalah- masalah yang menjadi penyebab tidak tercapainya target dari

sebuah Website harus ditemukan dengan menggunakan beberapa metode analisa

untuk mendapatkan informasi yang valid.

Berdasarkan ilustrasi diatas, minimal ada tiga alasan mengapa

Websitepenerimaan mahasiswa baru di STT Obaja menjadi penting untuk kita

perhatikan:

a. Sistem informasi penerimaan mahasiswa baru di STT Obaja masih dilakukan

secara manual, maka perlu untuk ditingkatkan atau dimaksimalkan .

b. Dinamika teknologi saat ini telah mencapai tingkat eksplorasi yang

menunjukkan angka luar biasa tinggi, sehingga membuka peluang yang besar

bagi STT Obaja untuk memaksimalkan penerimaan mahasiswa baru.

c. Dengan sistem Website, masyarakat yang membutuhkan infomasi tentang

penerimaan mahasiswa baru di STT Obaja dapat mengakses ataupun

mendaftar walaupun berada di luar daerah di Indonesia.

2. Analisis Kelemahan Sistem

Sistem informasi penerimaan mahasiswa baru secara manual yang selama ini

dilakukan oleh STT Obaja secara manual memiliki kelemahan diantaranya:

31

a. Calon mahasiswa harus datang langsung ke kampus STT Obaja untuk

mendaftarkan diri.

b. Secara tidak langsung adanya pembatasan waktu dan jarak tempat bagi calon

mahasiswa yang jauh dari kampus untuk mendaftar.

c. Sistem informasi penerimaan mahasiswa baru dengan caramission trip kurang

efektif dan membutuhkan biaya yang besar.

d. Dengan keadaan sistem yang semi computerized, data calon mahasiswa cukup

lama untuk menyusunnya dan mencetak KTMS (kartu calon mahasiswa

sementara)

3. Analisa Kebutuhan Sistem

1. Fungsional

Kebutuhan fungsional merupakan fungsi-fungsi yang harus dimiliki sistem yang

di butuhkan oleh pengguna sistem. Untuk masalah ini maka dibagi menjadi

kebutuhan halaman pengunjung dan kebutuhan halaman administrator sekolah,

halaman calon mahasiswa untuk menginput data sampai ke halaman cetak kartu

mahasiswa sementara.

2. Non Fungsional

a. Usability

Usability adalah sebuah pendekatan untuk membuat situs yang mudah

digunakan oleh pengunjung tanpa memerlukan orang untuk pelatihan

khusus. Perancangan Website sistem informasi PMB di STT Obaja harus

dibuat sederhana dengan menu yang gampang dimengerti dan digunakan

oleh masyarakat.

32

b. Accesibility

Web Accessibility adalah kemampuan untuk membuatWebsite agar dapat

diakses oleh siapapun, dan dimanapun

Website PMB di STT Obaja ini harus mempunyai alamat Web yang

sederhana atau tidak terlalu rumit sehingga dapat dengan mudah diingat

masyarakat

c. Security

Sebagai Website Sistem Informasi Sekolah maka keamanan adalah satu hal

yang harus diperhatikan. Website Sistem informasi PMB STT Obaja ini

harus menjamin keamanan data calon Mahasiswa baru.

3.3. PERANCANGAN PERANGKAT LUNAK

3.3.1 RANCANGAN ANTAR MUKA

1. Rancangan Halaman Utama

Rancangan Halaman Utama sebagai berikut:

kkll

Logo STT Obaja

Menu

Info wisuda……info kuliah………..PMB……kerjasama……perpustakaan

Slide show …gambar

33

Gambar III.2 Rancangan halaman utama

2. Rancangan Halaman Penerimaan Mahasiswa Baru (PMB)

kkll

home About us facility

SEKOLAH TINGGI TEOLOGI OBAJA

XXXXXXXXXXXXXXXXXXX

Menu

Home……tentang kami…..login admin…..fasilitas…..buku tamu….kontak

Slide show …gambar

Buku tamu contact

34

Gambar III.3 Rancangan halaman PMB

3. Rancangan halaman input data mahasiswa

Table Info Biaya kuliah

Logo daftar

online

Ilustrasi gambar

Langkah langkah pendaftaran online di STT Obaja

Slide show gambar ..

Formulir data mahasiswa

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

35

Back to

home

Gambar III.4 Rancangan halaman input data mahasiswa

4. Rancangan antar muka form data orang tua/wali

Gambar III.5 Rancangan halaman input data orang tua

5. Rancangan halaman upload ijazah dan ktp

input

Program studi

Nama lengkap

Tempat lahir

Tanggal lahir

Tahun lahir

Jenis kelamin

Agama

Email

Telepon

Alamat

Pendidikan terakhir

Nama sekolah asal

Upload foto 3x4

Slide show gambar ..

Formulir data mahasiswa

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

input

nama ayah

pendidikan ayah

pekerjaan ayah

penghasilan perbulan

nama ibu

pendidikan ibu

pekerjaan ibu

penghasilan perbulan

Simpan batal

Simpan batal

Back to

home

upload

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

36

Gambar III.6 Rancangan halaman upload ijazah dan KTP

6. Rancangan halaman cetak kartu mahasiswa sementara (KTMS)

Gambar III.7 Rancangan halaman cetak KTMS

7. Rancangan Halaman Login Admin

KARTU TANDA MAHASISWA SEMENTARA LOGO STT OBAJA

Foto

Id mahasiswa

Program studi

Nama lengkap

Tempat lahir

Tanggal lahir

Tahun lahir

Jenis kelamin

Agama

Telepon

HOME

gambar

upload batal

browse Nama file

Slide show gambar…

Gambar login

username textfield

37

8. Rancangan halaman gagal login

Gambar III.9 Rancangan halaman gagal login

9. Rancangan halaman utama admin

Gambar III.10 Rancangan halaman utama admin

Gagal login

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

home Admin login

Slide show gambar…

gambar

Welcome….nama admin login

Gambar..home

Data mahasiwa

Data orang tua

Log out

Ijazah dan KTP

Dan bukti

transfer

Buku tamu

38

10. Rancangan halaman mahasiswa di menu halaman admin

Gambar III.11 Rancangan halaman data mahasiswa di halaman admin

11. Rancangan halaman data orang tua di menu halaman admin

Gambar III.12 Rancangan halaman data orang tua di menu halaman admin

Gambar ….

Id mahasiswa

Foto

mahasiswa

lanjut terakhir

Program studi

Nama lengkap

Tempat lahir

Tanggal lahir

Tahun lahir

Jenis kelamin

Agama

Email

Telepon

Alamat

Pendidikan

terakhir

Nama sekolah asal

Gambar ….

lanjut terakhir

nama ayah

pendidikan ayah

pekerjaan ayah

penghasilan

perbulan

nama ibu

pendidikan ibu

pekerjaan ibu

penghasilan

perbulan

Gambar..home

Data mahasiwa

Data orang tua

Log out

Ijazah dan KTP

Dan bukti

transfer

Buku tamu

Gambar..home

Data mahasiwa

Data orang tua

Log out

Ijazah dan KTP

Dan bukti

transfer

Buku tamu

39

12. Rancangan halaman data upload di menu halaman admin

Gambar III.13 Rancangan halaman data upload di menu halaman admin

13. Rancangan halaman buku tamu di menu halaman admin

Gambar III.14 Rancangan buku tamu di menu halaman admin

Gambar ….

Gambar..home

Data mahasiwa

Data orang tua

Log out

Ijazah

ktp

cetak

save

lanjut terakhir

Ijazah dan KTP

Dan bukti

transfer

Buku tamu

Slide show gambar

menu

Home ….data mahasiswa…ijazah, ktp dan bukti transfer…data orang tua..log out

No..nama…email…. pesan….action/hapus

Data buku tamu

40

14. Rancangan halaman tamu/input buku tamu

Gambar III.15 Rancangan halaman tamu/input buku tamu

15. Rancangan halaman daftar pendaftar

Gambar III.16 Rancangan halaman daftar pendaftar

Slide show gambar..

nama

email

pesan

textfield

textfield

textarea

kirim batal

Header

username

password

azzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz

41

16. Rancangan halaman login pendaftar

III.17 Rancangan halaman login pendaftar

17. Rancangan halaman about us

III.18 Rancangan halaman About us

Header

username

password

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

ANIMASI SLIDE SHOW

SEJARAH

STT

OBAJA

STRUKTUR

ORGANISASI

VISI DAN

MISI

42

18. Rancangan Halaman Sejarah Institusi

III.19 Rancangan halaman sejarah Institusi

19. Rancangan halaman struktur STT Obaja

III.20 Rancangan halaman struktur stt obaja

Xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx




xxxxxxxxxxxxxxxxxxxx

home

Xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Xxxxxx

Struktur organisasi

home

43

20. Rancangan halaman visi dan misi

III.21 Rancangan halaman visi dan misi

3.3.2. BASIS DATA

Perancangan basis data yang digunakan dalam Website penerimaan mahasiswa baru

si STT Obaja dapat dilihat dari tabel table yang digambarkan dengan Entity

Relationship Diagram (ERD)


xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Visi


xxxxxxxxxxxxxxxxxxxxxxxxxxxx

Misi



x

home

44

1. Entity Relationship Diagram (ERD)

Gambar III.22. ERD penerimaan Mahasiswa Baru di STT Obaja

45

2. Logical Relational Structure (LRS)

Gambar.III.23 Gambar LRS Penerimaan Mahasiswa baru di STT Obaja

3. Spesifikasi File

a. Spesifikasi file daftar pendaftar

Nama file : username

Akronim : username

Fungsi : menyimpan nomor hp pendaftar

Tipe : file master

Organisasi file : indexed sequential

Akses file : random

Media : harddisk

Panjang record : 16

Kunci field : -

Sofware : mysql

No Elemen data Nama filed Tipe size ket

1 username username varchar 8

2 password password varchar 8

Tabel III.1 Spesifikasi pendaftar

46

b. Spesifikasi file Data Mahasiswa

Nama file : mahasiwa

Akronim : mahasiswa

Fungsi : menyimpan data calon mahasiswa

Tipe file : file master

Organisasi file : indexed sequintial

Akses file : random

Media : harddisk

Panjang record : 156

Kunci field : id_mahasiswa

Software : MySql


1 Id

mahasiswa

Id_mahasiswa interger 8 Primary&

ai

2 Program

studi

Program studi varchar 10

3 Nama

lengkap

Nama_lengkap varchar 25

4 Tempat

lahir

Tempat_lahir varchar 25

5 Tanggal

lahir

Tanggal_lahir varchar 2

6 Tahun lahir Tahun lahir varchar 4

7 Jenis

kelamin

Jenis kelamin enum “p”w”

8 agama Agama varchar 10

9 email Email varchar 20

10 telepon telepon Interger 12

11 alamat alamat text

12 Pendidikan

terakhir

Pendidikan

terakhir

Varchar 10

13 Nama

sekolah asal

Nama sekolah

asal

varchar 20

14 Foto/gambar Foto/gambar varchar 10

Tabel III.2 Spesifikasi data mahasiswa

47

c. Spesifikasi file Data Orang tua

Nama file : Data Orang tua

Akronim : Data Orang tua

Fungsi : menyimpan orang tua calon mahasiswa



Akses file : random

Media : harddisk

Panjang record : 100

Kunci field : -

Software : MySql


1 Nama ayah Nama ayah varchar 15

2 Pendidikan

ayah

Pendidikan

ayah

varchar 10

3 Pekerjaan

ayah

Pekerjaan ayah varchar 10

4 Penghasilan

perbulan

Penghasilan

perbulan

varchar 9

5 Nama ibu Nama ibu varchar 15

6 Pendidikan

ibu

Pendidikan ibu varchar 10

7 Pekerjaan

ibu

Pekerjaan ibu enum 10

8 Penghasilan

perbulan

Penghasilan

perbulan

varchar 9

9 alamat alamat text

10 telepon telepon Interger 12

Tabel III.3 Spesifikasi data orang tua

d. Spesifikasi data upload bukti

Nama file : data upload bukti

Akronim : data upload bukti

Fungsi : menyimpan ijazah, ktp dan bukti transfer formulir

pendaftaran



Akses file : random

Media : harddisk

Panjang record : 10

Kunci field : -

48

Software : MySql


1 gambar gambar varchar 10

Tabel III.4 Spesifikasi data upload bukti

e. Spesifikasi data admin

Nama file : data admin

Akronim : data admin

Fungsi : menyimpan username dan password admin



Akses file : random

Media : harddisk

Panjang record : 16

Kunci field : -

Software : MySql


1 username username varchar 8

2 password password varchar 8

Tabel III.5 Spesifikasi data admin

f. Spesifikasi Buku tamu

Nama file : Buku tamu

Akronim : Buku tamu

Fungsi : menyimpan pesan dari pendaftar



Akses file : random

Media : harddisk

Panjang record : 79

Kunci field : id tamu

Software : MySql


1 Id tamu Id tamu interger 4 Primary/ai

2 nama Nama varchar 10

3 email Email varchar 15

4 pesan Pesan varchar 50

Tabel III.6 Spesifikasi data buku tamu

49

g. Spesifikasi halaman daftar pendaftar

Akronim : Daftar_pendaftar

Fungsi : menyimpan data usename dan password pendaftar



Akses file : random

Media : harddisk

Panjang record : 16

Kunci field : -

Software : MySql


1 username Username varchar 8

2 password Password varchar 8

Tabel III.7 spesifikasi halaman daftar pendaftar

3.4. IMPLEMENTASI PENGUJIAN UNIT

3.4.1. IMPLEMENTASI

1. IMPLEMENTASI RANCANGAN ANTAR MUKA

Implementasi antar muka pada Website sistem informasi penerimaan mahasiswa

baru di STT Obaja adalah sebagai berikut:

a. Halaman utama Website

Pendaftar dapat langsung mengakses halaman utama tanpa melakukan login

dan dapat melihat informasi tentang kegiatan penerimaan mahasiswa baru di

STT Obaja. Disini ditampilkan menu utama; home,tentang kami,login

admin,fasilitas,buku tamu dan kontak

50

Gambar III..24 halaman utama Website PMB STT Obaja

b. Halaman daftar pendaftar/calon mahasiswa

Disini pendaftar harus membuat account dengan mendaftarkan username dan

password untuk dapat login di halaman login pmb, username harus

menggunakan alamat email dari pendaftar, penulisan email harus sesuia

format penulisan email jika tidak maka akan muncul peringatan untuk

memasukkan email dengan format penulisan yang benar.

51

Gambar III.25 halaman daftar Pendaftar

c. Halaman login pendaftar

Disini para pendaftar harus login untuk bisa masuk ke halaman pmb.

Masukkan username dan password yang telah didaftarkan..

Gambar III.26 halaman login pendaftar

52

d. Halaman gagal login pendaftar

Apabila pendaftar salah memsakukkan username atau password maka aka

tampil halaman gagal login, dengan dua pilihan yaitu kembali ke menu home

atau login kembali

Gambar III.27 halaman gagal login pendaftar

e. Halaman penerimaan mahasiswa baru

Disini pendaftar dapat melihat cara cara mendaftar online dan biaya

pendaftaran dan biaya kuliah di STT Obaja. icon pendaftaran online

disediakan di menu ini.

53

Gambar III.28 Halaman pmb

f. Halaman input data mahasiswa

Disini pendaftar harus mengisi dengan lengkap data data mahasiswa

kemudian dikirim ke STT Obaja.

54

Gambar III.29 halaman input data mahasiswa

g. Halaman input data orang tua

Untuk kelengkapan data pendaftar akan diarahkan ke halaman input data

orang tua setelah selesai input data mahasiswa

55

Gambar III.30 halaman input data orang tua

h. Halaman upload bukti

Disini pendaftar harus mengupload data data seperti ijazah, kartu tanda

penduduk, dan bukti pembayaran formulir pendaftaran, semua digabung

menjadi satu file pdf, dengan ukuran maksimal 2 mb.

Gambar III.31 halaman upload

i. Halaman cetak kartu tanda mahasiswa sementara (KTMS)

Disini pendaftar sudah bisa disebut sebagai calon mahasiswa STT Obaja

setelah mencetak KTMS, dan mahasiswa diarahkan untuk melihat jadwal

jadwal perkenalan kampus dan asrama

56

Gambar III.32 halaman cetak KTMS

j. Halaman login admin

Halaman ini ditujukan untk admin STT Obaja , username dan password sudah

di daftarkan sesuai dengan permintaan PUKET 1 STT Obaja

Gambar III.33 Halaman Login admin STT Obaja

57

k. Halaman gagal login admin

Apabila admin STT Obaja salah memasukkan password dan username maka

akan tampil halaman ini dengan menu kembali ke halaman utama dan login

kembali.

Gambar III.34 Halaman gagal Login admin STT Obaja

l. Halaman admin

Di halaman ini admin stt obaja dapat mengolah data data calon mahasiswa

yang masuk, halaman ini mempunyai menu; pendaftar, data mahasiswa, data

orang tua, data ijazah/bukti

Gambar III.35 Halaman admin STT Obaja

58

m. Halaman data mahasiswa

Di halaman ini admin dapat melihat data data calon mahasiswa yang

mendaftar, halaman diberi page 1, 2 dan seterusnya, Untuk memudahkan

admin melihat data data mahasiswa.

Gambar III.36 halaman data mahasiswa

n. Halaman data pendaftar

Di halaman ini admin dapat melihat seluruh username dan password yang

telah mendaftar

Gambar III.37 halaman data pendaftar di halaman admin

59

o. Halaman data orang tua

Di halaman ini admin STT Obaja dapat melihat dan menyimpan data data

orang tua calon mahasiswa

Gambar III.38 halaman data orang tua

p. Halaman ijazah dan KTP

Di halaman ini admin STT Obaja dapat melihat dan menyimpan data ktp dan

ijazah calon mahasiswa

Gambar III.39 halaman data upload

60

q. Halaman about us

Halaman about us adalah halaman yang berisikan menu informasi tentang

sekolah tinggi teologi obaja, yaitu sejarah institusi, struktur organsasi, visi dan

misi sekaligus tentang deskripsi singkat prodi misiologi dan pak(pendidikan

agama kristen)

Gambar III.40 halaman about us

r. Halaman sejarah institusi

Halaman ini berisi tentang awal berisikan tentang awal mula berdirinya stt obaja

Gambar III.41 halaman sejarah institusi

61

s. Halaman struktur organisasi

Halaman ini berisi tentang kepengurusan dan bentuk organisasi stt obaja

Gambar III.42 halaman strukur organisasi

t. Halaman visi dan misi

Gambar III.43 halaman visi dan misi

62

2. SPESIFIKASI SISTEM KOMPUTER

Spesifikasi yang digunakan dalam membangun Website PMB STT Obaja ini

adalah sebagai berikut:

A. SPESIFIKASI PERANGKAT KERAS

1. Server

a) CPU

1) Processor Intel Pentium Core to Duo

2) RAM DDR3 4 GB

3) Hard Disk 500 GB

b) Mouse

c) Keyboard

d) Monitor dengan resolusi layar minimum 1024 x 768

e) Koneksi internet dengan kecepatan 2 Mbps

2. Client

a) CPU

1) Processor Intel Pentium Core to Duo

2) RAM DDR3 4 GB

3) Hard Disk 500 GB

b) Mouse

c) Keyboard

d) Monitor dengan resoluisi 1024 x 768

e) Koneksi internet dengan kecepatan 2 Mbps

B. SPESIFIKASI PERANGKAT LUNAK

63

1. Server

a) Server

Sistem operasi yang digunakan dalam membangun Website ini adalah

microsoft windows 8.1

b) Aplikasi Web server yang digunakan adalah xampp control panel

V3.1.0.3.1.0

c) Aplikasi Web yang digunakan adalah mozilla firefox

2. Client

a) Sistem operasi yang umum digunakan seperti : microsoft windows

b) Aplikasi Web browser seperti mozilla firefox, google chrome atau

internet explorer

3.4.2. PENGUJIAN UNIT

Pengujian terhadap program yang dibuat menggunakan blackbox testyangfokus

terhadap masukan dan keluaran program.

1. Pengujian terhadap form daftar account pendaftar

N

o

Skenario

pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

kesimpula

n

1 Email dan

nama

Tidak diisi

kemudian

klik daftar

Username: kosong

Password:kosong

Akan tampil

halaman Gagal

login…”password

dan username yang

anda masuukan

Sesuai

harapan

valid

64

salah”

2 Email

yang

dituliskan

tidak

sesuai

format

penulisan

email

Email : xxxxxxxx Akan tampil

halaman Gagal

login…”password

dan username yang

Sesuai

harapan

Valid

3 username

diisi tetapi

password

Tidak diisi

kemudian

klik daftar

Username :xxxxxxx

Password: kosong

Akan tampil

halaman Gagal

login…”password

dan username yang

Sesuai

harapan

Valid

4 Username

dan

password

diisi

dengan

benar

Username:xxx

Password:xxx

“data telah

tersimpan, gunakan

username dan

password untuk

login” tampil

halaman login

pendaftar

Sesuai

harapan

Valid

Tabel III.8 Tabel pengujian form daftar account pendaftar

2. pengujian terhadap form login pendaftar

No Skenario

pengujian


diharapkan

Hasil

pengujian

kesimpulan

1 Username

dan password

tidak diisi

kemudian klik

tombol login

Username: kosong

Password:kosong

Sistem akan

meolak akses

user dan akan

menampilkan

“gagal login”

Password dan

username yang

anda

masukkan

salah”

Sesuai

harapan

valid

2 Menggetikkan

username

tetapi

password

tidak diisi

Username: xxxxx

Password:kosong

Sistem akan

meolak akses

user dan akan

menampilkan

““gagal login”

Password dan

Sesuai

harapan

Valid

65

kemudian klik

login

username yang

anda

masukkan

salah”

3 Menggetikkan

password

tetapi

username

tidak diisi

kemudian klik

login

Username: kosong

Password:xxxxxx

Sistem akan

meolak akses

user dan akan

menampilkan

“gagal login”

Password dan

username yang

anda

masukkan

salah”

Sesuai

harapan

Valid

4 Mengetikkan

salah satu

kondisi salah

pada

username atau

password

kemudian klik

login

Username: kosong

Password:xxxxxx

(benar)

Sistem akan

meolak akses

user dan akan

menampilkan

“gagal login”

Password dan

username yang

anda

masukkan

salah”

Sesuai

harapan

Valid

5 Mengetikkan

username dan

password

yang benar

kemudian klik

login

Username:xxxxx

Password:xxxxxx

Sistem akan

menerima

akses login

dan

menampilkan

halaman PMB

Sesuai

harapan

Valid

Tabel III.9 Tabel pengujian form login pendaftar.

3. Pengujian terhadap halaman input data mahasiswa

No Skenario

pengujian


diharapkan

Hasil

pengujia

n

kesimpula

n

1 Salah satu

data tidak

diisi

kemudian klik

kirim

Program studi:xx

Nama : kosong

Ada salah satu

data yang tidak

terisi

Sistem

manampilkanerr

or ada salah

satu data yang

belum diisi

sesuai

harapan

valid

66

2 data diisi

dengan

lengkap

kemudian klik

kirim

Username:

xxxxx

Password:xxxx

Lengkap datanya

Sistem akan

menerima dan

mengirimkan

data ke database

muncul

pemberitahuan”

data berhasil

disimpan”

halaman data

orang tua tampil

Sesuai

harapan

Valid

Tabel III.10 Tabel pengujian form input data mahasiswa

4. Pengujian form input data orang tua

No Skenario

pengujian


diharapkan

Hasil

pengujia

n

kesimpula

n

1 Salah satu

data tidak

diisi

kemudian klik

kirim

Nama ayah:xxx

pendidikan:

kosong

Ada salah satu

data yang tidak

terisi

Sistem

manampilkan

error ada salah

satu data yang

belum diisi

Sesuai

harapan

valid

2 data diisi

dengan

lengkap

kemudian klik

kirim

Username:

xxxxx

Password:xxxx

Lengkap datanya

Sistem akan

menerima akses

dan akan

menampilkan

“data berhasil

disimpan”

tampil form

upload

Sesuai

harapan

Valid

Tabel III.11 Tabel pengujian form input data orang tua

5. Pengujian form upload

No Skenario

pengujian


diharapkan

Hasil

pengujia

n

kesimpula

n

67

1 Ijazah dan ktp

serta bukti

pendaftaran

tidak di

pilih/kosong

kemudian klik

upload

Gambar:kosong Sistem akan

menolak akses

dan

menampilkan”p

esan error”

Sesuai

harapan

valid

2 Bukti ijazah

,ktp dan

ijazah dipilih

dan klik

upload

Gambar:bukti1 Sistem akan

menerima akses

dan akan

menampilkan

“data berhasil

disimpan, cetak

ktms dan lihat

info untuk calon

mahasiswa baru

di menu home”

Sesuai

harapan

Valid

Tabel III.12 Tabel pengujian form upload

6. Pengujian form login admin STT Obaja

No Skenario

pengujian


diharapkan

Hasil

pengujian

kesimpulan

1 Username

dan password

tidak diisi

kemudian klik

tombol login

Username: kosong

Password:kosong

Sistem akan

meolak akses

user dan akan

menampilkan

“gagal login”

Password dan

username yang

anda

masukkan

salah”

Sesuai

harapan

valid

2 Menggetikkan

username

tetapi

password

tidak diisi

kemudian klik

login

Username: xxxxx

Password:kosong

Sistem akan

meolak akses

user dan akan

menampilkan

“gagal login”

Password dan

username yang

anda

masukkan

salah”

Sesuai

harapan

Valid

3 Menggetikkan

password

Username: kosong

Password:xxxxxx

Sistem akan

meolak akses

Sesuai

harapan

Valid

68

tetapi

username

tidak diisi

kemudian klik

login

user dan akan

menampilkan

“gagal login”

Password dan

username yang

anda

masukkan

salah”

4 Mengetikkan

salah satu

kondisi salah

pada

username atau

password

kemudian klik

login

Username: kosong

Password:xxxxxx

(benar)

Sistem akan

meolak akses

user dan akan

menampilkan

“gagal login”

Password dan

username yang

anda

masukkan

salah”

Sesuai

harapan

Valid

5 Mengetikkan

username dan

password

yang benar

kemudian klik

login

Username:xxxxx

Password:xxxxxx

Sistem akan

menerima

akses login

dan

menampilkan

halaman admin

Sesuai

harapan

Valid

69

BAB IV

PENUTUP

Pada Bab ini penulis akan membahas mengenai kesimpulan dari tugas akhir ini.

Selain kesimpulan akan diberikan juga saran saran untuk pengembangan yang dapat

dilakukan pada tugas akhir “ sistem informasi penerimaan mahasiswa baru pada

sekolah tinggi teologi obaja berbasis Web”.

4.1 KESIMPULAN

Dengan adanya sistem informasi penerimaan mahasiswa baru berbasis Web di

STT Obaja maka penulis dapat mengambil kesimpulan sebagai berikut:

1. Sistem informasi pendaftaran berbasis Web mampu membuat proses

pendaftaran menjadi lebih mudah dan cepat.

2. Dengan adanya Sistem informasi pendaftaran berbasis Web pendaftar dapat

mendaftar dimana saja dan kapan saja (selama rentang waktu PMB dibuka)

dengan membuka Website STT Obaja

3. Sistem informasi PMB di STT Obaja dapat meningkatkan efisiensi

penerimaan mahasiswa baru di STT Obaja

70

4. Sistem informasi penerimaan mahasiswa dapat mempermudah Admin STT

Obaja untuk mengolah data data calon mahasiswa.

4.2.SARAN

Saran pengembangan yang masih dapat dilakukan dalam pengembangan

sistem informasi PMB ini antara lain:

1. Sebaiknya dibuat sistem informasi PMB yang bukan sampai di

pendaftaran saja melainkan sampai pada pembagian kelas dan

penjadwalan

2. Pemberitahuan pemberitahuan tentang penginputan data data calon

mahasiswa harus dibuat lebih menarik dan interaktif

3. Perlu adanya penambahan SDM admin STT Obaja khususnya di bidang

sistem informasi agar dapat memaksimalkan sistem informasi berbasis

Web

71

Daftar Pustaka

Anhar. 2010. PHP dan MySQL secara otodidak. Jakarta: PT. Trans Media

Connolly, Thomas and Begg, Carolyn. 2010. “Database Systems, A practical

Approach to design , implementation and management, fifth edition. Person

education, Boston”

Dunia ilmu komputer. 2015. “belajar sejarah dan perkembangan javascript”. Diambil

dari

http://www.duniailkom.com/tutorial-belajar-javascript-sejarah-dan-

perkembangan-versi-javascript/tutorial-belajar-javascript-sejarah-dan-

perkembangan-versi-javascript.

Madcoms.2013. “membongkar misteri adobe dreamweaver Cs6 dan PHP MySQL”.

Yogyakarta :Andi Publisher

M.Suyanto. 2009. “Multimedia Alat untuk meningkatkan keunggulan

bersaing”.Yogyakarta:Andi

72

Roger S. Pressman.2010. “Rekayasa Perangkat Lunak Pendekatan Praktisi”.

Yogyakarta: Andi

Suyanto.2009, “step by step Web design”.Yogjakarta: penerbit Andi

Supardi.2009. Webserver pada browser dan penggunaanya edition 2 set indonesian.

Sunarto.2005. “Teknologi Informasi dan komunikasi SMP IX”. Jakarta:Grasindo

Suryatiningsih, W.M. 2009. “Web Programing” . Bandung: Politeknik Telkom

William dan sawyer. 2007.”using information technology-pengenalan praktis dunia

komputer dan komunikasi(7th

edition)”Yogyakarta:Andi

Yuhefisar.2008. 10 jam menguasai internet teknologi dan aplikasinya. Jakarta :Elex

media komputindo

bab i pendahuluan1 bab i pendahuluan 1.1 latar belakang memasuki era iot (internet of things) pada...

Documents