Pristiadi Utomo

MEMBUAT WEB SEKOLAH BISA MENANG LOMBA (Karya Rifky dan Alba, juara II se Jawa Tengah lomba di Politek)

In Media Ajar, Pendidikan, Physics, T I K on 8 May 2008 at 8:46 am

PENDAHULUAN

A. LATAR BELAKANG

Saat ini, kebutuhan akan informasi data semakin berkembang seiring semakin mudahnya seorang menerima serta merespon suatu informasi komunikasi. Proses tersebut menimbulkan suatu kebutuhan untuk mengakses data, salah satunya adalah internet. Internet merupakan media untuk membawa informasi, sedangkan daya guna yang bisa dimanfaatkan adalah informasi yang ada di dalamnya. Internet memungkinkan pemakai di seluruh dunia untuk memakai sumber informasi tersebut secara bersama-sama. Dengan terus berkembangnya software maupun hardware saat ini menjadikan internet dapat digunakan dengan mudah untuk berbagai keperluan, seperti sebagai sarana hiburan, sumber informasi, alat bisnis, dan aplikasi-aplikasi lain yang tersedia selama 24 jam sehari.

Dengan adanya fasilitas internet, website merupakan salah satu pilihan sebagai media penyampaian informasi yang dapat digunakan, melihat kemudahan dalam proses pengaksesan. Saat ini, website semakin marak dibutuhkan demi penyediaan informasi bagi masyarakat. Begitu pula dalam sebuah lembaga pendidikan. Pada saat ini, website merupakan faktor pendukung dalam kesuksesan sebuah organisasi maupun institut pendidikan.

Website SMK Negeri 11 Semarang ini akan membahas mengenai profil SMK Negeri 11 Semarang dengan jelas dan lengkap, termasuk keempat program keahlian yang ada di dalamnya. Selain itu, terdapat informasi-informasi tentang sekolah yang akan memberikan penjelasan kepada kita mengenai aktivitas maupun event, serta beberapa informasi berita yang terjadi dalam waktu dekat ini. Semua ini diharap dapat memberikan informasi kepada masyarakat mengenai SMK Negeri 11 Semarang yang merupakan Sekolah Berstandar Internasional yang juga peduli terhadap masalah lingkungan dan alam sekitar.

Website SMK Negeri 11 Semarang kali ini dibuat dengan design yang bertemakan “Go Green”. Hal ini dilakukan dalam rangka menunjukkan respon serta kepedulian sekolah terhadap ancaman global warming saat ini. Seperti yang telah kita ketahui bersama bahwa bahaya global warming dapat mengancam keseimbangan lingkungan yang ada di bumi yang merupakan tempat tinggal kita. Sebagai sebuah Green School yang peduli kepada lingkungan, SMK Negeri 11 Semarang menunjukkan kemampuan dan peran sertanya dalam usaha pelestarian lingkungan.

B. PERUMUSAN MASALAH

Berdasarkan latar belakang yang telah penulis paparkan di atas, maka penulis merumuskan masalah yang akan diteliti, antara lain :

1. Apa saja yang akan disajikan dalam website SMK Negeri 11 Semarang?

2. Bagaimana kepedulian SMK Negeri 11 Semarang terhadap gobal warming?

3. Apa saja kegiatan pelestarian lingkungan yang dilaksanakan oleh SMK Negeri 11 Semarang dalam menanggulangi global warming?

C. BATASAN MASALAH

Website ini berisi tentang profile SMK Negeri 11 Semarang sebagai sekolah yang peduli terhadap masalah kelestarian dan keseimbangan lingkungan tempat tinggal kita, termasuk masalah global warming yang sedang gemar diperbincangkan dunia. Data dan reverensi dalam pembuatan web ini berasal dari data-data pihak sekolah, maupun data-data yang didapatkan melalui searching internet. Sedangkan objek website ini adalah SMK Negeri 11 Semarang sendiri. Masalah yang dibahas tertuju pada profil SMK Negeri 11 Semarang serta kepedulain sekolah terhadap global warming. Hal ini terfokus pada aktivitas serta kegiatan apa saja yang dilakukan demi menanggulangi global warming.

D. MANFAAT

Berdasarkan permasalahan di atas, maka tujuan dalam pembuatan laporan yang hendak dicapai, antara lain :

1. Menguraikan kondisi serta profil SMK Negeri 11 Semarang sebagai Sekolah Berstandar Internasional yang peduli terhadap lingkungan, termasuk masalah global warming.

2. Mengungkapkan bentuk kepedulian dan keikutsertaan SMK Negeri 11 Semarang dalam usaha pelestarian lingkungan.

3. Memberikan informasi dan berita yang saat ini sedang aktual, namun tidak terlepas dari batasan tema yang dipilih.

LANDASAN TEORI

Pembuatan website ini berdasarkan teori deskriptif. Di dalam website ini, berisi tentang penjelasan dan pemaparan mengenai SMK Negeri 11 Semarang serta pembahasan tema yang dibicarakan.

Untuk website SMK Negeri 11 Semarang ini, dalam penelitian serta pembuatan website, metode utama yang digunakan adalah library research. Metode library research ini merupakan penelitian pustaka, yang dilakukan dengan mengumpulkan data-data bentuk tertulis, termasuk data-data yang berasal dari internet. Sumber pencarian data akan dilampirkan dalam Daftar Pustaka.

Selain itu, dalam pembuatan web SMK Negeri 11 Semarang juga menggunakan beberapa software yang mendukung dalam pembuatan website ini. Semua program ini memberikan bantuan untuk atribut dan ornament dalam website yang bertemakan “Go Green”. Software tersebut antara lain Macromedia Dreamweaver, Macromedia Flash, serta Adobe Photoshop.

PEMBAHASAN MASALAH

A. PERANCANGAN WEB DESIGN

Dalam bagian ini akan dijelaskan mengenai segala design serta rancangan yang dibuat dalam website SMK Negeri 11 Semarang. Web design yang berjudul “SAVE OUR WORLD FROM GLOBAL WARMING ini berisi mengenai profil sekolah, serta kepedulian dan keikutsertaan sekolah terhadap masalah global warming. Melalui web yang telah dibuat, diharapkan dapat memperkenalkan serta mempromosikan SMK Negeri 11 Semarang sebagai Sekolah Berstandar Internasional yang juga peduli terhadap alam dan lingkungan. Website merupakan media penyampaian informasi, sehingga melalui website ini pula masyarakat dapat mengetahui dan memahami hal-hal yang bersangkutan dengan profil SMK Negeri 11 Semarang.

Untuk pembuatan website ini, dominasi warna yang dipilih adalah warna hijau. Seperti yang telah kita ketahui bahwa warna hijau melambangkan keadaan lingkungan alam. Dalam pembahasan global warming ini, lingkungan merupakan objek utama yang perlu diperhatikan. Hijau, biasanya dikaitkan dengan lingkungan hidup, tumbuhan, serta alam. Dari hal tersebutlah, warna hijau dipilih untuk digunakan dalam pembuatan website SMK Negeri 11 Semarang.

· Index

home

Pada halaman utama, index, berisi beberapa link yang akan memberi penjelasan mengenai SMK Negeri 11 Semarang. Berikut ini akan dijelaskan mengenai halaman yang terdapat dalam website SMK Negeri 11 Semarang yang berjudul “Save Our World From Global Warming”, antara lain :

· Header

head

Bagian header terletak pada bagian atas web. Untuk website SMK Negeri 11 Semarang yang berisi kepedulian sekolah terhadap global warming, bagian head terdiri dari icon logo dari SMK Negeri 11 Semarang. Logo ini terletak di pojok atas sebelah kiri. Selain itu, disertakan pula identitas yang memuat alamat SMK Negeri 11 Semarang, serta gambar dan keterangan tentang judul website kali ini, yaitu “Save Our World From Global Warming”. Pada bagian header juga terdapat empat buah link tentang program keahlian yang terdapat di SMK Negeri 11 Semarang. Program keahlian tersebuta antara lain, yaitu “multimedia”, “animasi”, “persiapan”, serta “produksi”. Linklink tersebut akan membawa kita ke halaman web baru yang berisi pembahasan mengenai ilmu serta pembelajaran yang akan didapatkan dalam masing-masing program keahlian.

· Menu

Daftar menu berada pada sisi kiri halaman web. Pada bagian menu, terdiri dari dua menu utama, yaitu “profile” dan “kategori”. Untuk menu pertama, “profile” terdiri dari delapan sub menu yang berupa link, yaitu “home”, “sambuatn”, “identitas sekolah”, “visi dan misi”, “program keahlian”, “kerjasama industri”, “sarana prasarana”, serta “ekstrakurikuler”. Delapan buah link ini akan membawa ke halaman website yang berisi penjelasan mengenai masing-masing link. Menu ini akan memberikan penjelasan deskripsi mengenai SMK Negeri 11 Semarang secara lebih jelas dan lengkap. Menu kedua, yaitu “kategori” yang terdiri dari tiga sub menu, yaitu “galleri sekolah”, “event sekolah”, serta “hot news”. Link ini akan membawa halaman website pada bagian penjelasan mengenai aktivitas dan acara sekolah yang bermanfaat. Selain itu, website ini juga memberikan beberapa berita aktual yang dalam waktu dekat ini.

· Banner

Banner ini terletak di bawah daftar menu. Banner terdapat dalam halaman web SMK Negeri 11 Semarang bertujuan untuk memberi gambaran, serta informasi kepada masyarakat tentang pentingnya partisipasi serta kepedulian kita semua dalam usaha pelestarian lingkungan, termasuk meminimalisir dampak dari pemanasan global.

· Halaman Isi

Halaman isi web akan menampilkan keterangan dan penjelasan dalam masing-masing link. Seluruh deskripsi pada link akan ditampilkan pada bagian ini. Untuk halaman utama, halaman isi akan memuat sambutan selamat datang bagi masyarakat yang mengunjungi website SMK Negeri 11 Semarang.

· Event

event

Bagian event terletak di bawah halaman isi. Pada bagian ini ditampilkan sekilas mengenai event yang diselenggarakan SMK Negeri 11 Semarang untuk menunjukkan rasa kepeduliannya terhadap masalah lingkungan. Terdapat tiga event yang dijadikan objek, yaitu “Bike To School”, “Minggu Hemat Listrik”, serta “Green School”. Kegiatan-kegiatan ini dilaksanakan untuk membentuk rasa kepedulian warga sekolah terhadap alam dan lingkungan tempat tinggal kita.

· Footer

footer

Bagian ini berisi empat gambar yang merupakan logo dari SMK Negeri 11 Semarang, MCC (Multimedia Computer Club), program jurusan multimedia, serta Gradasi yang merupakan unit produksi sekolah. Keempatnya design logo tersebut merupakan perwujudan terima kasih atas bantuan serta dukungan yang diberikan terhadap pembuatan website SMK Negeri 11 Semarang ini.

B. PERANCANGAN MENU UTAMA

Dalam website SMK Negeri 11 Semarang yang berjudul “Save Our World From Global Warming” terdapat dua menu utama, yaitu “profil” dan “kategori”. Keduanya memberikan informasi kepada kita mengenai SMK Negeri 11 Semarang yang merupakan Sekolah Berstandar Internsional yang juga peduli terhadap alam dan lingkungan sekitar. Melalui menu-menu inilah kita memberitahuan kepada masyarkat mengenai SMK Negeri 11 Semarang serta seluk beluk yang ada di dalamnya.

Di bawah ini akan dijelaskan lebih detail mengenai masing-masing menu yang dipaparkan, antara lain :

· Profile

Dalam menu ini, terdapat delapan sub menu yang berupa link. Linklink inilah yang akan memberi penjelasan kepada kita mengenai kondisi, sejarah, maupun profil SMK Negeri 11 Semarang pada saat ini. Pembuatan sebuah website, tentunya tidak lepas dari tujuan utamanya, yaitu sebagai media penyampaian informasi. Data serta informasi tersebut akan disampaikan melalui menu-menu yang berada dalam website tersebut. Salah satunya adalah menu “profil” ini yang terdapat dalam website SMK Negeri 11 Semarang. Secara garis besar, menu ini dibuat sebagai penggambaran deskripsi tentang SMK Negeri 11 Semarang. Untuk itu, menu ini terdiri dari delapan sub menu yang berupa link, yaitu :

Home

home1

Pada bagian “home”, berisi sambutan selamat datang kepada masyarkat. Selain itu, deberikan juga beberapa gambar dari kondisi SMK Negeri 11 Semarang. Gambar ini akan memberikan informasi kepada masyarakat umum tentang SMK Negeri 11 Semarang yang merupakan “Green School”.

Sambutan

sambuth

Sambutan yang terdapat dalam sebuah web biasanya merupakan sembutan dari pimpinan. Maka, dalam pembuatan website SMK Negeri 11 Semarang ini, bagian sambutan berisi ucapan syukur dan selamat datang dari kepala sekolah, Drs. L Joko Rakito M.Pd.

Identitas Sekolah

iden

Link “identitas sekolah” ini akan membawa kita pada sebuah halaman website yang berisi pembahasan mengenai sejarah berdirinya SMK Negeri 11 Semarang. Selain itu, terdapat juga beberapa data media yang berisi keterangan yang berhubungan dengan profile serta identitas SMK Negeri 11 Semarang. Dalam halaman ini berisi informasi-informasi mengenai profil dan penjelasan mengenai SMK Negeri 11 Semarang.

Visi dan Misi

visi

Pada bagian ini dijelaskan mengenai apa saja yang menajadi visi dan misi SMK Negeri 11 Semarang. Visi dan misi masing-masing akan dijelaskan dengan jelas dan terperinci. Visi dan misi digunakan sebagai acuan dan landasan SMK Negeri 11 Semarang. Visi dan misi dipaparkan dengan jelas sebagai sebuah informasi sekolah. Informasi-informasi mengenai visi dan misi SMK Negeri 11 Semarang diharapkan dapat memberikan informasi dan pemahaman dengan baik kepada masyarakat.

Program Keahlian

prog

Sub menu “program keahlian” berisi daftar-daftar keempat program keahlian yang diajarkan di SMK Negeri 11 Semarang. Daftar program tersebut berupa link yang akan membawa kita pada halaman website yang memberikan penjelasan mengenai masing-masing program keahlian dengan lebih terperinci. Keempat program keahlian tersebut adalah Persiapan Grafika, Produksi Grafika, Multimedia, serta Animasi. Halaman ini diharap dapat memberi gambaran umum mengenai jurusan yang terdapat di SMK Negeri 11 Semarang. Informasi ini sangat dibutuhkan, khusunya bagi orang tua murid, maupun peserta didik.

Kerjasama Industri

krjasama

Bagian ini menyajikan daftar perusahaan yang melakukan kerja sama industri dengan pihak SMK Negeri 11 Semarang. Kerja sama industri ini dilakukan untuk memenuhi kebutuhan PKL (Praktek Kerja Lapangan) bagi peserta didik. Perusahaan-perusahaan tersebut memberikan layanan serta kesempatan kepada siswa untuk melakukan latihan industri yang diwajibkan oleh sekolah. Halaman website ini memberikan informasi kepada masyarakat mengenai perusahaan yang melakukan relasi dengan SMK Negeri 11 Semarang.

Sarana Prasarana

sarana

Sub menu “sarana prasarana” ini berisi daftar meneganai sarana dan fasilitas yang dimiliki oleh SMK Negeri 11 Semarang. Sarana prasarana ini memberikan bantuan serta kemudahan bagi sekolah untuk melakukan kegiatan belajar mengajar. Kegiatan pengajaran dalam sebuah sekolah, terutama sekolah kejuruan tentunya membutuhkan alat-alat untuk pengajaran yang memadahi, begitu juga dengan SMK Negeri 11 Semarang. Fasilitas-fasilitas ini tentunya sangat meberikan bantuan dalam kegiatan pendidikan di SMK Negeri 11 Semarang.

Ekstrakurikuler

xkul

Link ini akan membawa kita pada halaman website yang berisi macam-macam kegiatan sekolah yang dilaksanakan di SMK Negeri 11 Semarang. Kegiatan tersebut menyangkut kegiatan intra sekolah, maupun kegiatan ekstrakurikuler. Kegiatan tersebut diadakan untuk melatih dan meningkatkan kemampuan siswa-siswi SMK Negeri 11 Semarang dalam berbagai bidang.

· Kategori

Menu ini terdiri dari tiga sub menu yang berupa link. Link ini akan membawa kita menuju halaman website yang berisi penjelasan dari masing-masing link. Ketiga link tersebut memberikan informasi serta data-data lain yang dicantumkan dalam sebuah website sekolah. Beberapa gambar tersebut memberikan informasi mengenai hasil dari pembelajaran siswa-siswi SMK Negeri 11 Semarang. Pejelasan ketiga link tersebut adalah sebagai berikut :

Galleri Sekolah

galeri

Halaman website ini berisi data-data dari beberapa hasil karya siswa SMK Negeri 11 Semarang. Melalui data inilah masyarakat diberikan gambaran mengenai pelatihan penggunaan sember daya manusia yang terdapat di SMK Negeri 11 Semarang. Kegiatan pembelajaran serta latihan tersebut tentunya akan menghasilkan beberapa karya yang sangat menwan.

Event Sekolah

bike

Pada bagian ini dijelaskan mengenai kegiatan yang dillakukan oleh SMK Negeri 11 Semarang dalam kepeduliannya terhadap pengaruh global warming. Eventevent ini diselenggarakan untuk meningkatkan rasa kepedulian anggota sekolah terhadap alam dan lingkungan tempat tingal. Terdapat tiga event utama dalam halaman ini, yaitu “Bike To School” yang dilaksanakan pada 7-12 April 2008, “Minggu Hemat Listrik” yang dilaksanakan pada 7-12 April 2008, serta “Green School” yang pelasakanaannya dilakukan setiap hari. Untuk mendapatkan informasi selengkapnya dapat dilakukan dengan mengklik gambar yang terdapat dalam masing-masing event. Gambar-gambar tersebut akan secara otomatis terhubung dengan halaman website selanjutnya yang berisi penjelasan mengeanai event yang diselenggarakan.

Hot News

brita

Halaman ini berisi kilsan mengenai berita-berita terbaru yang saat ini sedang hangat diperbincangkan. Pada bagian ini terdapat lima buah kilasan berita yang, antara lain dampak pemanasan global, penghematan listrik, film “Fitna”, serta beberapa berita lainnya.

C. PEMBUATAN GRAFIS

Pembuatan website SMK Negeri 11 Semarang dengan judul “Save Our World From Global Warming” dibuat semenarik mungkin. Untuk memenuhinya, diperlukan design-design penunjang yang menambah nilai artistik dari web design tersebut. Dalam pembuatan grafis maupun design yang menunjang website SMK Negeri 11 Semarang ini, dibutuhkan beberapa software yang digunakan dalam pembuatan attribute website. Pemakaian software tersebut antara lain :

· Macromedia Dreamweaver

Macromedia Dreamweaver digunakan dalam pembuatan halaman website yang berupa HTML dan CSS. Program ini sangat memudahkan kita dalam perancangan dan pembuatan web design. Semua perangkaian dan penyusunan data informasi menjadi sebuah website dilakukan menggunakan program Macromedia Dreamweaver ini.

· Macromedia Flash

Dalam website ini, terdapat dua buah animasi yang tersaji dalam tiap halaman. Animasi-animasi tersebut dibuat menggunakan software Macromedia Flash. Pemberian animasi di dalam halaman web tentunya akan lebih menarik dan memerikan kesan bagi masyarkat yang mengakses website SMK Negeri 11 Semarang. Animasi yang dibuat menggunakan Macromedia Flash ini merupakan penggabungan serta kombinasi beberapa gambar. Animasi ini diharapkan dapat memerikan gambaran mengenai tema dan pembahasan yang disajikan dalam website ini, yaitu global warming.

· Adobe Photoshop

Seperti yang telah kita ketahui, Adobe Photoshop merupakan software yang dapat digunakan untuk membuat illustrasi, image, gambar, maupun grafis. Design serta gambar dalam website SMK Negeri 11 Semarang ini dibuat menggunakan program Adobe Photoshop. Karakteristik design dan nilai seni yang terdapat di dalamnya juga sangat mempengaruhi penilaian dalam sebuah web design, termasuk dalam atribut maupun ornament yang terdapat di dalamnya. Semua design yang terdapat dalam website saling dikombinasikan sehingga menghasilkan website yang baik dengan tema “Go Green” yang telah dipilih.

IMPLEMENTASI SISTEM

Web ini dijalankan tidak menggunakan web server melainkan hanya menggunakan stand alone komputer, jadi tidak diperlukan menyalakan software server. Untuk menjalankan web ini yang dibutuhkan hanya browser internet seperti internet explorer. Untuk mengakses website SMK Negeri 11 Semarang ini, beberapa langkah yang harus diikuti adalah :

1. Buka Start Menu

start-menu

2. Pilih all programs lalu pilih internet explorer

ue

3. Pada jendela internet explorer pilih menu file lalu pilih open

file-open

4. Bila sudah terbuka dialog box open, pilih browse lalu cari folder lomba_web, lalu cari file index.html

db

5. Setelah itu pilih OK

oke

6. Jika sudah selesai akan muncul halaman website SMK Negeri 11 Semarang yang berjudul “Save Our World From Global Warming

green


PENUTUP

Mengikuti perkembangan IPTEK pada saat ini, pembuatan website merupakan salah satu pendukung dalam kesuksesan sebuah lembaga. Penggunaan website saat ini tidak hanya terbatas pada perusahaan-perusahaan besar maupun kalangan bisnis dan industri, namun sudah merupakan tuntutan dari perkembangan zaman yang semakin maju. Dalam web design yang berjudul “Save Our World From Global Warming”, website SMK Negeri 11 Semarang digunakan sebagai media penyampaian informasi dan juga sebagai media promosi kepada masyarakat, dunia bisnis, industri, serta instansi yang berhubungan dengan SMK Negeri 11 Semarang. Demikian makalah design web ini, semoga makalah ini dapat bermanfaat sebagai panduan dalam pembuatan web design.


Penulis


DAFTAR PUSTAKA

http://www.smkn11smg.net/

http://www.wikipedia.com/

http://www.okezone.com/

http://www.eramuslim.com/

  1. […] Ilmuwan Muda wrote an interesting post today on Membuat Web Sekolah Bisa Menang Lomba (Karya Rifky dan Alba, juara II se Jawa Tengah lomba di Politek)Here’s a quick excerpt … ermasuk masalah global warming yang sedang gemar diperbincangkan dunia….1. Menguraikan kondisi serta profil SMK Negeri 11 Semarang sebagai Sekolah Berstandar Internasional yang peduli terhadap lingkungan, t ermasuk masalah global warming….Hal ini dilakukan dalam rangka menunjukkan respon serta kepedulian sekolah terhadap ancaman global warming saat ini….Hal ini terfokus pada aktivitas serta kegiatan apa saja yang dilakukan demi menanggulangi global warming…. […]

  2. […] MEMBUAT WEB SEKOLAH BISA MENANG LOMBA MEMBUAT WEB SEKOLAH BISA MENANG LOMBA (Karya Rifky dan Alba, juara II se Jawa Tengah lomba di Polit… […]

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: