PERANCANGAN SITEM INFORMASI PENDAFTARAN SISWA BARU BERBASIS WEB PADA SMP NEGERI 3 GUNUNG PUTRI BOGOR

(1)

PERANCANGAN SITEM INFORMASI PENDAFTARAN

SISWA BARU BERBASIS WEB PADA SMP NEGERI 3

GUNUNG PUTRI BOGOR

Dony Oscar1, Novita Indriyani2

AMIK BSI Jakarta e-mail: dony.dor@bsi.ac.id

AMIK BSI Jakarta e-mail: Novita.nvd@bsi.ac.id

Abstrak

Kemajuan teknologi komputer saat ini internet menjadi satu bagian kemajuan teknologi komputer.Media internet adalah media yang paling murah, bahkan yang paling efektif dalam mempromosikan sekolah serta mempermudah calon siswa untuk mendaftar.Internet mempunyai daya jangkauan yang luas, berpeluang melihat lebih dari satu milyar pemakai internet. Pada saat ini khususnya instansi sekolah, Sekolah Menengah Pertama Negeri atau Swasta sedang giat-giatnya mempromosikan sekolah dengan media website.Pendaftaran melalui media website dapat mempermudah calon siswa untuk mendaftar. Oleh karena itu promosi dilakukan bukan hanya penyebaran brosur dan mengisi formulir pendaftaran dengan datang langsung ke sekolah.Tetapi dapat melalu media internet khususnya website. Dalam penelitian ini penulis hanya membatasi pembahasan perancangan website meliputi index atau tampilan utama website, profil sekolah berisi dari sejarah, visi-misi, struktur organisasi, informasi tentang guru dan siswa serta buku tamu dan pendaftaran siswa. Metode pengembangan perangkat lunak merupakan suatu strategi pengembangan yang memadukan proses, metode, dan perangkat (tools). Metode yang digunakan pada pengembangan perangkat lunak ini menggunakan model water fall

Keywords: Website,Sistem Informasi,Waterfall

1. Pendahuluan

Kemajuan teknologi komputer saat ini internet menjadi satu bagian kemajuan teknologi komputer.Media internet adalah media yang paling murah, bahkan yang paling efektif dalam mempromosikan sekolah serta mempermudah calon siswa untuk mendaftar.Internet mempunyai daya jangkauan yang luas, berpeluang melihat lebih dari satu milyar pemakai internet. Pada saat ini khususnya instansi sekolah, Sekolah Menengah Pertama Negeri atau Swasta sedang giat-giatnya mempromosikan sekolah dengan media website.Pendaftaran melalui media website dapat mempermudah calon siswa untuk mendaftar. Oleh karena itu promosi dilakukan bukan hanya penyebaran brosur dan mengisi formulir pendaftaran dengan datang langsung ke sekolah.Tetapi dapat melalu media internet khususnya

website. Dalam penelitian ini penulis hanya membatasi pembahasan perancangan

website meliputi index atau tampilan utama

website, profil sekolah berisi dari sejarah,

visi-misi, struktur organisasi, informasi tentang guru dan siswa serta buku tamu dan pendaftaran siswa.

Menurut Rusmanto (2008:1) mengemukakan bahwa “Internet yang dalam bahasa aslinya merupakan singkatan dari International Networking (jaringan internasional) yang dapat saling berkomunikasi dan bertukar informasi dalam lingkup yang sangat luas yaitu dunia internasional”. Penggunaan internet memungkinkan kita untuk mendapatkan informasi bahwa pemilik komputer yang ada didalam kelompok tersebut dengan asumsi bahwa pemilik komputer memberikan izin hak akses.

Untuk mendapatkan sebuah informasi, sekumpulan protokol harus digunakan, yaitu sekumpulan aturan yang menetapkan bagaimana suatu informasi dapat dikirim atau diterima.Manfaat internet sangat banyak dan luas. Dapat mencari berbagai informasi yang diperlukan, bisa saling bertukar informasi yang diperlukan, dan bertukar informasi dengan orang lain diseluruh dunia.

(2)

Dengan internet, dapat mengirim email (surat elektronik) secara luas dan cepat, serta

chatting atau mengobrol melalui internet dengan teman dimanapun berada. Pendek kata, semua keperluan komunikasi dan pertukaran informasi jauh lebih mudah dan murah dengan adanya internet.Dan yang terpenting internet memungkinkan setiap orang untuk berbisnis lebih mudah.

Jenis layanan di internet yang bisa di nikmati sangat banyak.Beberapa di antaranya yang cukup populer adalah browsing, email, chatting, blogging, game, online, social networking dan masih banyak lagi. Dan berikut adalah istilah-istilah yang sering digunakan dalam dunia internet:

World Wide Web (WWW)

WWW atau Worl Wide Web lebih dikenal dengan website yang awalnya merupakan suatu layanan penyajian informasi di internet dengan menggunakan HTML.Web identik dengan internet, karena kepopulerannya saat ini, web sudah menjadi interface aplikasi untuk melakukan transaksi dan sajian informasi yang lengkap dari seluruh dunia. Web Server

Web Server adalah komputer yang digunakan untuk menyimpan dokumen-dokumen website, komputer ini akan melayani permintaan dokumen website dari kliennya. Web Browser

Web Browserseperti Explorer atau Google

berkomunikasi melalui jaringan (termasuk jaringan internet) dengan server web, menggunakan HTTP.Browserakan mengirimkan request kepada server untuk meminta dokumen tertentu atau layanan lain yang disediakan oleh server. Server akan memberikan dokumen atau layanannya jika tersedia juga dengan menggunakan protocol HTTP.

Web Editor

Web Editor adalah program yang berfungsi untuk merancang tampilan atau layoutdari situs yang akan kita buat. Web Editorakan mempermudah dalam proses pembuatan situs. Karena tidak perlu lagi menuliskan HTML secara manual, semuanya sudah disediakan oleh web editor, cukup mengklik dan mengatur konfigurasi yang akan digunakan. Contoh dari web editor adalah Macromedia Dreamweaver CS3.

URL (Universal Resource Locator)

URL adalah konsep namafile standar yang diperluas dengan jaringannya. Nama file ini tidak hanya menunjukkan direktori dan

namafilenya, tetapi nama mesin dalam jaringan.

HTTP (Hypertext Transfer Protocol)

Server HTTP umumnya digunakan untuk melayani dokumen hypertext, karena HTTP adalah protocol dengan overhead yang sangat rendah, sehingga pada kenyataan navigasi informasi dapat ditambahkan langsung dalam dokument, dan dengan demikian protokolnya sendiri tidak mendukung navigasi secara penuh seperti halnya protokol FTP lakukan.

HTML (Hypertext Markup Languange) Dokumen HTML adalah file text murni yang dapat dibuat dengan editor teks sembarang. Dokumen ini dikenal sebagai web page.Dokumen HTML merupakan dokumen yang disajikan dalam browser web surfer. Dokumen ini umumnya berisi informasi atau

interface aplikasi di dalam internet. 2. Metode Penelitian

Metode penelitian merupakan langkah penting dalam penelitian ini, khususnya bagi perancangan sistem. Dalam kegiatan riset penulis mengumpulkan data melalui cara, yaitu:

A. Metode Pengembangan Perangkat Lunak

Metode pengembangan perangkat lunak merupakan suatu strategi pengembangan yang memadukan proses, metode, dan perangkat (tools). Metode yang digunakan pada pengembangan perangkat lunak ini menggunakan model water fall yang terbagi menjadi tiga tahapan, yaitu:

Analisis Kebutuhan

Pada bagian ini merupakan tahapan analisa terhadap kebutuhan sistem yang digunakan untuk merancang sistem berdasarkan pengumpulan data kebutuhan pengguna, dengan menentukan konsep dan antar muka yang dapat di implementasikan sesuai dengan kebutuhan.

Perancangan Sistem danPerangkat Lunak Proses perancangan sistem dilakukan setelah semua data terkumpul dan merancang pemodelan sistem yang akan dibuat secara keseluruhan, lalu merancang skema basis data sampai perancangan antar muka aplikasi sistem penerimaan siswa baru, kemudian membagi spesifikasi sistem yang akan dibuat dalam bentuk perangkat lunak. Implementasi dan Pengujian Unit

Tahap ini dilakukan pengujian program yang sudah dibuat. Pengujian dilakukan dengan

(3)

kesalahan serta memastikan output yang dihasilkan sesuai dengan yang diinginkan pada tahap perancangan piranti lunak. B. Teknik Pengumpulan Data

Teknik pengumpulan data yang digunakan oleh penulis dalam melakukan pengumpulan data untuk penelitian ini adalah:

Pengamatan Langsung (Observation) Penulisan secara langsung melakukan pengamatan di sekolah SMP Negeri 3 Gunung Putri Bogor dalam mengelola sistem informasi penerimaan siswa baru. Hasil pengamatan langsung di catat dan diketahui kekurangan dalam proses tersebut.

Wawancara (Interview)

Untuk dapat memperoleh informasi yang lengkap maka penulis melakukan metode wawancara atau metode Tanya jawab mengenai sistem penerimaan siswa baru SMP Negeri 3 Gunung Putri Bogor.

Studi Pustaka (Literature)

Selain metode diatas penulis juga melakukan studi kepustakaan melalui literature atau referensi yang ada.

3. Pembahasan

Spesifikasi Rancangan Web

Spesifikasi rancangan web yang penulis gunakan meliputi spesifikasi bentuk masukan, spesifikasi bentuk keluaran, dan spesifikasi file yang membantu penulis dalam pembuatan tugas akhir ini.

Rancangan Bentuk Masukan

Pada saat admin mengelola situs ini, yaitu mengolah data, mengedit atau menghapus sebuah data dibutuhkan sebuah dokumen masukan dan setiap kali pengunjung melakukan interaksi dengan web. Berikut ini dokumen rancangan bentuk masukan yang ada di dalam web SMP Negeri 3 Gunung Putri :

a. Formulir Pendaftaran

Nama Masukan : Formulir

pendaftaran

Fungsi : Memberikan data pribadi untuk pendaftaran

Sumber : Pengunjung

Tujuan : Admin (dalam web

ini pihak sekolah)

Media : Monitor

Jumlah : -

Frekuensi : Setiap Pengunjung mengisi formulir pendaftaran

Bentuk : Lampiran A.1

Gambar 1 Rancangan Halaman Formulir Pendaftaran

Keterangan gambar di atas :

Link 1 : Untuk mengakses formulir daftar online

Link 2 : Untuk halaman home

Link 3 : Untuk halaman profil

Link 4 : Untuk halaman sejarah

Link 5 : Untuk halaman visi-misi

Link 6 : Untuk halaman struktur organisasi

Link7 : Untuk halaman Guru

Link8 : Untuk halaman Siswa

Link9 : Untuk halaman ekstrakurikuler

Link10 : Untuk halaman Prestasi

Link11 : Untuk halaman Galeri

Link12 : Untuk halaman Testimonial

Link13 : Untuk halaman Pendaftaran

Link14 : Untuk halaman Formulir pendaftaran online

Rancangan Bentuk Keluaran

Bentuk keluaran disini dapat berupa hasil yang ditampilkan di monitor atau berupa hasil yang berbentuk output dengan media kertas dan printer. Berikut ini penjelasan bentuk tampilan keluaran keluaran dari web ini : a. Bukti Pendaftaran

Nama Keluaran : Bukti Pendaftaran

Fungsi : Sebagai Bukti pendaftaran Sumber : Admin (dalam web ini pihak sekolah)

Tujuan : Pengunjung Media : Monitor Jumlah : -

Frekuensi : Setiap Pengunjung mendaftar

(4)

Gambar 2. Rancangan Halaman Bukti Pendaftaran

Rancangan Halaman User

Dalam pembuatan rancangan user terdapat spesifikasi rancangan yang dapat membantu dalam pembuatan website, agar penampilan website lebih menarik dan dinamis.

Spesifikasi Menu Home (Index) Nama Program : Home

Akronim : Index.php

Bahasa pemograman : PHP

Bentuk : Lampiran C.1

Fungsi program : Untuk

menampilkan Isi home atau index

Proses : Buka Browser web, lalu ketik alamat

http://localhost/tk.com/

Gambar 3 Rancangan Halaman Home

Link 3 :Untuk halaman profil

Link7 :Untuk halaman Guru

Link9 : Untuk halaman Ekstrakurikuler

Link10 :Untuk halaman Prestasi

Link14 : Untuk halaman Formulir Pendaftaran online

Spesifikasi Menu Profil

Nama Program : Profil Akronim : Profil.php Bahasa pemograman : PHP

Bentuk : Lampiran C.2 Fungsi program : Untuk menampilkan isi profil sekolah

Proses : Untuk

menampilkan ini klik menu profil, di halaman ini terdapat 3 sub menu, yaitu sejarah,visi-misi,dan struktur organisasi.

Gambar 4 Rancangan Halaman Profil Keterangan gambar di atas :

(5)

Link 2 :Untuk halaman home

Link 6 : Untuk halaman struktur Organisasi

3. Spesifikasi Menu Guru Nama Program : Guru

Akronim :Dataguru.php

Bentuk : Lampiran C.6 Fungsi program : Untuk menampilkan isi Data Guru sekolah

Proses : Untuk menampilkan halaman ini klik menu Guru

Gambar 5 Rancangan Halaman Guru Keterangan gambar di atas :

7. Spesifikasi Menu Siswa Nama Program : Siswa

Akronim : siswa.php

Bentuk : Lampiran C.7 Fungsi program : Untuk menampilkan isi data siswa

Proses : Untuk menampilkan halaman ini klik menu siswa

Gambar 6 Rancangan Halaman Siswa Keterangan gambar di atas :

Link 6 :Untuk halaman struktur organisasi

(6)

12. Spesifikasi Menu Pendaftaran Nama Program : Pendaftaran Akronim : pendaftaran.php Bahasa pemograman : PHP

Fungsi program : Untuk

menginformasikan syarat-syarat Pendaftaran calon siswa baru.

Proses : Untuk menampilkan halaman ini klik menu Pendaftaran.

Gambar 7 Rancangan Halaman Pendaftaran

Rancangan Halaman Admin

Dalam pembuatan website rancangan halaman admin juga sangat membantu dalam kinerja web karena dengan adanya halaman admin dapat memudahkan Administator mengolah data dengan lebih baik .

Administator dapat mengedit, menghapus, atau mengupdate data-data yang di perlukan oleh website

1. Spesifikasi Menu Home

Nama Program : Media

Akronim : media.php

Fungsi program : Untuk masuk ke halaman Home

Proses : 1. Masuk ke

browser web lalu ketikkan

http://localhost/tk.com/admin/ lalu masukkan Username dan Password. 2. Halaman Home (Media) memiliki beberapa menu yaitu :Home, Prestasi, Data Siswa, Data Guru, Testimonial, Galeri Foto, Data Berita, Logout. Struktur Navigasi Halaman Admin

Struktur Navigasi website digunakan untuk menggambarkan secara garis besar isi dari situs web dan menggambarkan bagaimana hubungan antara isi-isi tersebut. Struktur Navigasi Penerimaan Siswa Baru Sekolah Menengah Pertama (SMP) Negeri 3 Gunung Putri ini adalah struktur navigasi campuran

(composite). Melalui struktur navigasi website ini, terlihat bagaimana isi dan susunan dari sebuah website secara menyeluruh. Pembuatan struktur navigasi web akan sangat membantu dalam pembuatan rancangan seluruh halaman web.

Struktur Navigasi Halaman Pengunjung (User)

Gambar 8 Struktur Navigasi Campuran Pendaftaran Siswa Baru Sekolah Menengah Pertama Negeri 3 Gunung Putri Struktur Navigasi Halaman Admin

Gambar 9 Struktur Navigasi Campuran Pendaftaran Siswa Baru Sekolah Menengah Pertama Negeri 3 Gunung Putri (Admin)

(7)

4. Simpulan

Setelah melalukan penelitian seperti yang telah dijabar kan pada bagian – bagian sebelumnya maka penulis dapat mengambil kesimpulan sebagai berikut :

1. Pada saat ini media internet merupakan alah satu media yang paling efektif untuk melakukan promosi sekolah serta pendaftaran siswa baru dibandingkan melalui penyebaran brosur.

2. Penyampaian informasi melalui website mampu menyediakan informasi dalam bentuk teks dan gambar yang membuat website lebih menarik dan dinamis. 3. Pembuatan website dengan software

Macromedia Dreamweaver CS3 dapat membantu mempermudah pembuatan website karena tidak perlu mengetik script dan ditambah dengan penyimpanan database dengan menggunakan MySQLyang dikontrol oleh PHPMyAdmin.

4. Dengan adanya pembuatan website SMP Negeri 3 Gunung Putri masyarakat lebih mudah untuk mengetahui atau mengakses informasi melalui website SMP Negeri Gunung Putri. Serta adanya media buku tamu atau halaman komentar pada website untuk pengunjung yang ingin memberikan komentar, kritik, dan saran untuk kemajuan SMP Negeri 3 Gunung Putri.

5. Dengan adanya website ini mempermudah calon siswa baru untuk mendaftar secara online di SMP Negeri 3 Gunung Putri

6. Dengan adanya Tugas Akhir ini penulis dapat mengukur kemampuan penulis dalam mengaplikasikan materi yang didapat di waktu perkuliahan. Sehingga penulis dapat memperdalam ilmu yangtelah didapat.

Referensi

Ep, Fajar Junaedi. Panduan Lengkap Pemograman PHP untuk Membuat

Web Dinamis.e-Media

Solusindo.2005

Hadi, Mulya. 7 Jam Belajar Interaktif Dreamwaver CS3 Untuk Orang Awam.Palembang : Maxicom. 2008 Henky, Prihatna. Kiat Praktis Menjadi Web

Master Profesional. Jakarta : PT. Elex Media Komputindo. 2005

Kun, Toni. Membuat Website Canggih dengan jQuery untuk Pemula.Jakarta : Mediakita. 2010

Kurniawan, Rulianto. Membangun Situs dengan PHP Untuk Orang Awam. Palembang : Maxicom. 2008

Pohan, Husni Iskandar dan Betha Sidik. Pemograman Web dengan HTML Bandung : Informatika.2007

Ramadhan, Arief. Pemograman Web Database dengan PHP dan MySQL.Jakarta : PT. Elex Media Komputindo. 2006.

Rusmanto. Cara Mudah Mendesain Web dengan NVU. Jakarta. Dian Rakyat. 2008.