PEMBUATAN WEBSITE SEKOLAH SMK NEGERI 1 MAJALENGKA

Transkripsi

1 PEMBUATAN WEBSITE SEKOLAH SMK NEGERI 1 MAJALENGKA Adi Ginanjar Kusuma, Aji Muhamad Fauji, Candra Permana Purba, Dede Ichwanudin Waluya Supandi, Rd. Fahmy Yahya D. Jurusan Teknik Informatika 3 Sekolah Tingi Ilmu Komputer Poltek Cirebon Jl. Brigjen Darsono No. 33 Cirebon, Telp.(0231)486475, Cirebon Abstrak Sekolah Menengah Kejuruan salah satu bentuk pendidikan formal yang menyelenggarakan pendidikan kejuruan pada jenjang menengah yang kelanjutan dari SMP/MTs, SMK sering disebut STM (Sekolah Teknik Menengah). Di SMK terdapat berbagai macam program bidang study keahlian/kejuruan, dimana suatu bidang kejuruan akan fokus terhadapnya. Lulusan SMK dapat langsung melamar pekerjaan ataupun melanjutkan kuliah. Keyword : website sekolah, HTML, internet 1. Pendahuluan 1.1. Latar Belakang SMK Negeri 1 Majalengka, tidak terlepas dari keberadaan sekolah sebelumnya. Pada tahun 1950 Pemerintah mendirikan STP Negeri, jenjang pendidikan ini setingkat SLTP dengan lamanya pendidikan 2 tahun. Selang beberapa tahun SLTP dirubah menjadi STN(Sekolah Teknik Negeri) pada tahun 1960, lima tahun kemudian STN berubah menjadi STM. Dan akhirnya berdasarkan Surat Edaran Sekjen Depdikbud tanggal 3 April 1997 Nomor 41007/A. A5/OT/1997, hingga tindak lanjut Keputusan Mendikbud tentang Perubahan Noment Kelatur SMP menjadi SLTP, SMA menjadi SMA, SMKTA menjadi SMK, mulailah STM Negeri Majalengka berubah menjadi SMK Negeri 2 Majalengka. Pada Bulan Nopember 2008 s.d sekarang SMK Negeri 1 Majalengka di jabat oleh Bapak Drs. Achmad Daradjat dan memiliki 5 program studi keahlian yaitu Teknik Bangunan, Teknik Listrik, Teknik Komputer dan Informatika, Teknik Mesin dan Teknik Otomotif. Sedangkan kompetensi keahlian yang terdapat adalah: Teknik Gambar Bangunan, Teknik Instalasi Tenaga Listrik, Teknik Komputer dan Jaringan, Rekayasa Perangkat Lunak, Teknik Pemesinan, Teknik Kendaraan Ringan serta Teknik Sepeda Motor. 1

2 Jurnal Web Design, 7 Mei 2015: Tujuan Adapun tujuan dari pembuatan website ini adalah sebagai berikut. Untuk bisa memberikan informasi tentang sekolah secara Fleksibel dan transparent Mengenalkan kepada publik tentang sekolah SMKN 1 Majalengka Batasan Masalah Ruang lingkup pembahasan untuk tugas ini adalah sebagai berikut. Informasi yang ada pada website ini adalah: Profil sekolah, Jurusan, dan contact. Website ini hanya memberikan informasi-informasi singkat dari sekolah. 2. Metodologi Penulisan Metode penilisan yang digunakan dalam penulisan Jurnal ini adalah : 2.1. Pengumpulan Data: Dalam pengumulan data, metode yang digunakan dalam penulisan ini yaitu Studi Pustaka, dengan mempelajari dan membaca tentang cara-cara pembuatan wbsite yang menunjang penulisan ini serta referensi yang akan menunjang pembahasan Analisis Data: Membahas tentang keterkaitan antar data-data yang diperoleh dengan masalah yang ada kemudian menyelesaikannya. Dan juga menganalisa proses serta hasil penyelesaiannya Perancangan: Pada tahapan perancangan penulis merancang web, storyboard, menu navigasi, script menggunakan css dan html, selain itu penulis menggunakan aplikasi notepad++ dan adobe photoshop untuk mendesain gambar Tinjauan Pustaka 3.1. Website Webiste atau situs juga dapat diartikan sebagai kumpulan halaman yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara, video atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan

3 Pembuatan Website Sekolah SMKN 1 Majalengka (Adi Ginanjar Kusuma, dkk.) yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman(hyperlink). (Purwanti, 2008) (Yulaitmoko, 2010)berpendatan bahwa secara garis besar website bisa digolongkan menjadi tiga bagian, yaitu. 1. Website Statis adalah web yang mempunyai halaman tidak berbah. 2. Website Dinamis merupakan website yang memerlukan update sesering mungkin. Contoh website dinamis adalah web berita atau web portal yang didalamnya terdapat fasilitas berita, polling dan sebagainya. 3. Website Interaktif adalah web yang saat ini memang sedang booming user bisa berinteraksi dan beradu argument. Salah satu contoh website interaktif adalah blog dan forum HTML (Wardani, 2009, p.16) HyperText Markup Language adalah bahasa yang digunakan untuk membuat suatu situs web atau homepage. Sebenarnya, dokumen HTML hanyalah sebuah dokumen biasa dan disebut sebagai Markup Language yakni bahasa yang mengandung kode penanda yang disebut tag HTML yang digunakan untuk mengatur format tampilan suatu dokumen. Tag HTML ini menggunakan symbol khusus untuk menandakan suatu kode instruksi. Simbol ini adalah kurung siku < dan >. Kode tag HTML ini tidak bersifat case sensitive. (Surega, 2011) Adapun, hubungan HTML dengan PHP yaitu html adalah halaman web disusun dari kodekode html yang disimpan dalam sebuah file berekstensi.html yang berada di server. File html ini dikirimkan oleh server ke browser pengguna, kemudian browser menerjemahkan kode-kode tersebut sehingga menghasilkan suatu tampilan yang indah. Lain halnya dengan pemrograman php, pemrograman ini harus diterjemahkan atau diolah oleh web-server sehingga menghasilkan kode html yang dikirim ke browser agar dapat ditampilkan. Pemrograman PHP dapat berdiri sendiri ataupun disisipkan di antara kode html sehingga dapat ditampilkan bersama dengan kodekode html tersebut dengan syarat web server harus support dengan php CSS Cascading Style Sheet (CSS) merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman. Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading,subbab, bodytext, footer, images, dan style lainnya 3

4 Jurnal Web Design, 7 Mei 2015: 1-12 untuk dapat digunakan bersama-sama dalam beberapa berkas (file). Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML. CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya. CSS adalah bahasa stylesheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda Sekolah Menurut salah satu situs ensiklopedia, Wikipedia, sekolah bisa diartikan sebagai tempat didikan bagi anak-anak yang tujuannya adalah mengajarkan anak agar mampu untuk memajukan bangsa. Sekolah diartikan pula sebagai sebuah lembaga yang dirancang utuk mengajar siswa dibawah pengawasan guru. Selain pengertian tersebut, ada pengertian lain yang menyebutkan bahwa sekolah adalah suatu lembaga atau bangunan sebagai tempat belajar mengajar, serta tempat untuk menerima dan memberikan pelajaran. Sekolah dijalani anak-anak secara berjenjang sesuai dengan usia dan tingkatannya Profil Sekolah Sekilas Tentang Sekolah SMKN 1 Majalengka adalah sekolah yang berdiri dengan megah di atas tanah seluas m2 dengan status tanah milik sendiri, terletak di jalan raya tonjing-pinangraja no.55 kelurahan cicenang kecamatan cigasong kabupaten majalengka. dengan luas bangunan m2. SMKN 1 Majalengka, merupakan sekolah kejuruan yang berstatus menuju sebagai sekolah rujukan (SDP) yang mendapat perhatian dari pemerintah daerah sebagai sekolah kejuruan negeri yang ada di wilayah kabupaten majalengka, dengan fasilitas belajar yang cukup lengkap, wajar kalau keberadaannya merupakah sekolah favorit bagi kalangan siswa di wilayah kabupaten majalengka. 4

5 Pembuatan Website Sekolah SMKN 1 Majalengka (Adi Ginanjar Kusuma, dkk.) Struktur Organisasi Sejarah Sekolah SMK Negeri 1 Majalengka pada awalnya adalah STP Negeri yang berdiri pada tahun 1950, jenjang pendidikan ini setingkat SLTP dengan lamanya pendidikan 2 tahun. Berubah menjadi SMK Negeri 1 Majalengka pada Bulan Nopember Sampai dengan sekarang SMK Negeri 1 Majalengka memiliki 5 program studi keahlian yaitu Teknik Bangunan, Teknik Listrik, Teknik Komputer dan Informatika, Teknik Mesin dan Teknik Otomotif. Sedangkan kompetensi keahlian yang terdapat adalah: Teknik Gambar Bangunan, Teknik Instalasi Tenaga Listrik, Teknik Komputer dan Jaringan, Rekayasa Perangkat Lunak, Teknik Pemesinan, Teknik Kendaraan Ringan serta Teknik Sepeda Motor. 4. Implementasi 4.1. Tampilan Utama Berikut ini adalah tampilan utama pada website sekolah SMK Negeri 1 Majalengka. Pada halaman ini terdapat salam selamat dating dan deskripsi singkat tentang SMKN 1 Majalengka dan sambutan dari kepala sekolah pada sidebar yang ada di sisi kanan, selain itu ada menu navigasi yang mempunyai pilihan Home, Profil, Jurusan dan Contact. 5

6 Jurnal Web Design, 7 Mei 2015: Profil Pada menu navigasi di atas, ada pilihan Profil yang didalamnya ada beberapa pilihan, yaitu Profil Video, Visi dan Misi, Sejarah, Struktur Organisasi, Lokasi Sekolah, dan gallery. Berikut adalah beberapa tampilannya. 6

7 Pembuatan Website Sekolah SMKN 1 Majalengka (Adi Ginanjar Kusuma, dkk.) Pada Profil Video disini berisi 2 video, salah satu videonya mendeskripsikan secara singkat tentang SMKN 1 Majalengka dalam bahasa Inggris. Visi dan Misi Sekolah 7

8 Jurnal Web Design, 7 Mei 2015: 1-12 Sejarah Sekolah Struktur Organisasi Sekolah 8

9 Pembuatan Website Sekolah SMKN 1 Majalengka (Adi Ginanjar Kusuma, dkk.) Lokasi Sekolah Gallery Sekolah 9

10 Jurnal Web Design, 7 Mei 2015: Jurusan Halaman Jurusan mirip dengan halaman profil video, sejarah, struktur organisasi, dan lokasi sekolah. Halaman jurusan memberikan informasi tentang Jurusan apa saja yang ada di sekolah SMK Negeri 1 Majalengka. Pada menu navigasi jurusan ada beberapa pilihan, yaitu. Jurusan Teknik Gambar Bangunan Jurusan Teknik Permesinan Jurusan Teknik Instalasi Tenaga Listrik Jurusan Teknik Sepeda Motor Jurusan Teknik Kendaraan Ringan Jurusan Teknik Komputer dan Jaringan Jurusan Rekaya Perangkat Lunak Berikut salah satu contoh dari halaman jurusan. 10

11 Pembuatan Website Sekolah SMKN 1 Majalengka (Adi Ginanjar Kusuma, dkk.) 4.4. Contact Pada Menu navigasi ada pilihan contact, contact disana jika diklik tidak akan masuk ke halaman manapun, melainkan menuju ke halaman yang paling bawah, karena disana sudah ada beberapa social media yang bisa dilihat dan juga ada nomor telepon dan hp yang bisa dihubungi. 5. Kesimpulan dan Saran 5.4 Kesimpulan Dari pembuatan website serta pembuatan laporannya, penulis menarik kesimpulan bahwa dengan adanya website ini sebagai berikut : Website ini menyediakan informasi singkat tentang sekolah SMKN 1 Majalengka. Dapat mempermudah calon siswa/siswi SMK Negeri 1 Majalengka untuk mencari tahu informasi bagaimana saja da nada apa saja di sekolah SMKN 1 Majalengka Dapat juga digunakan sebagai bahan untuk promosi supaya lebih banyak menarik siswa dan siswi masuk ke SMKN 1 Majalengka 5.5 Saran Untuk pengembangan website sekolah ini selanjutnya, penulis memberikan saran sebagai berikut. Untuk kedepannya, website ini mempunyai fitur login bagi mahasiswa dan seluruh staff. Desain dari website dibuat lebih menarik lagi agar pengguna dapat lebih nyaman dalam penggunaannya Fitur searching untuk lebih memudahkan dalam pencarian suatu informasi yang diinginkan. 11

12 Jurnal Web Design, 7 Mei 2015: 1-12 Daftar Pustaka Purwanti, D. (2008, 3). Pengertian Website. Retrieved 4 12, 2015, from Surega, E. (2011, Januari Sabtu). Pengenalan PHP. Retrieved April 12, 2015, from Timotius Witono, Ferry Hendrayana. (2011, Maret 1). Pembuatan Aplikasi Web Jual Beli dan Lelang Online. Retrieved May 7, 2015, from Ayu Pertiwi, Ismail, Wahyu Hidayat.(2011, Desember 3). Aplikasi Berbasis Web Untuk Penjualan Pakaian Studi Kasus Kesya Butik. Retrieved April 12, 2015, from Wikipedia.(2014, April 2). Cascading Style Sheet. Retrieved May 7, 2015, from Dilihatya.(2014, September 25). Pengertian Sekolah Menurut Para Ahli. Retrieved May 7, 2015, from Yuliatmoko. (2010, 9 1). Perbedaan Web Statis dan Dinamis. Retrieved 28 5, 2011, from 12