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 http://www.stikompoltek.ac.id
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. 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.
1.3. 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.
2.2. Analisis Data:
Membahas tentang keterkaitan antar data-data yang diperoleh dengan masalah yang ada kemudian menyelesaikannya. Dan juga menganalisa proses serta hasil penyelesaiannya.
2.3. 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.
3. 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
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.
3.2. 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 kode-kode 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 kode-kode html tersebut dengan syarat web server harus support dengan php.”
3.3. 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
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.
3.3. 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.
3.4. Profil Sekolah
3.4.1. Sekilas Tentang Sekolah
SMKN 1 Majalengka adalah sekolah yang berdiri dengan megah di atas tanah seluas 40.000 m2 dengan status tanah milik sendiri, terletak di jalan raya tonjing-pinangraja no.55 kelurahan cicenang kecamatan cigasong kabupaten majalengka. dengan luas bangunan 6.566 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.
3.4.2. Struktur Organisasi
3.4.3. 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 2008. 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.
4.2. 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.
Pada Profil Video disini berisi 2 video, salah satu videonya mendeskripsikan secara singkat tentang SMKN 1 Majalengka dalam bahasa Inggris.
Sejarah Sekolah
Lokasi Sekolah
4.3. 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
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.
Daftar Pustaka
Purwanti, D. (2008, 3). Pengertian Website. Retrieved 4 12, 2015, from http://deeyaan.blogspot.com/2008/03/pengertian-website.html
Surega, E. (2011, Januari Sabtu). Pengenalan PHP. Retrieved April 12, 2015, from http://mega-ariya.blogspot.com/2011/01/hubungan-php-dengan-html.html
Timotius Witono, Ferry Hendrayana. (2011, Maret 1). Pembuatan Aplikasi Web Jual Beli dan Lelang
Online. Retrieved May 7, 2015, from
http://repository.maranatha.edu/434/1/Pembuatan%20Aplikasi%20Web%20Jual%20Beli.pdf
Ayu Pertiwi, Ismail, Wahyu Hidayat.(2011, Desember 3). Aplikasi Berbasis Web Untuk Penjualan
Pakaian Studi Kasus Kesya Butik. Retrieved April 12, 2015, from
http://www.academia.edu/4089484/jurnal_paaplikasi_berbasis_web_untuk_penjualan_pakaian Wikipedia.(2014, April 2). Cascading Style Sheet. Retrieved May 7, 2015, from
http://id.wikipedia.org/wiki/Cascading_Style_Sheets
Dilihatya.(2014, September 25). Pengertian Sekolah Menurut Para Ahli. Retrieved May 7, 2015, from http://dilihatya.com/2038/pengertian-sekolah-menurut-para-ahli
Yuliatmoko. (2010, 9 1). Perbedaan Web Statis dan Dinamis. Retrieved 28 5, 2011, from http://yuliatmoko.blogspot.com/2010/01/perbedaan-web-statis-dan-dinamis.html