asige

BAB III

BAHAN DAN METODE

3.1. Bahan dan Alat

Dalam pembuatan laporan ini penulis menggunakan bahan dan alat yang membantu dan mempermudah serta memperlancar dalam proses menyelesaikan laporan ini antara lain.

3.1.1. Bahan

Bagan alur sistem merupakan bagan yang menunjukkan arus pekerjaan secara keseluruhan dari sistem secara logika. Bagan ini menunjukkan urut-urutan dari prosedur-prosedur yang ada di dalam sistem dan berfungsi sebagai alat bantu komunikasi dan dokumentasi. Di dalam penyusunan dokumentasi, aturan atau aliran data, prosedur biasanya digambarkan dengan simbol-simbol dan lambang-lambang yang menggunakan “Flowcharting Symbol” yang disahkan oleh United State of America (USA) Standard Institute seperti tampak pada gambar berikut :

1. Simbol Flowchart

Simbol	Arti
	Terminal simbol ini untuk mengawali atau mengakhiri
	Proses symbol ini untuk mengambarkan suatu proses yang sedang dieksekusi
	Input data Manual simbol ini digunakan untuk mengambarkan suatu kegiatan yang bersifat manualisasi
	Simbol ini digunakan untuk mengambarkan suatu dokumen atau kegiatan mencetak.
	Multi Dokuments simbol ini lebih dari satu dokumen
	Manual Input simbol ini digunakan untuk mengambarkan proses pemasukan data melalui media keyboard
	Pengambilan keputusan simbol ini digunakan untuk pengujian suatu kondisi yang sedang diproses
	Database/ Media Penyimpanan
	Arsip

Gambar 3.1 Simbol Flowchart

DFD (Data flow diagram) digunakan untuk menggambarkan sistem yang berjalan atau sistem yang diusulkan yang digambarkan secara logika tanpa mempertimbangkan lingkungan fisik dimana data tersebut disimpan. DFD merupakan alat analisis yang baik, karena dapat menggambarkan arus data pada suatu sistem secara terstruktur dan jelas.

2. Simbol Data Flow Diagram (DFD)

No	DeMarco and Yourdan Symbols	Keterangan
1		Source (Kesatuan Luar)
2		Proses
3		Data Flow/Aliran Data
4		Data Store (Simpanan Data)

Gambar 3.2 Data Flow Diagram (DFD)

3. Simbol 3.3 Entity Relasionship Diagram (ERD)

Gambar	Keterangan
	Relasi : Berfungsi untuk menhubungkan antar table
	Entitas: Menunjukan bagian dari luar system
	Garis penghubung: Berfungsi untuk menghubungkan antar table dengan relasi

Gambar 3.3 Entity Relasionship Diagram (ERD)

3.1.2. Alat

Adapun peralatan dan komponen yang digunakan dalam membangun sistem aplikasi pendataan ujian pra-skripsi pada Institute of Business yang terdiri dari perangkat keras maupun perangkat lunak.

1. Perangkat Keras (Hardware)

Perangkat keras yang digunakan, mendukun dan memperlancar proses pengetikan dan pengeditan tugas akhir (TA) saya adalah sebagai berikut :

1. Laptop Accer Aspire

2. Processor Intel (R)Atom (TM) CPU N450@1.66GHZ 1.67GHz

3. RAM (Random Access Memory) DDR 2.00 GB.

4. HDD (Hard Disk Drive) 320 GB.

5. Keyboard merek UNIQUE +

6. Touhpat ini biasanya sebagai penganti Mouse

2. Perangkat Lunak (Softare)

Adapun perangkat lunak yang digunakan adalah sebegai berikut :

1. Sistem Operasi Windows 7 Ultimate.

2. Microsoft Office Word Versi 2007 yang digunakan untuk menyusun laporan.

3. Microsoft Office PowerPoint Versi 2007 yang digunakan untuk membuat slide presentasi.

4. Microsoft Office Visio Versi 2007 digunakan untuk membuat diagram gambar atau bagan.

5. Adobe Dreamweaver CS5 yang digunakan untuk membuat program.

3.2. Metodologi

Dalam melakukan penelitian penulis menggunakan dua metode yakni metode pengambilan data dan metodologi perancangan program.

Metode pengambilan data terdiri dari dua yakni :

1. Wawancara (Interview)

Metode yang digunakan untuk mendapatkan data bagi keperluan penulisan ini dengan melakukan wawancara secara langsung dengan para Guru-guru SMP permanen yang bekerja pada Kantor Direccao da Educacao Distrito Dili.

2. Observasi (Observation)

Metode ini dilakukan dengan teliti dan sistematis secara langsung dilapangan untuk memperoleh data yang diinginkan. Metodologi perancangan merupakan urutan langkah-langkah atau hirarki pembuatan alur dokumen, diagram konteks, ER-Diagram, diagram berjenjang, data flow diagram, tabel dan perancangan input-output.

3. Studi Kepustakaan (Metode Pustaka)

Dalam metode ini, peneliti menggunakan konsep teoritis yang bersumber dari literatur-literatur terkait yang berhubungan dengan pengolahan data serta aplikasi yang berhubungan dengan PHP dan database My sql.

3.2.1 . Alur Dokumen

Bagan Alur sistem (System Flowchart) merupakan bagan yang menemukan arus pekerjaan secara keseluruhan dari sistem secara logika. Bagan ini menunjukkan urut-urutan dari prosedur-prosedur yang ada di dalam sistem dan berfungsi sebagai alat bantu komunikasi dan dokumentasi. Di dalam penyusunan dokumentasi, aturan atau aliran data biasanya digambarkan dengan simbol menggunakan “Flowmap Symbol” yang disahkan oleh USA Standard Institute seperti pada gambar di bawah ini.

Gambar 3.4 Sistem yang sedang berjalan

Gambar 3.5 (Alur dokumen) Sistem yang diusulkan

3.2.2 . Diagram Konteks

Diagram Konteks adalah sebuah diagram sederhana yang menggambarkan hubungan satu dengan yang lain dengan aliran dan penyimpanan data atau sebuah diagram yang menggambarkan hubungan input atau output antara sistem dengan dunia luar (kesatuan luar). Suatu diagram konteks selalu mengandung satu proses saja (seringkali diberi nomor proses nol) atau biasanya dipresentasikan dengan lingkaran tunggal yang mewakili keseluruhan sistem. Diagram konteks dapat dilihat pada gambar dibawah ini:

Gambar 3.6. Diagram Konteks

3.2.3. Data Flow Diagram

Data Flow Diagram memberikan deskripsi yang mendetail terhadap masalah yang harus dipecahkan oleh perangkat lunak. DFD dikembangkan untuk membantu menganalisa aliran data dan merancang sistem. DFD mempunyai notasi dasar yang berisi entitas luar (External Entity), proses (process), objek data (data object) dan penyimpanan data (data store).

Data flow dibuat untuk diperoleh detail proses yang ada dalam sistem yang akan dibangun yang dapat di lihat pada data flow diagram di bawah ini :

3.2.3.1 Data Flow Diagram Level 0

Gambar 3.7. DFD Level 0

3.2.3.2 . Data Flow Diagram Level 0 Proses 1

Gambar 3.8. DFD Level 0 Proses 1

3.2.3.3 Data Flow Diagram Level 0 Proses 2

Gambar 3.9 DFD Level 0 Proses 2

3.2.3.4 Data Flow Diagram Level 0 Proses 3

Gambar 3.10. DFD Level 0 Proses 3

3.2.3.5 Data Flow Diagram Level 0 Proses 1 dan 2

Gambar 3.11. DFD Level 0 Proses 1 dan 2

3.2.3.6 Diagram Berjenjang (HIPO)

HIPO atau diagram berjenjang atau Hierarchy Chart dapat digunakan untuk mempersiapkan penggambaran Diagram Arus Data (DAD) ke level-level lebih bawah lagi. Diagram berjenjang dapat digambarkan dengan menggunakan notasi proses yang digunakan pada DAD.

Gambar 3.12 Diagram Berjenjang (Hipo)

3.2.3.7 Entity Relationship Diagram (ERD)

Model Entity Relationship Diagram yang berisi komponen-komponen himpunan entitas dan himpunan relasi yang masing-masing dilengkapi dengan atribut-atribut yang mempresentasikan seluruh fakta dari dunia nyata yang ditinjau, sehingga dapat digambarkan dengan lebih sistematis.

Gambar 3.13. ERD

3.2.3.8 Kamus Data

Kamus data adalah sebuah gambaran tertulis dari data-data yang di masukan dalam database dan juga merupakan katalog fakta tentang data dan kebutuhan informasi dari suatu sistem informasi. Kamus data berisi elemen-elemen data dari sistem yang dibangun dengan elemen-elemen pendukung sistem.

1. Tabel Guru

Nama table : Guru

Kunci Primer : Nip

Fungsi : untuk menyimpan data Guru

Jumlah field : 8

Tabel 3.1 Tabel Guru

No	Nama Field	Tipe	Panjang Karakter	Keterangan
1	Nip	Varchar	10	Nip Guru
2	Nama_Guru	Varchar	50	Nama Guru
3	J K	Varchar	15	Jenis Kelamin
4	Tgl_lahir	Date	-	Tanggal lahir
5	Tempat_lahir	Varchar	50	Tempat Lahir
6	Kd_Jabatan		15	Kd Jabatan
7	Alamat	Varchar	50	Alamat
8	Telp	Varchar	15	Telp

2. Tabel Sekolah

Nama table : Sekolah

Kunci Primer : kd_Sekolah

Fungsi : untuk menyimpan data sekolah

Jumlah field : 6

Tabel 3.2 Sekolah

No	Nama Field	Tipe	Panjang Karakter	Keterangan
1	Kd_sekolah	Varchar	50	Kode sekolah
2	Nm_Sekolah	Varchar	50	Nama sekolah
3	Status_Sekolah	Varchar	15	Status sekolah
4	Tgl_Berdiri	Date	-	Tanggal berdiri
5	Alamat_Sekolah	Varchar	15	Alamat Sekolah
6	Telp	Varchar	50	Telp sekolah

3. Tabel Jabatan

Nama table : Jabatan

Kunci Primer : kode Jabatan

Fungsi : untuk menyimpan data jabatan

Jumlah field : 2

Tabel 3.3 Jabatan

No	Nama Field	Tipe	Panjang Karakter	Keterangan
1	Kd_Jabatan	Varchar	5	Kode Jabatan
2	Nm_Jabatan	Varchar	50	Nama Jabatan

4. Tabel Pendataan

Nama table : Pendataan

Kunci Primer : kd_pendataan

Fungsi : untuk menyimpan pendataan

Jumlah field : 8

Tabel 3.4 Tabel Pendataan

No	Nama Field	Tipe	Panjang Karakter	Keterangan
1	Kd_Pendataan	Varchar	20	Kode Pendataan
2	Tgl_Pendataan	Date	20	Tgl Pendataan
3	Nip	Varchar	10	Nip Guru
4	Nama_guru	Varchar	50	Nama Guru
5	Kd_jabatan	Varchar	15	Kode jabatan
6	Nm_Jabatan	Varchar	50	Nama Jabatan
7	Kd_sekolah	Varchar	40	Kode sekolah
8	Nama_sekolah	varchar	40	Nama sekolah

3.3 Perancangan Input Output

Perancagan input merupakan alat yang digunakan oleh pengguna untuk berdialog dengan Aplikasi dalam memodifikasikan data, sedangakan Perancagan Ouput adalah hasil aplikasi yang dapat dilihat.

3.4 Perancangan User Interface/Admin

Perancangan user interface atau antar muka pengguna merupakan perancangan form-form yang akan digunakan dalam program termasuk input dan outputnya. Masing–masing page memiliki fungsi dan kegunaan sesuai perancangan sistem yang telah dibuat. Perancangan user interface/admin dapat dilihat sebagai berikut :

3.4.1 Halaman Utama

Dalam halaman utama ini terdapat beberapa menu yang terletak di sebelah kiri. Berikut tampilan halaman utama.

Header
Input Proses Output Beranda		Log Out
	Content
Foother

Gambar 3.23 Rancangan Halaman Utama

3.4.2 Halaman Input Data Jabatan

Halaman input data jabatan digunakan administrator untuk memasukkan data dan memperbarui data siswa.. Dalam form ini terdapat tombol “simpan” dan “batal”. Berikut ini adalah tampilan halaman input data jabatan.

Data Jabatan

No	Kode Jabatan	Nama Jabatan	Tambah
			Edit	Hapus

Kode Jabatan

Nama Jabatan

Gambar 3.28 Rancangan Halaman Input Jabatan

3.4.3 Halaman Input Data Guru

Halaman input data guru digunakan administrator untuk memasukkan data dan memperbarui data guru. Dalam form ini terdapat tombol “simpan” dan “batal”. Berikut ini adalah tampilan halaman input data.

Data Guru

NIP	Nama Guru	Alamat	Tempat lahir	Tgl lahir	Jenis kelamin	No.Tlp	Nama jabatan	Tambah
								Edit	Hapus

NIP

Nama guru

Alamat

Jenis kelamin

No telepon

Nama jabatan

Tempat lahir

Tgl lahir

3.3. Perancangan Input dan Output

Perancagan input merupakan alat yang digunakan oleh pengguna untuk berdialog dengan Aplikasi dalam memodifikasikan data, sedangakan Perancagan Ouput adalah hasil aplikasi yang dapat dilihat.

1. Rancanagan halaman Menu login

Gambar 3.14. rancangan halaman menu login

Gambar 3.25 Rancangan Halaman Input Data Guru

3.4.4 Halaman Input Data Sekolah

Halaman input data sekolah digunakan administrator untuk memasukkan data dan memperbarui data sekolah. Dalam form ini terdapat tombol “simpan” dan “batal”. Berikut ini adalah tampilan halaman input data sekolah.

Data Sekolah

Gambar 3.24 Rancangan Halaman Input Data Sekolah

3.4.5 Halaman Proses Pendataan Guru

Halaman proses pendataan guru digunakan administrator untuk memasukkan data dan memperbarui pendataan guru. Dalam form ini terdapat tombol “simpan” dan “batal”. Berikut ini adalah tampilan halaman proses pendataan guru.