PEMBUATAN WEBSITE PENDAFTARAN SISWA BARU SECARA ONLINE PADA SMA N 1 BATURETNO
NASKAH PUBLIKASI
diajukan oleh Dayat Giri Pralambang 09.02.7397
kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA YOGYAKARTA 2015
1
2
PEMBUATAN WEBSITE PENDAFTARAN SISWA BARU SECARA ONLINE PADA SMA N 1 BATURETNO Dayat Giri Pralambang1), Barka Satya2), 1)
Manajeman Informatika STMIK AMIKOM Yogyakarta Manajeman Informatika STMIK AMIKOM Yogyakarta
2)
Jl Ringroad Utara, Condongcatur, Depok, Sleman, Yogyakarta Indonesia 55283
Email :
[email protected]),
ABSTRACT-Online registration of new student for senior high school it's mean to simplify of bureaucracy and for facilitate of new student that want to register in accordance with the provisions without queuing. With the simplify of the bureaucracy - we hope more good quality of prospective student will register, with more proscriptive student who register, more quality student will be accepted. Online registration for new student doesn't mean that all thing is do it by online, all file that can't handle by online must be submitted directly for verification. While, for the other thing that can be handle by online like fill in data and so forth can be do by online. Besides for online registration, people can use the website to get information about the school, for the student, they can use it to get information about teaching and learning activities Keywords: online registrations, website, school,information.
[email protected]
online ini. Sebenarnya sistem pendaftaran dan informasi mengenai penerimaan siswa baru secara online ini sangat membantu calon siswa dalam memperoleh informasi dan melakukan pendaftaran secara cepat. 1.1 RumusanMasalah Berdasarkanlatarbelakangmasalahtersebut, makapenulisdapatmerumuskanbeberapaper masalahan, antaralain : 1. Bagaimana proses pendaftaranawalsiswabaru. 2. Bagaimana proses login siswdan guru. 3. Bagaimana proses admin website. 1.2 BatasanMasalah Agar penyusunan laporan ini dapat dilaksanakan dengan baik dan mengingat luasnya ruang permasalahan yang dapat dikembangkan maka penulis membatasi sebagai berikut: 1. Proses registrasi guru dan siswa dimana dimana guru atau siswa melakukan registrasi maka guru dan siswa dapat memanfaatkan website ini. 2. Setelah guru dan siswa melakukan registrasi maka dapat melakukan login sehingga masuk ke halaman sendiri untuk mengupdate data ataupun melakukan upload materi. 3. Proses pendaftaranawalsiswabarusehingg adata pendaftarandapatmasukkedalam system. 4. Dalampembuatanwebsite inimenggunakanaplikasidiantaralai n XAMPP 1.6.8, notepad++, adobe dreamweaver CS5 danCoreldraw.
1. Pendahuluan Pendaftaran siswa baru merupakan rutinitas bagi civitas pelajar, dimana setelah seleasai menempuh kegiatan belajar maka akan melanjutkan ke jenjang yang lebih tinggi. Pendaftaran siswa baru tingkat menengah atas mengalami peningkatan dari tahun ke tahun. Jika dilihat dari sistem penerimaan siswa baru tingkat menengah atas telah mengalami peningkatan. Pendaftaran siswa baru yang dulu dilakukan secara konvensional sekarang mulai bergerser secara online. Hal ini dillihat dari mulai berjamurnya situs – situs online SMA yang telah menawarkan sistem pendaftaran online. Akan tetapi masih banyak sekolah yang belum mangaplikasikan sistem pendaftaran secara
1
yang ditulis dalam format HTML ( Hyper Text Markup Language ), yang selalu bisa diakses melalui HTTP, yaitu sebuah protokol yang menyampaikan informasi dari server website untuk ditampilkan kepada para pemakai melalui web browser.dan Website atau situs dapat juga diartikan sebagai kumpulan halaman yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink).
1.3 Tujuan Tujuan dari penelitian ini adalah : 1. membangun sistem informasi yang terintegrasi dan dapat dimanfaatkan oleh masyarakat umum dan civitas pelajar. 2. Menyederhanakan birokrasi saat pendaftaran siswa baru. 3. Memberikan informasi yang real time tentang kegiatan belajar mengajar. 4. Memberikan data dan informasi tentang sekolah yang dapat diakses oleh masyarakat umum. Manfaat Penelitian
2.3 Website Manfaat dari penelitian ini : 1. Efisiensi waktu pada saat pendaftaran siswa baru. 2. Materi yang diberikan oleh guru dapat diakses kapan saja. 3. Transparansi sekolah, dimana data dan informasi sekolah dapat diakses kapan saja oleh masyarakat.
2.3.1 HTML HTML (Hyper Text Markup Language) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).
2. Landasan Teori 2.1 Pendidikan Menurut Dwi Siswoyo dalam tulisannya (Dwi Siswoyo dkk, 2007: 19) menjelaskan “pendidikan adalah rekonstruksi atau reorganisasi pengalaman yang menambah makna pengalaman, dan yang menambah kemampuan untuk mengarahkan pengalaman selanjutnya.[1] Sedangkan menurut Abdul Majid. (2008) mengatakan bahwa “Pendidikan ialah serangkaian kegiatan komunikasi yang bertujuan, antara manusia dewasa dengan si anak didik secara tatap muka atau dengan menggunakan media dalam rangka memberikan bantuan terhadap perkembangan anak seutuhnya”.[2]
2.4 MYSQL Arief, M. Rudyanto MySQL merupakan Bahasapemrogramanopen-sourceyang paling popular danbanyakdigunakan di lingkunganLinux.Kepopuleraninikarenaditu njangolehperformansiquerydari database yang jarangbermasalah.[3] MySQL adalahsebuahimplementasidari system manajemebasisdatarelasional (RDBMS) yang didistribusikansecaragratis.Setiappenggunad apatsecarabebasmenggunakan MySQL, namundenganbatasanperangkatlunaktersebut tidakbolehdijadikanprodukturunan yang bersifatkomersial.MySQLsebenarnyamerupa kanturunansalahsatukonseputamadalambasis data yang telahadasebelumnya; SQL (Structured Query Language).SQL
2.2 Website Website adalah kumpulan dari halaman halaman situs, yang terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di dalam World Wide Web ( WWW ) di dalam Internet. Sebuah halaman web biasanya berupa dokumen
2
Gambar 1Simbol – Simbol DFD
adalahsebuahkonseppengoperasianbasisdata, terutamauntukpemilihanatauseleksidanpema sukan data, yang memungkinkanpengoperasian data dikerjakandenganmudahsecaraotomatis. 2.5 PHP PHP di kembangkan pada tahun 1995 oleh Rasmus Lerdorf, dan sekarang dikelola oleh The PHP Group. PHP disebut bahasa pemrograman server side karena PHP diproses pada komputer server. Hal ini berbeda dibandingkan dengan bahasa pemrograman client-side seperti JavaScript yang diproses pada web browser (client).
Simbol – symbol DFD : 2.6 Entity Relationship Diagram (ERD) Entity Relationship diagram (ERD) merupakanteknik yang digunakanuntukmemodelkankebutuhan data darisuatuorganisasi, biasanyaoleh System Analysdalamtahapanalisispersyaratanproyek pengembangan system. Sementaraseolaholahteknik diagram ataualatperagamemberikandasaruntukdesain database relasional yang mendasarisisteminformasi yang dikembangkan. ERD bersama-samadengan detail pendukungmerupakan model data yang padagilirannyadigunakansebagaispesifikasiu ntuk database. Brady danLoonam (2010).
Pada awalnya PHP merupakan singkatan dari Personal Home Page. Sesuai dengan namanya, PHP digunakan untuk membuat website pribadi. Dalam beberapa tahun perkembangannya, PHP menjelma menjadi bahasa pemrograman web yang powerful dan tidak hanya digunakan untuk membuat halaman web sederhana, tetapi juga website populer yang digunakan oleh jutaan orang seperti wikipedia, wordpress, joomla, dll. Saat ini PHP adalah singkatan dari PHP: Hypertext Preprocessor, sebuah kepanjangan rekursif, yakni permainan kata dimana kepanjangannya terdiri dari singkatan itu sendiri: PHP: Hypertext Preprocessor.
ERD merupakansuatu model untukmenjelaskanhubunganantar data dalam basis data berdasarkanobjek-objekdasar data yang mempunyaihubunganantarrelasi. ERD untukmemodelkanstruktur data danhubunganantar data, untukmenggambarkannyadigunakanbeberap anotasidansimbol.
2.5 Data Flow Diagram (DFD) Data Flow Diagram (DFD) adalahsuatu diagram yang menggunakannotasinotasiuntukmenggambarkanarusdari data sistem, yang penggunaannyasangatmembantuuntukmema hami system secaralogika, tersrukturdanjelas.DFDmerupakanalat bantu dalammenggambarkanataumenjelaskansiste m yang sedangberjalanlogis.
3.Pembahasan 3.1 Perancangan system Perancangansistemsecaraumummempunyait ujuanmemberikangambarantentangsistem yang barudibuat.Perancangan system inidibuatuntukmempersiapkanrancanganterp erinci yang mengindikasikan system informasi yang akandibuat. 3.2 Perancangan model Perancangan
3
model
merupakansuatugambaransecaraumumtentan gtahap tahap yang dilaluidalampembuatanwebsite.Secaraumum rancangan model yang digunakanbentuk logical model yang digambarkandengandiagram arus data (data flow diagram), yaitusistem yang akanmendifinisikanurutan– urutankerjapadasebuahsistem. sistem DFD inisangatberpengaruhdalam proses pembuatan program.
3.5Rancangan Interface HalamanUtama
HEADER menu
menu
menu
menu
menu
menu
menu
login siswa
CONTENT
info sekolah
3.3 Diagram Konteks
info sekolah
CONTENT
admin
[data login,prestasi, galeri, buku tamu, materi, berita]
[data login,prestasi, galeri, buku tamu, materi, berita]
kalender
siswa [data password, login, biodata, materi]
Siswa baru/ publik
[data password, login, biodata, materi]
footer
[data buku tamu,siswa baru]
1 web sekolah
Gambar4 Interface HalamanUtama
[data buku tamu,sis wa baru] [data biodata, login, materi, password]
[data biodata, login, materi, password]
HEADER
guru
Gambar 2 Diagram Konteks
Halaman Siswa Photo
3.4 Rancangan Interface Halaman Admin
Home
Biodata Download Materi
Ganti Password
Log Out
Nama NIS
HEADER Home Berita
CONTENT
Kalender
Home
Biodata
Ganti Password
Log Out
Download Materi
Ekstra Prestasi Galery Buku Tamu Footer
Tahun Masuk
3.6Rancangan Interface HalamanSiswa
Siswa Jurusan Mapel
Gambar5 Interface HalamanSiswa
Guru Materi Password Log Out
3.7Halaman Login Admin Footer
Gambar 3 Interface admin
Gambar6Halaman Login Admin
4
3.8 Halaman Admin
4. Kesimpulan
Gambar 7 Halaman Admin
1.
Website inidibuatdenganmenggunakan softwarediantaranya XAMPP 1.6.8, notepad ++, adobe dreamweaver CS5 danCoreldraw. Dengantahapansebagaiberikut : a. Pembuatanrancangan. b. Pembuatan database. c. Pembuatan layout. d. Pembuatan engine.
2.
Website inidibuatdenganBahasa pemograman PHP dan MYSQL disertaidengan HTML, CSS danjavascript. Website inidisesuaikankonten - konten yang dibutuhan. Perancangan database yang dijelaskan dalam ERD dan perancangan sistem yang diuraikan dalam DFD.
3.9 Halaman Siswa
3.
5. Saran – Saran Penulis mengajukan saran yang mungkin dapat dipertimbangkan sebagai berikut: 1. Website walaupun sudah selesai sebaiknya disempurnakan lagi mengingat masih banyak bug yang ditemukan. 2. Ditambah lagi fitur - fitur yang berguna untuk sekolah. 3. Selalu di rawat dan di update untuk dapat digunakan semaksimal mungkin.
Gambar 8 Halaman Siswa 3.10 Halaman Guru
DAFTAR PUSTAKA [1]
Dwi Siswoyo. (2007). Ilmu Pendidikan.Yogyakarta: UNY Pers. [2] Abdul Majid. (2008). PerencanaanPembelajaran. Jakarta: Raja GrafindoPersada. [3] Arief, M. Rudyanto. 2006. Pemrograman Basis Data Menggunakan Transact-SQL dengan Microsoft SQL Server 2000.Yogyakarta: Andi.
Gambar 9 Halaman Guru
5
Biodata Penulis Dayat Giri Pralambang,memperoleh gelar Diploma IIIr (A.Md), Jurusan Manajeman Informatika STMIK AMIKOM Yogyakarta, lulus tahun 2015. Saat ini menjadi Karyawan di PT. Gameloft Indonesia di Yogyakarta. Barka Satya, memperoleh gelar Sarjana Komputer (S.Kom), Jurusan Teknik Informatika STMIK AMIKOM Yogyakarta, lulus tahun 2005. Memperoleh gelar Magister Komputer (M.Kom) Program Pasca Sarjana Magister Teknik Informatika STMIK AMIKOM Yogyakarta. Saat ini menjadi Dosen di STMIK AMIKOM Yogyakarta.
6
