Jurnal Pembuatan Website Sekolah SMK NEG
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
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
Jurnal Web Design, 7 Mei 2015: 1-12
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
2
Pembuatan Website Sekolah SMKN 1 Majalengka
(Adi Ginanjar Kusuma, dkk.)
yang saling terkait dimana masing-masing
halaman(hyperlink).” (Purwanti, 2008)
dihubungkan
dengan
jaringan-jaringan
(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 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.”
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
3
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.
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.
4
Pembuatan Website Sekolah SMKN 1 Majalengka
(Adi Ginanjar Kusuma, dkk.)
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.
5
Jurnal Web Design, 7 Mei 2015: 1-12
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.
Berikut adalah beberapa tampilannya.
6
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
Jurnal Web Design, 7 Mei 2015: 1-12
Sejarah Sekolah
Struktur Organisasi Sekolah
8
Pembuatan Website Sekolah SMKN 1 Majalengka
(Adi Ginanjar Kusuma, dkk.)
Lokasi Sekolah
Gallery Sekolah
9
Jurnal Web Design, 7 Mei 2015: 1-12
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
Berikut salah satu contoh dari halaman jurusan.
10
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
Jurnal Web Design, 7 Mei 2015: 1-12
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://megaariya.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
12
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
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
Jurnal Web Design, 7 Mei 2015: 1-12
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
2
Pembuatan Website Sekolah SMKN 1 Majalengka
(Adi Ginanjar Kusuma, dkk.)
yang saling terkait dimana masing-masing
halaman(hyperlink).” (Purwanti, 2008)
dihubungkan
dengan
jaringan-jaringan
(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 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.”
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
3
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.
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.
4
Pembuatan Website Sekolah SMKN 1 Majalengka
(Adi Ginanjar Kusuma, dkk.)
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.
5
Jurnal Web Design, 7 Mei 2015: 1-12
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.
Berikut adalah beberapa tampilannya.
6
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
Jurnal Web Design, 7 Mei 2015: 1-12
Sejarah Sekolah
Struktur Organisasi Sekolah
8
Pembuatan Website Sekolah SMKN 1 Majalengka
(Adi Ginanjar Kusuma, dkk.)
Lokasi Sekolah
Gallery Sekolah
9
Jurnal Web Design, 7 Mei 2015: 1-12
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
Berikut salah satu contoh dari halaman jurusan.
10
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
Jurnal Web Design, 7 Mei 2015: 1-12
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://megaariya.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
12