Pembuatan Website Profil Pada Sekolah Menengah Pertama (SMP) Negeri 2 Kartasura Nur Marlena, Dimas Sasongko

Journal Speed – Sentra Penelitian Engineering dan Edukasi – Volume 2 No 3 - 2010 - ijns.org

Pembuatan Website Profil Pada Sekolah Menengah Pertama (SMP) Negeri 2 Kartasura Nur Marlena, Dimas Sasongko Fakultas Teknologi Informatika Universitas Surakarta [email protected] ABSTRACT: Currently the cultural change has been characterized by the use of the internet is increasingly global. Internet as an information giver existence has now become a necessity. The perceived benefits of the internet is big enough, especially in the world of business, entertainment and education. Junior High School 2 Kartasura is one of the educational institutions that do not have a website and in the delivery of the information provided is as simple as using the bulletin board. Submission of this information was perceived still has many shortcomings, including limited information delivery. For that, need a website created profiles that can facilitate the students, teachers, academic staff, parents and the community in seeking information about Junior High School 2 Kartasura. The research conducted in order to reach the target and more focused, the authors limit the subject matter that is making a website to raise the profile of the school in Junior High School 2 Kartasura. This study aims to produce a website about pofil Junior High School 2 Kartasura. The authors use research methods are: observation, interviews, literature, analysis, design, manufacture, testing and implementation. With the website profiles in Junior High School 2 Kartasura This will provide convenience to the public in the search for information, especially about the profile of the school in Junior High School 2 Kartasura. Keywords: Website profiles, Junior High School 2 Kartasura ABSTRAKSI: Saat ini perubahan budaya telah ditandai dengan adanya pemanfaatan internet yang semakin mendunia. Internet sebagai penyampai informasi keberadaannya kini sudah menjadi kebutuhan. Manfaat internet cukup besar dirasakan terutama dalam dunia bisnis, hiburan dan pendidikan. Sekolah Menengah Pertama Negeri 2 Kartasura adalah salah satu instansi pendidikan yang belum memiliki website dan dalam penyampaian informasi yang diberikan masih secara sederhana yaitu dengan menggunakan papan pengumuman. Penyampaian informasi yang demikian dirasakan masih banyak memiliki kekurangan, antara lain penyampaian informasi yang terbatas. Untuk itu, perlu dibuatkan website profil yang dapat memudahkan siswa, guru, staf akademik, orang tua dan masyarakat dalam mencari informasi tentang Sekolah Menengah Pertama Negeri 2 Kartasura. Agar penelitian yang dilakukan ini dapat mencapai sasaran dan lebih terfokus, maka penulis membatasi masalah dengan pokok bahasan yaitu pembuatan website untuk mengemukakan profil sekolah di Sekolah Menengah Pertama Negeri 2 Kartasura. Penelitian ini bertujuan untuk menghasilkan website tentang pofil Sekolah Menengah Pertama Negeri 2 Kartasura. Metode penelitian yang penulis pergunakan adalah: observasi, wawancara, kepustakaan, analisis, perancangan, pembuatan, uji coba dan implementasi. Dengan adanya website profil di Sekolah Menengah Pertama Negeri 2 Kartasura ini akan memberikan kemudahan kepada masyarakat dalam mencari informasi khususnya mengenai profil sekolah di Sekolah Menengah Pertama Negeri 2 Kartasura. Kata Kunci : Website profil, Sekolah Menengah Pertama Negeri 2 Kartasura 1. Latar Belakang Teknologi informasi yang berkembang dengan cepat menuntut penyampaian informasi yang cepat dan akurat. Sekolah Menengah Pertama Negeri 2 Kartasura sebagai salah satu instansi pendidikan yang sudah berstandar nasional, diharapkan dalam penyampaian informasi khususnya dibidang akademik dapat lebih cepat. Hal ini sesuai dengan Undang-undang Nomor 20 Tahun 2003 yang menyebutkan standar nasional pendidikan mencakup standar isi, proses, kompetensi lulusan, tenaga kependidikan, sarana-prasarana, pengelolaan, pembiayaan, dan penilaian pendidikan. Selama ini di Sekolah Menengah Pertama Negeri 2 Kartasura penyampaian informasi yang diberikan kepada masyarakat hanya ISSN : 1979-9330 (Print) - 2088-0154 (Online)

secara sederhana yaitu melalui papan pengumuman. Dengan penyampaian informasi yang demikian dirasakan masih banyak memiliki kekurangan, antara lain penyampaian informasi yang terbatas, penyebaran informasi yang kurang luas dan relatif kurang menguntungkan dalam mengupdate informasi terbaru di Sekolah Menengah Pertama Negeri 2 Kartasura. 2. Rumusan Masalah a. Sebagai sekolah berstandar Nasional, SMP Negeri 2 Katasura belum mampu memenuhi anjuran dari pemerintah untuk memiliki website sekolah yang resmi

7


b. Sekolah Menengah Pertama Negeri 2 Kartasura dalam menyampaikan informasi kepada masyarakat masih menggunakan cara sederhana yaitu menggunakan papan pengumuman sehingga penyebaran informasinya kurang luas. 3. Batasan Masalah a. Pembuatan website untuk mengemukakan profil sekolah di Sekolah Menengah Pertama Negeri 2 Kartasura. b. Pembuatan website profil pada Sekolah Menengah Pertama Negeri 2 Kartasura ini menggunakan PHP, HTML, Java Script, CSS dan MySQL. 4. Tujuan Penelitian Tujuan penelitian ini adalah unuk menghasilkan website tentang profil Sekolah Menengah Pertama Negeri 2 Kartasura. 5. Manfaat Penelitian Adapun Manfaat dari penelitian ini adalah sebagai berikut : a. Bagi Sekolah 1) Memudahkan pihak sekolah dalam menyebarluaskan informasi baik kepada siswa, guru ataupun masyarakat. 2) Para pendidik (guru) dapat menyalurkan ilmunya melalui website sekolah. b. Bagi Masyarakat 1) Memberikan kemudahan kepada masyarakat dalam mengakses informasi khususnya mengenai profil sekolah. 2) Meningkatkan citra positif sekolah di masyarakat. 6. Sasaran penelitian ini adalah : Siswa, guru, staff akademik, orang tua siswa, dan masyarakat agar menggunakan internet untuk mencari informasi yang dibutuhkan. 7. Pengertian Internet Internet berasal dari interconection networking yang secara bahasa bermakna jaringan yang saling berhubungan, disebut demikian, karena internet merupakan jaringan komputerkomputer di seluruh dunia yang saling berhubungan dengan bantuan jalur telekomunikasi. (Ali Akbar, 2005) 8. Pengenalan Website Website merupakan sebuah halaman berisi informasi yang dapat dilihat jika komputer terkoneksi dengan internet. Dengan adanya website, semua orang di dunia bisa mendapatkan dan mengelola informasi dengan ISSN : 1979-9330 (Print) - 2088-0154 (Online)

berbagai sumber yang tersedia di internet. Website sendiri saat ini bisa memuat berbagai macam media, mulai dari teks, gambar, suara bahkan video. (Wahana, 2010) 9. Pengertian Php PHP (dulu: Personal Home Page, sekarang PHP: Hypertext Pre-processot) merupakan script untuk membuat suatu aplikasi yang dapat terintegrasikan ke dalam halaman HTML, sehingga suatu halaman web tidak lagi bersifat statis, namun menjadi bersifat dinamis. (Syayit Winarko, 2007) 10. Pengertian Html HTML (Hyper Text Markup Language) merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. Oleh karena itu agar dapat membuat program aplikasi di atas halaman web, terlebih dahulu harus mengenal dan menguasai HTML. Walaupun sekarang telah banyak paket aplikasi yang dapat digunakan untuk membuat halaman web secara WYSIWWIG (what you see is what you get) seperti frontpage, DreamWaver, Netscape Composer dan masih banyak lagi. (Bimo, 2003) 11. Database MySQL MySQL adalah sebuah sistem manajemen database relasi (relational database management system) yang bersifat “terbuka” (open source). Terbuka maksudnya adalah MySQL boleh didownload oleh siapa saja. Baik versi kode program aslinya (source code program) maupun versi binernya (executable program) dan bisa digunakan secara (relatif) gratis baik untuk dimodifikasi sesuai dengan kebutuhan seseorang maupun sebagai suatu program aplikasi komputer. (Arbie, 2004) 12. Perancangan Database Perancangan database pada pembuatan website ini menggunakan database MySQL, dan disimpan dengan nama . Pada tabel database terdapat kunci primary key (PK), berikut ini adalah detail dari tabel perancangannya : a.

Tabel Buku Tamu Nama Tabel : buku_tamu Field Kunci : buku_tamu_id Jumlah Field : 7 Fungsi : Menyimpan data buku tamu Tabel Tabel Buku Tamu Nama Field

Type

Keterangan

buku_tamu_id

Int(5)

Primary key

nama

Varchar(30)

Nama pengisi buku tamu

8


email

Varchar(25)

Email pengisi buku tamu

url

Varchar(30)

Alamat url

nama_foto

Longblop

Nama foto

type_foto

Varchar(25)

Type foto

ms_mapel_id

Int(2)

komentar

Text

Isi komentar

ms_jab_organisasi_id

Int(2)

created_date

Timestamp

Tanggal mengisi buku tamu

status_admin

Enum(‘0’,’1’)

0=bukan admin 1=admin

show_item

Enum(‘0’,’1’)

0=tidak tampil 1=tampil

created_date

Timestamp

Tanggal input data staff

show_item

Enum(‘0’,’1’)


b.

Tabel layanan Nama Tabel : ms_layanan Field Kunci : ms_layanan_id Fungsi : Menyimpan isi data layanan Tabel Tabel Layanan Nama field

Type Int(4)

Primary key

jenis_layanan

Enum

Jenis layanan

judul_layanan

Varchar(35)

Judul layanan

isi_layanan

Text

Isi layanan

nama_foto

Varchar(25)

Nama foto

Foto

Longblop

Size_foto

Varchar(10)

Ukuran foto

url

Varchar(30)

Nama url

type_foto

Varchar(25)

Type foto

ms_staff_id

Int(3)

created_date

Timestamp

Tanggal layanan dibuat

show_item

Enum(‘0’,’1’)

0=tdak tampil 1=tampil

c.

Tabel Staff Nama Tabel : ms_staff Field Kunci : ms_staff_id Fungsi : Menyimpan isi data staff Tabel Tabel Staff Type

Tabel Guru Nama Tabel : dt_guru Field Kunci : ms_staff_id Jumlah Field : 18 Fungsi : Menyimpan data guru

Keterangan

ms_layanan_id

Nama field

d.

Keterangan

ms_staff_id

Int(3)

Primary key

nik

Varchar(22)

Nik staff

password

Varchar(10)

Password untuk login

nama

Varchar(35)

Nama staff

tempat_lahir

Varchar(10)

Tempat lahir

tanggal_lahir

Date

Tanggal lahir

kelamin

Enum(‘0’,’1’)

Jenis kelamin

alamat

Text

alamat

no_telpon

Varchar(10)

No telpon staff

no_hp

Varchar(12)

No hp staff

email

Varchar(30)

Email staff

ISSN : 1979-9330 (Print) - 2088-0154 (Online)

Tabel Tabel Guru Nama field

Type

Keterangan

ms_staff_id

Int(3)

Primary key

nik

Varchar(22)

Nik staff

password

Varchar(10)

Password untuk login

nama

Varchar(35)

Nama staff

tempat_lahir

Varchar(10)

Tempat lahir

tanggal_lahir

Date

Tanggal lahir

kelamin

Enum(‘0’,’1’)

Jenis kelamin

alamat

Text

alamat

no_telpon

Varchar(10)

No telpon staff

no_hp

Varchar(12)

No hp staff

email

Varchar(30)

Email staff

nama_foto

Longblop

Nama foto

type_foto

Varchar(25)

Type foto

ms_mapel_id

Int(2)

ms_jab_organi sasi_id

Int(2)

status_admin

Enum(‘0’,’1’)

0=bukan admin 1=admin

created_date

Timestamp

Tanggal input data staff

show_item

Enum(‘0’,’1’)


e.

Tabel Organisasi Nama Tabel : ms_jab_organisasi Field Kunci : ms_jab_organisasi_id Jumlah Field :5 Fungsi : Menyimpan data organisasi Tabel Tabel Organisasi Nama Field ms_jab_organis asi_id

Type Int(4)

Keterangan Primary key

9


nama_jab_organ isasi tugas

Varchar(25)

created_date

Timestamp

show_item

Enum(‘0’,’1’)

Text

Nama jabatan dlm organisasi Tugas dalam organisasi Tanggal input data organisasi

Tabel Mapel Nama Tabel : ms_mapel Field Kunci : ms_mapel_id Jumlah Field :4 Fungsi : Menyimpan mata pelajaran Tabel Tabel Mapel

Tabel 3.8 Tabel Data Polling Nama field Type dt_polling_id Int(2) ms_polling Int(4) jawaban Varchar(50)

f.

g.

Nama Field ms_mapel_id nama_mapel created_date

Type Int(4) Varchar(100) Timestamp

show_item

Enum(‘0’,’1’)

data

Keterangan Primary key Nama mapel Tanggal input data mapel

Tabel Mengajar Nama Tabel : dt_mengajar Field Kunci : dt_mengajar_id Jumlah Field :5 Fungsi : Menyimpan data mengajar guru

Tabel Tabel Mengajar Nama Field

Type

dt_mengajar_id

Int(3)

Ms_staff_id

Int(3)


Ms_mapel_id

Int(2)

Created_date

timestamp

Tanggal dibuat

show_item

Enum(‘0’,’1’)


h. Tabel Polling Nama Tabel : ms_polling Field Kunci : ms_polling_id Jumlah Field : 5 Fungsi : Menyimpan judul polling Tabel 3.7 Tabel Polling Nama Field Type Keterangan ms_polling_id Int(4) Primary key judul_polling Varchar(255) Judul polling tampilkan Enum(‘0’,’1’) created_date Timestamp Tanggal polling show_item Enum(‘0’,’1’) i. Tabel Data Polling Nama Tabel : dt_polling Field Kunci : id_download Jumlah Field : 5 Fungsi : Menyimpan polling ISSN : 1979-9330 (Print) - 2088-0154 (Online)

jumlah_suara

Int(10)

update_date

timestamp

Keterangan Primary key Jawaban polling Jumlah pengisi polling Tanggal pengisian polling

j. Tabel Osis Nama Tabel : ms_osis Field Kunci : ms_osis_id Jumlah Field : 6 Fungsi : Menyimpan data osis Tabel Tabel Osis Nama field Type Keterangan ms_osis_id Int(6) Primary key jabatan_osis_id Int(2) nama Varchar(50) Nama anggota osis created_date Timestamp Tanggal input anggota osis show_item Enum(‘0’,’1’) update_date datetime k.

Tabel Jabatan Osis Nama Tabel : jabatan_osis Field Kunci : jabatan_osis_id Jumlah Field :4 Fungsi : Menyimpan data jabatan osis Tabel Tabel Jabatan Osis Nama Field Type Keterangan jabatan_osis_id Int(2) Primary key nama_jabatan Varchar(50) Nama jabatan created_date Timestamp Tanggal input jabatan osis show_item Enum(‘0’,’1’) l.

Tabel Data Kegiatan Nama Tabel : dt_kegiatan Field Kunci : dt_kegiatan_id Jumlah Field : 8 Fungsi : Menyimpan data kegiatan guru

data

10


Tabel Tabel Data Kegiatan Nama Field Type dt_kegiatan_id

Int(3)

ms_staff_id

Int(3)

Jenis_kegiatan


Gambar Membuka website dengan menuliskan alamat URL melalui Mozila Firefox

Enum(‘0’,’1’)

0=pelatihan 1=penelitian

Setelah itu akan muncul tampilan halaman utama seperti gambar berikut ini:

Tanggal_kegiatan

Date

Tanggal kegiatan

Judul_kegiatan

Varchar(50)

Judul kegiatan

Isi_kegiatan

Longtext

Isi kegiatan

Created_date

Timestamp

Tanggal dibuat

Show_item

Enum(‘0’,’1’)


m.

Tabel Pesan Nama Tabel : pesan Field Kunci : pesan_id Jumlah Field :7 Fungsi : Menyimpan data pesan Tabel Tabel Pesan

Nama Field

Type

Gambar Tampilan Halaman Utama Website SMP Negeri 2 Kartasura Untuk menampilkan halaman sejarah SMP Negeri 2 Kartasura, pilih menu profil sekolah kemudian pilih sejarah, maka akan muncul tampilan sejarah seperti gambar berikut ini :

Keterangan

pesan_id

Int(4)

Primary key

Jenis_pega wai

Enum(‘0’,’1’)

0=staff 1=guru

Ms_staff_id

Int(3)

Judul_pesan

Varchar(30)

Judul pesan

Isi_pesan

Longtext

Isi pesan

Created_dat e

Timestamp

Tanggal dibuat pesan

Gambar Tampilan Halaman Sejarah

Show_item

Enum(‘0’,’1’)

0=tidak tampil 1=tampil)

Untuk menampilkan halaman visi & misi SMP Negeri 2 Kartasura, pilih menu profil sekolah kemudian pilih visi misi, maka akan muncul tampilan visi misi seperti gambar berikut ini :

13. Mengakses Website SMP Negeri 2 Kartasura Apabila ingin mengakses website SMP Negeri 2 Kartasura, maka terlebih dahulu harus mengkoneksikan ke provider Speady, telkomsel, Indosat, atau provider lainnya yang sudah didaftarkan sebelummya. 1) Setelah terhubung, membuka browser Mozila Firefox atau browser lainnya. 2) Mengetik URL (Uniform Resource Locator) pada kotak address sebagai berikut : http://www.smpn2kartasura.sch.id/ kemudian enter.


Gambar Tampilan Halaman Visi & Misi

11


Untuk menampilkan halaman struktur organisasi SMP Negeri 2 Kartasura, pilih menu profil sekolah kemudian pilih struktur organisasi, maka akan muncul tampilan struktur organisasi seperti gambar berikut ini :

Gambar Tampilan Halaman Struktur Organisasi Untuk menampilkan halaman galery foto SMP Negeri 2 Kartasura, pilih menu profil sekolah kemudian pilih galery foto, maka akan muncul tampilan galery foto seperti gambar berikut ini :

Untuk menampilkan halaman osis SMP Negeri 2 Kartasura, pilih menu kesiswaan sekolah kemudian pilih osis, maka akan muncul tampilan struktur organisasi osis seperti gambar berikut ini :

Gambar Tampilan Halaman Osis Untuk menampilkan halaman pengembangan diri SMP Negeri 2 Kartasura, pilih menu kesiswaan sekolah kemudian pilih pengembangan diri, maka akan muncul tampilan seperti gambar berikut ini :

Gambar Tampilan Halaman Pengembangan Diri Gambar Tampilan Halaman Galery Foto Untuk menampilkan halaman sarana & prasarana SMP Negeri 2 Kartasura, pilih menu profil sekolah kemudian pilih sarana & prasarana, maka akan muncul tampilan sarana & prasarana seperti gambar berikut ini :

Untuk menampilkan halaman data guru SMP Negeri 2 Kartasura, pilih menu staff sekolah kemudian pilih guru, maka akan muncul tampilan data guru seperti gambar berikut ini :

Gambar Tampilan Halaman Data Guru Gambar Tampilan Halaman Sarana & Prasarana ISSN : 1979-9330 (Print) - 2088-0154 (Online)

Untuk menampilkan halaman data staf/karyawan SMP Negeri 2 Kartasura, pilih menu staff sekolah kemudian pilih 12


staff/karyawan, maka akan muncul tampilan data karyawan seperti gambar berikut ini :

Untuk menampilkan halaman artikel SMP Negeri 2 Kartasura, pilih menu layanan kemudian pilih artikel, maka akan muncul tampilan daftar artikel seperti gambar berikut ini :

Gambar Tampilan Halaman Data Staf/Karyawan Untuk menampilkan halaman buku tamu SMP Negeri 2 Kartasura, pilih menu saling sapa kemudian pilih buku tamu, maka akan muncul tampilan buku tamu seperti gambar berikut ini :

Gambar Tampilan Halaman Artikel Untuk menampilkan halaman pengumuman SMP Negeri 2 Kartasura, pilih menu layanan kemudian pilih pengumuman, maka akan muncul tampilan daftar pengumuman seperti gambar berikut ini :

Gambar Tampilan Halaman Buku Tamu Untuk menampilkan halaman hubungi kami SMP Negeri 2 Kartasura, pilih menu saling sapa kemudian pilih hubungi kami, maka akan muncul tampilan seperti gambar berikut ini : Gambar Tampilan Halaman Pengumuman Untuk menampilkan halaman file download SMP Negeri 2 Kartasura, pilih menu layanan kemudian pilih file download, maka akan muncul tampilan daftar file download seperti gambar berikut ini :

Gambar Tampilan Halaman Hubungi Kami Untuk menampilkan halaman berita SMP Negeri 2 Kartasura, pilih menu layanan kemudian pilih berita, maka akan muncul tampilan daftar berita seperti gambar berikut ini : Gambar Tampilan Halaman File Download 14. Implementasi di internet

Gambar Tampilan Halaman Berita ISSN : 1979-9330 (Print) - 2088-0154 (Online)

13


15. Lihat Hasilnya pada komputer warnet

[8] [9]

[10]

[11] 16. Lihat Hasilnya pada Handphone [12]

Informasi Akuntansi dengan Visual Basic dan Microsoft SQL Server, Andi Offset, Yogyakarta, 2009 Sommerville, Ian . Software Engineering, Erlangga, Jakarta, 2003 Suryadi, M.T. TCP/IP dan Internet Sebagai Jaringan Komunikasi Global Satu Referensi Internet, Elex Media Komputindo, Jakarta, 1997. Syayit, Winarko. Sistem Informasi Berbasis Web di SMA Berbudi Yogyakarta, STMIK El Rahma, Yogyakarta, 2007. Wahana. Membangun Website Tanpa Modal, Andi, Yogyakarta, 2010. www.php.net

17. Kesimpulan 1. SMP Negeri 2 Kartasura telah mampu memenuhi anjuran dari pemerintah yaitu memiliki website sekolah yang resmi 2. SMP Negeri 2 Kartasura dalam menyampaikan informasi kepada masyarakat telah menggunakan website, sehingga jangkauan penyebaran informasinya lebih luas. DAFTAR PUSTAKA [1]

[2]

[3] [4]

[5]

[6] [7]

Akbar, Ali, S.T. Menguasai internet Plus Pembuatan Web, M2S, Bandung, 2005. Amsyah, Zulkifli . Manajemen Sistem Informasi, Gramedia Pustaka Utama, Jakarta, 1989 Arbie. Manajemen Database dengan MySQL, Andi, Yogyakarta, 2004. Bimo, Sunarfrihantono, S.T. PHP dan MYSQL Untuk Web, Andi, Yogyakarta, 2003. Kadir, Abdul . Pemrograman Web Mencakup : HTML , CSS , JAVASCRIPT & PHP, Andi Offset, Yogyakarta, 2002 Kurniawan, Albert . Belajar Mudah SPSS, MediaKom, Yogyakarta, 2009 Kusrini . dan Andri Koniyo . Tuntunan Praktis Membangun Sistem


14

Pembuatan Website Profil Pada Sekolah Menengah Pertama (SMP) Negeri 2 Kartasura Nur Marlena, Dimas Sasongko

Recommend Documents