BAB 3
PERANCANGAN SISTEM
3.1. Perencanaan dan Perancangan
Tahap perencanaan dan perancangan merupakan tahap awal yang dilakukan penulis dalam membangun website ini. Pada tahap ini penulis akan menjabarkan awal perancangan sistem, diagram alur, tujuan dan isi dari situs yang akan dibangun. Situs ini dirancang dengan menggunakan PHP sebagai bahas pemogramannya, MySQL sebagai databasenya, Apache sebagai servernya, dan Dreameamweaver6sebagai media untuk membuat layout dari situs yang akandirancang.
Sebelum membangun sebuah website, ada beberapa pertanyaan sebagai identifikasi awal yang perlu dilakukan, antara lain:
1 Website apa yang akan dibangun ?
2 Siapa saja pengunjung yang akan diharapkan ke website tersebut ? 3 Apa saja aktivitas yang dapat dilakukan pengunjung dalam website ? 4 Apa saja yang ingin dicapai dari pembuatan website tersebut ?
a. Website yang akan dibuat adalah sistem informasi berbasis web, yangmenyediakan informasi yang menyangkut pendidikan dan kegiatan yang dilakukan sekolah.
b. Pengunjung situs tersebut adalah para siswa SMK Tunas Pelita Binjai, namun tidak menutup kemungkinan bagi masyarakat umum yang ingin mengetahui tentang SMK Tunas Pelita Binjai.
c. Aktivitas yang dapat dilakukan dalam situs tersebut adalah pengunjung dapat mengetahui informasi sekolah, siswa dan pegawai dapat login untuk mengolah datanya masing-masing.
d. Target yang ingin dicapai dalam pembuatan situs ini adalah dapat memberikan kemudahan bagi siswa dalam memperoleh informasi yang dibutuhkan serta dapat membantu sekolah dalam mempromosikan sekolahnya.
Adapun struktur dari situs yang penulis buat ditunjukkan pada Gambar 3.1.
3.2. Perancangan Halaman Website
Adapun perancangan halaman-halaman website adalah sebagai berikut:
3.2.1. Halaman Home
Halaman ini merupakan halaman utama dari website. Halaman ini berisikan beberapa informasi umum tentang sekolah dan link-link utama yang menuju ke halaman lainnya.
3.2.2. Halaman About Us
Halaman ini berisikan informasi sekilas tentang sekolah dan alamat sekolah.
3.2.3. Halaman Login
Halaman ini berisikan form untuk login siswa yang sudah mendaftar dan guru yang ada disekolah.
3.2.4. Halaman Admin
Halaman admin berisikan login yang akan menghubungkan ke halaman administrator. Halaman ini khusus hanya dapat diakses oleh administrator website dan halaman ini terpisah dari halaman utama atau indeks untuk melakukan pengaturan website seperti menambah, menghapus dan mengubah data.
3.2.5. Halaman Sekilas
3.3. Perancangan Diagram Konteks
Diagram konteks adalah suatu diagram yang terdiri dari suatu proses saja dan biasa diberi nomor proses 0. Proses ini mewakili dari dari seluruh sistem. Diagram konteks menggambarkan input atau output suatu sistem dengan dunia luar atau dunia kesatuan luar. Lihat pada gambar 3.2, ini adalah bentuk diagram konteks dari website SMK Tunas Pelita Binjai.
Gambar 3.2. Diagram Konteks Website
3.4. Perancangan Diagram Alir (Flowchart) Website
3.4.1. Flowchart Menu Utama
Seorang pengunjung website dapat mengakses website SMK Tunas Pelita Binjai dan dapat berpindah dari halaman yang satu ke halaman yang lainnya. Masing-masing halaman utama memiliki link-link yang dapat dipilih oleh pengunjung. Flowchart menu utama dapat dilihat pada Gambar 3.3.
Gambar 3.3. Flowchart Menu Utama
3.4.2. Flowchart Admin
Gambar 3.4. Flowchart Menu Admin
3.5. Merancang Database Server
Database merupakan tempat penyimpanan data yang terstruktur sehingga dapatdiakses dengan cepat dan mudah. Tahap mempersiapkan database ini merupakan tahap dimana penulis mempersiapkan tempat untuk menampung data di server. Data tersebut akan diproses oleh program yang kita buat pada tahap pemograman baik menambah, mengubah, penghapusan, dan menampilkan database itu sendiri. Database terdiri dari tabel-tabel yang dibuat menggunakan
1. Tabel Admin
Tabel 3.1. Tabel Admin
Field Name Type Width Description
Admin varchar 10 Nama user
Jobwali Varchar 20 Pekerjaan Wali
Tabel 3.2.
Tabel Siswa
Field Name Type Width Description
4. Tabel Files
Tabel 3.4. Tabel Files
Field Name Type Width Description
Nama_file varchar 50 Nama file
Deskripsi varchar 100 Deskripsi singkat Dari Varchar 50 Nama pengunggah
5. Tabel nilai
Tabel 3.5. Tabel Nilai
Field Name Type Width Description
Nis Varchar 10 Nomor induk siswa
Bindo Varchar 3 Bahasa indonesia
Mm Varchar 3 Matematika
Agm Varchar 3 Agama
Kimia Varchar 3 Kimia
Fisika Varchar 3 Fisika
Kwu Varchar 3 Kewirausahaan
Mulok Varchar 3 Muatan lokal
Ips Varchar 3 Ilmu pengetahuan alam
Kjrn Varchar 3 Ilmu pengetahuan sosial
Bing Varchar 3 Bahasa inggris
Pjs Varchar 3 Pendidikan jasmani
Seni Varchar 3 Kesenian
BAB 4
IMPLEMENTASI SISTEM
4.1. Pengertian Implementasi Sistem
Implementasi sistem adalah langkah-langkah atau proses yang dilakukan dalam menyelesaikan desain sistem yang telah disetujui, selanjutnya diinstal, diuji dan mulai digunakan untuk menggantikan sistem yang diperbaiki. Implementasi merupakan tahap penerapan rancangan yang sudah dibuat ke dalam. Bahasa pemrograman yang digunakan. Dalam tahap ini dilakukan beberapa hal yaitu penulisan program, kompilasi dan membuat program aplikasi yang siap pakai atau executable.
4.2. Kebutuhan Sistem
Sarana-sarana sangat dibutuhkan untuk memperoleh hasil dalam perancangan sistem yang baik yaitu berupa komponen-komponen penting dalam menunjang penerapan sistem yang telah dirancang. Komponen-komponen penting dalam menunjang penerapan sistem yang telah dirancang tersebut adalah sebagai berikut:
1. Perangkat Keras (hardware)
perangkat pengolahan (processor) dan perangkat keluaran (output device), adapun hardware yang digunakan penulis dalam merancang sistem ini adalah:
a. Peralatan input, seperti: mouse, keyboard.
b. Peralatan proses, seperti: processor, RAM 4GB, hardisk 500 GB. c. Peralatan output, seperti: monitor.
d. Peralatan tambahan lainnya, seperti USB flashdisk.
2. Perangkat Lunak (software)
Software adalah seluruh fasilitas suatu sistem pengolahan data yang bukanperalatan komputernya atau merupakan suatu susunan yang harus diberikan kepada unit pengolahan agar komputer dapat menjalankan pekerjaannya sesuai yang dibutuhkan. Fasilitas software terdiri dari sistem desain, program-program dan prosedur-prosedur. Software yang digunakan antara lain:
a. Sistem operasi minimum microsoft windows XP dan maksimun microsoft windows 8.1
b. Macromedia Dreamweaver sebagai pemrograman dan perancangandesain.
3. Unsur Manusia (Brainware)
a. Analisis sistem, yaitu orang membentuk dan membangun fasilitas rancangan sistem atau program.
b. Programmer, yaitu orang yang mengerti bahasa pemrograman yang digunakandalam membuat dan membangun suatu program.
c. Operator (administrator), yaitu orang yang mengoperasikan sistem sepertimemasukkan data untuk dioperasikan oleh komputer dalam menghasilkan informasi dan lainnya.
d. Public (pengguna), yaitu orang yang memakai sistem yang telah dirancang.
4.3. Tampilan Program
Adapun tampilan-tampilan program yang telah dirancang, adalah sebagai berikut:
4.3.1. Tampilan Home
Gambar 4.1. Tampilan Home
4.3.2. Tampilan Login
Tampilan Login menampilkan login panel untuk siswa dan guru, di halaman ini juga tersedia link untuk ke panduan dan login admin.
4.3.3. Tampilan About Us
Pada Tampilan ini pengunjung dapat melihat sekilas profil sekolah, mulai dari alamat, nomor telepon dan profil di social media.
Gambar 4.3. Tampilan About Us
4.3.4. Tampilan Login Admin
Gambar 4.4. Tampilan Login Admin
4.3.5. Tampilan Halaman Admin
Tampilan ini bertujuan untuk mengubah data siswa, guru, ataupun nilai baik itu menambahkan data, menghapus data yang ada di dalam website sekolah ini.
4.3.6. Tampilan Halaman Sekilas
Pada halaman sekilas, menampilkan galeri sedikit kegiatan, kejuruan yang tersedia serta pengertian SMK.
Gambar 4.6. Tampilan Halaman Sekilas
4.3.7. Tampilan Halaman Panduan
Gambar 4.7 Panduan
4.3.8. Tampilan Halaman Siswa
Tampilan halaman siswa akan muncul ketika siswa login ke halaman tersebut.
BAB 5
KESIMPULAN DAN SARAN
5.1. Kesimpulan
Dari keterangan dan bab-bab sebelumnya penulis dapat mengambil beberapa kesimpulan sebagai berikut:
1. Dalam pembuatan sistem informasi ini ada beberapa tahapan yang dilakukan penulis yaitu tahap perencanaan, tahap perancangan diagram konteks, merancang dan mempersiapkan database server, dan tahap implementasi sistem.
2. Website ini dibuat dengan menggunakan bahasa pemograman PHP sebagai bahasapemogramannya, MySQL sebagai database servernya dan apache sebagai server.
3. Pembuatan website ini dilakukan pada intranet atau komputer lokal tanpa terkoneksi ke internet. Koneksi internet dibutuhkan pada saat menghosting website dan pengaksesan situs setelah di hosting.
5.2. Saran
Adapun beberapa saran yang penulis sampaikan pada pembuatan website ini adalah: 1. Perlu dilakukan pembaharuan atau update berkala oleh administrator pada
website ini guna memberikan informasi yang terbaru.
2. Untuk menarik minat pengunjung, perlu dibuat rancangan layout atau template dengan gambar dan animasi yang menarik.
penyimpanan lainnya untuk mencegah hal-hal yang tidak diinginkan seperti data hilang atau rusak.
4. Dalam pembuatan situs, perlu dirancang dengan teliti agar dalam melakukan pembaharuan data tidak terjadi kesalahan.