BAB I PENDAHULUAN. perkembangan teknologi khususnya di bidang internet, semua provider kartu selular

(1)

1

BAB I

PENDAHULUAN

1.1LATAR 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

(2)

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.2MAKSUD 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

(3)

3 1.3METODE 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.

(4)

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.

(5)

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.5SISTEMATIKA 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

(6)

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

(7)

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)

(8)

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 Web_site:

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”.

(9)

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”.

(10)

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

(11)

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<h> dan diakhiri </h>. 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

(12)

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

(13)

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

(14)

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

(15)

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

(16)

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

(17)

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-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

(18)

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

(19)

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

(20)

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)

(21)

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

(22)

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

(23)

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

(24)

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

(25)

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,

(26)

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

(27)

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

(28)

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

(29)

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)

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

(31)

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

(32)

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)

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

(34)

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

(35)

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)

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

(37)

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)

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)

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

(40)

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)

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)

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 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxx home Xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Xxxxxx Struktur organisasi home

(43)

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)

Xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Visi Xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxx Misi xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx x home

(44)

44 1. Entity Relationship Diagram (ERD)

(45)

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

(46)

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

(47)

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

(48)

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

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

(49)

49

g. Spesifikasi halaman daftar pendaftar Akronim : Daftar_pendaftar

Fungsi : menyimpan data usename dan password pendaftar

Akses file : random

Media : harddisk

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

(50)

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

(51)

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..

(52)

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

(53)

53

Gambar III.28 Halaman pmb

f. Halaman input data mahasiswa

Disini pendaftar harus mengisi dengan lengkap data data mahasiswa

(54)

54

Gambar III.29 halaman input data mahasiswa g. Halaman input data orang tua

Untuk kelengkapan data pendaftar akan diarahkan ke halaman input data

(55)

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

(56)

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

(57)

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

(58)

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

(59)

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

(60)

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

(61)

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

(62)

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

(63)

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

(64)

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

Test case Hasil yang 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)

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

Test case Hasil yang 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

(66)

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

Test case Hasil yang 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

Test case Hasil yang diharapkan Hasil pengujia n kesimpula n

(67)

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

Test case Hasil yang 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)

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)

69