• Tidak ada hasil yang ditemukan

Perancangan Header Dan Banner Website P4TKIPA.Org

N/A
N/A
Protected

Academic year: 2017

Membagikan "Perancangan Header Dan Banner Website P4TKIPA.Org"

Copied!
31
0
0

Teks penuh

(1)

ABSTRAK

Selama 2 bulan melakukan Kerja Praktek di P4TK IPA, saya merasakan

atmosfer dunia kerja yang sangat memerlukan koordinasi yang sangat baik antara satu

bagian dengan bagian lainnya, kerja sama sangatlah diperlukan di institusi ini karena

pekerjaan yang diberikan selalu menuntut untuk diselesaikan secara tepat waktu, tanpa

koordinasi ataupun kerja sama yang baik maka mustahil pekerjaan akan selesai

dengan baik dan tepat waktu.

Di P4TK IPA saya membantu pegawai disana salah satunya membuat peta Jawa

Tengah dalam bentuk vektor untuk keperluan pendataan lulusan UAS tahun ajaran

2010-2011 per Kabupaten dan lain sebagainya.

Hal positif yang saya dapatkan selama melakukan Kerja Praktek di P4TK IPA

adalah selain kemampuan dalam bekerja, diperlukan juga

softskill

seperti kejujuran,

keuletan karena tanpa

softskill

tersebut adalah hal dasar yang membuat kita bekerja

(2)

ABSTRACT

During the 2 months of Job Training in P4TK IPA, I feel the atmosphere of the

workforce who are in need of very good coordination between one part with another

part, cooperation is needed in this institution because of the work presented is always

demanding to be completed in a timely manner, without coordination or good

cooperation then impossible the job to be completed properly and on time.

I was there to help employees make a map of Central Java in vector form for the

purposes of data collection UAS graduates of the school year 2010-2011 per district,

and so forth.

(3)

BAB I PENDAHULUAN

1.1 Latar Belakang

PPPPTK IPA yang bergerak di bidang Pendidikan menjadi mitra bagi

banyak institusi akademik khususnya di Kota Bandung yang juga

terkenal sebagai Kota Pendidikan, karena PPPPTK IPA hanya terletak

di kota Bandung, PPPPTK IPA memerlukan media yang bisa

menjangkau seluruh daerah di Indonesia, dalam hal ini PPPPTK IPA

mempunyai website P4TKIPA.ORG.

Berkaitan dengan hal ini, bidang ICT & Media PPPPTK IPA Kota

Bandung berencana untuk mengubah tampilan header website lama

dengan yang baru yang lebih aktraktif dan dinamis. Selain itu, untuk

meningkatkan jumlah pengunjung yang mengakses website

P4TKIPA.ORG, dibutuhkan iklan dalam bentuk banner yang akan

dipasang di website lainnya, maka dari itu pihak perusahaan meminta

kami para mahasiswa Kerja Praktek dari Universitas Komputer

Indonesia Bandung untuk membuat tampilan/visual website yang baru

sekaligus mengubah header dan merancang banner sebagai alat

promosi selama melakukan Kerja Praktek.

Diharapkan dengan tampilan baru website ini maka keberedaan

PPPPTK IPA akan lebih banyak diketahui oleh para siswa, praktisi

akademisi, terlebih lagi oleh semua kalangan masyarakat, bahwa di

Bandung terdapat Pusat Pengembangan Pemberdayaan tentang Ilmu

Pengetahuan Alam yang mampu memberikan kontribusi yang baik

(4)

 

1.2 Waktu dan Tempat Pelaksanaan Kerja Praktek

Waktu : Tanggal 23 APRIL – 23 JUNI 2011

Tempat : PUSAT PENGEMBANGAN DAN

PEMBERDAYAAN PENDIDIK DAN TENAGA

KEPENDIDIKAN ILMU PENGETAHUAN ALAM

(5)

BAB II

GAMBARAN UMUM PPPPTK IPA

2.1 Sejarah Singkat PPPPTK IPA

Perjalanan panjang telah dilalui oleh Pusat Pengembangan

Pem-berdayaan Pendidik dan Tenaga Kependidikan Guru Ilmu Pengetahuan

Alam yang disingkat PPPPTK IPA mengalami perubahan nama

ke-lembagaan beberapa kali seperti berikut ini.

Lembaga ini sesungguhnya telah lama berdiri, yaitu sejak tahun

1952 dengan nama Science Teaching Course (STC) kemudian berubah

menjadi Kursus Science Teaching (KST). Selanjutnya, KST berubah

menjadi Balai Pendidikan Pengetahuan Alam (BPPA). Setelah itu, BPPA

menjadi Pusat Kurikulum Metodik dan Didaktik (PPKMD), kemudian

berubah menjadi Pusat Pengembangan Pendidikan Ilmu Pengetahuan

Alam dan Ilmu Pasti (P3IPAP).Setelah beberapa lama P3IPAP berubah

menjadi Balai Penataran Guru IlPA Nasional (BPGN). Selanjutnya,

berdasarkan SK Mendikbud No. 0205/O/1978, tanggal 23 Juni 1978

BPGN diubah menjadi Pusat Pengembangan Penataran Guru Ilmu

Pebgetahuan Alam (PPPG IPA). Akhirnya, berdasarkan Permen-diknas

No. 8 Tahun 2007 PPPG IPA diubah lagi menjadi PPPPTK IPA hingga

sekarang.Selanjutnya, berikut ini penjelasan singkat mengenai

pengembangan periode lembaga diklat IPA dari awal hingga sekarang.

Untuk memperbaiki kualitas pendidikan IPA, Departemen

(6)

 

Kegiatan STC adalah untuk melatih para guru dari seluruh Indonesia

dalam me-ningkatkan pengetahuan dan keterampilan mengajarkan IPA.

Dalam pelatihan ini tentu saja bukan hanya bidang metodologi, namun

diberikan pula penambahan ilmu ke-IPA-an untuk dirinya sendiri.

Berdasarkan Permendiknas No. 8 Tahun 2007, PPPG diubah

menjadi Pusat Pengembangan dan Pemberdayaan Pen-didik dan Tenaga

Kependidikan disingkat dengan nama PPPPTK. Selanjutnya PPPPTK

merupakan Unit Pelayanan Teknis di bidang pengembangan dan

pemberdayaan pendidik dan tenaga kependidikan berada di bawah dan

bertanggung jawab langsung kepada Direktorat Jenderal Peningkatan

Mutu Pendidik dan Tenaga Kependidikan (PMPTK)

Struktur organisasi PPPPTK sekarang ini adalah sebagai berikut.

a. Kepala.

b. Bagian Umum.

c. Bidang Program dan Informasi.

d. Bidang Fasilitasi Peningkatan Kompetensi.

(7)

2.2 Visi dan Misi PPPPTK IPA

VISI PPPPTK IPA

Terwujudnya Pendidikan dan Tenaga Kependidikan IPA yang

Profesional,Bermartabat, dan Berwawasan Global

MISI PPPPTK IPA

1. Pengembangan model-model diklat brebasis penelitian dan

kepakaran bagi PTKIPA.

2. Pengembangan bahan dan media diklat berbasis riset dan

kepakaran bagi PTKIPA.

3. Penyelenggaraan layanan diklat secara prima bagi PTKIPA.

4. Sosialisasi produk-produk inovasi pendidikan IPA pada forum

nasional dan internasional.

5. Pengembangan jejaring kerja dalam upaya paningkatan

profesionalitas PTKIPA secara nasional dan internasional.

6. Pengembangan kualitas dan kuantitas SDM PPPPTK.

7. Peningkatan sarana dan prasarana PPPPTK IPA.

(8)

 

2.3 Struktur Organisasi Perusahaan

[image:8.612.224.461.217.546.2]

STRUKTUR ORGANISASI P4TK IPA

(9)
(10)

 

BAB III

LAPORAN KERJA PRAKTEK

3.1 Peranan Praktikan Dalam Perusahaan

Praktikan melakukan kegiatan kerja praktek di Pusat

Pengembangan dan Pemberdayaan Pendidik dan Tenaga

Kependidikan Ilmu Pengetahuan Alam Kota Bandung terhitung sejak

tanggal 23 April 2011 sampai dengan 23 Juni 2011.

Pada saat kegiatan kerja praktek berlangsung, praktikan ditempatkan

di bawah bagian Media & ICT Pusat Pengembangan dan

Pemberdayaan Pendidik dan Tenaga Kependidikan Ilmu Pengetahuan

Alam Kota Bandung. Media & ICT P4TK IPA merupakan salah satu

bagian yang terdapat di P4TK IPA Kota Bandung yang bertanggung

jawab memegang beberapa media organisasi seperti website,

e-learning, modul pembelajaran dan lain-lain.

3.2 Pekerjaan Praktikan Selama Kerja Praktek

Praktikan ditugaskan untuk merancang header dan banner untuk

website P4TKIPA.ORG karena website tersebut akan mengganti

layout atau tampilanmenjadi lebih dinamis dan menarik sehingga bisa

mendatangkan banyak pengunjung dan tidak membosankan para

pengunjungnya.

Dalam hal ini, praktikan bekerja sama dengan rekan praktikan yang

lain yaitu sdra. Serafinus Oky dimana rekan praktikan tersebut

(11)

3.3 Metode Kerja Praktikan

Dalam merancang header dan banner website P4TKIPA.ORG yang

baru praktikan melakukan langkah-langkah sebagai berikut ;

a. Sebelum mulai merancang, praktikan terlebih dahulu

mengumpulkan materi untuk mempelajari program tersebut lalu

memilih elemen-elemen mana saja yang cocok untuk

dimasukkan menjadi header dan banner.

b. Setelah materi yang diperlukan terkumpul, praktikan mulai

merancang sketsa header dan banner tersebut.

c. Kemudian sketsa di asistensikan kepada pembimbing praktikan.

d. Setelah itu praktikan mulai merancang header dan banner pada

aplikasi komputer dalam hal ini praktikan menggunakan

program Adobe Flash CS5.

e. Seluruh proses perancangan, dimulai dari visual, layout,

pewarnaan serta materi isi header dan banner diasistensikan

kembali kepada pembimbing.

f. Setelah perancangan header dan banner selesai, soft copy

(12)

3 3 d d o a 3.4 Peranc 3.4.1 Kons a. He Pen

daripada h

Green kar

nuansa ala

di header

menampilk

oleh kare

menggunak

alam. Juga

masuk ke d

E

a

G

cangan Ban sep Peranc eader

gubahan h

header web

rena P4TK

amiahnya te

website se

kan animasi

na itu da

[image:12.612.270.411.485.616.2]

kan eleme a beberapa dalam pemb lemen-elem a. Beberap Kimia

Gambar III.1. A

nner dan H cangan

header web

bsite terseb

K IPA bers

etap dijaga,

ebelumnya

i apapun se

alam pera

en-elemen

a elemen

belajaran IP

men yang d

pa alat penu

Alat bantu pra

Header We

bsite P4TK

but sebelum

singgungan

, perbedaa

a hanya se

ehingga we

ancangan

serta warn

yang berh

PA yaitu, B

digunakan a

unjang pem

aktek Kimia ya

ebsite P4TK

KIPA.ORG

mnya, tetap

n langsung

n yang men

ebatas graf

ebsite terse

visual hea

na yang be

ubungan d

iologi, Fisik

antara lain :

mbelajaran B ang dimasukk KIPA.ORG tidak berb p membawa g dengan nonjol adal

fis statis s

ebut kurang

ader-nya,

erhubunga

dengan ma

ka dan Kimi

:

Biologi, Fis

kan ke heade

beda jauh

a misi Go

(13)

b

[image:13.612.264.346.105.187.2] [image:13.612.254.353.227.378.2] [image:13.612.195.469.467.556.2]

c

Gambar II

Gambar II

b. Backgro

Gambar III.4.

c. Tipograf

IPA itu s

II.2. Alat bant

II.3. Alat bant

ound heade

. Image tumb

fi yang men

sendiri

u praktek Fis

u praktek Bio

r bernuans

uhan yang m

njadi subhe

ika yang dima

ologi yang dim

a alam.

menjadi backgr

ader kepan

asukkan ke h

masukkan ke h

round pada h

njangan dar header

header

header

(14)

e

b. Ba Pem

website P4

website-we

berkunjung

e. Setelah

mulai dir

anner

mbuatan ba

4TKIPA.OR

ebsite lain

g ke website

Gamba

semua terk

rancang di

anner ini be

RG yang ma

sehingga

e P4TKIPA

Gamba

Gamba

ar III.5 Logo S

kumpul dan

Adobe Pho

ertujuan se

ana banner

lebih ban

.ORG.

ar III.6.Scene

ar III.7.Scene SEDEC

n bisa digun

otoshop dan

ebagai sala

r ini nantiny

yak pengu

e banner perta

e Banner kedu

nakan kemu

n Flash CS

ah satu ala

ya akan di

(15)

3

3.4.2 Tekn a. Te

Pe

1000 x 300

is Peranca eknis Peran

rtama, buka

0 pixels.

G

Gamba

Gamba

angan ncangan H a Adobe Ph

Gambar III.10.

ar III.8. Scene

ar III.9.Scene

Header

hotoshop d

Membuat do

e banner ketig

e Banner keem

an buat do

okumen baru ga

mpat

(16)

 

Lalu memasukkan gambar background yang telah kita sediakan dan diatur menurut kebutuhan.

Gambar III.11. Memasukkan image untuk background

Ditambah sedikit shadow dibagian atas background agar tidak

[image:16.612.193.453.130.279.2]

terlihat kaku.

(17)

Memasukkan teks P4TKIPA.ORG kedalam header dan penambahan

shadow pada teks tersebut.

Gambar III.13. Memasukkan teks P4TKIPA.ORG

Gambar III.14. Penambahan sedikit shadow pada teks

Menambahkan teks yang merupakan kepanjangan dari PPPPTK

(18)

 

Gambar III.15. Kepanjangan dari PPPPTK IPA dan SEDEC

Memasukkan 3 elemen yang berkaitan dengan IPA, yaitu alat bantu

praktek Biologi, Fisika dan Kimia.

(19)

Terakhir, memasukkan logo dan teks SEDEC

Gambar III.17.Penambahan logo dan teks SEDEC

Setelah selesai merancang di Adobe Photoshop, kita beralih

menggunakan Adobe Flash untuk memberikan animasi.

Langkah pertama buka Adobe Flash dan buka dokumen baru

dengan ukuran yang sama seperti dokumen yang telah dibuat di

Photoshop sebelumnya yaitu 1000 x 300 pixels.

(20)

 

Setelah itu, import dokumen yang telah kita buat di Photoshop dan

disimpan dengan ekstensi .psd dengan cara FileImportImport to

[image:20.612.175.443.406.560.2]

stage - pilih file yang telah kita buat sebelumnya .

Gambar III.19. Tampilan Import file di Adobe Flash

Setelah semua siap, langsung diberikan animasi.

(21)

Tampilan akhir header baru website P4TKIPA.ORG

Gambar III.21. Header baru website P4TKIPA.ORG yang telah beranimasi b. Teknis Perancangan Banner

Sama dengan rancangan header, untuk rancangan banner ini awalnya dibuat dulu di Photoshop kemudian dipindahkan ke Adobe Flash.

Buka Adobe Photoshop, dan buat dokumen baru dengan ukuran

1000 x 200 pixels. Beri background berwarna hijau dengan sedikit gradasi

warna hijau yang lebih tua di atasnya, kemudian masukkan logo SEDEC

disimpan di bagian kanan banner, dan terakhir ditambahkan teks font

menggunakan Calibri Regular.

(22)

 

Kemudian untuk membuat scene kedua, masih menggunakan logo

SEDEC yang sama, namun kini posisi nya dipindah ke bagian kiri banner,

dan teks pun menyesuaikan dengan hal yang ingin disampaikan.

Gambar III.23. Scene kedua pada tampilan banner

Untuk membuat scene yang ketiga, tidak berbeda jauh dengan

scene yang pertama dan kedua, pindahkan logo SEDEC ke bagian

tengah, teks mengikuti pada pesan yang ingin disampaikan, teks ‘Klik

Disini’ menandakan bahwa dengan mengklik banner ini maka akan

[image:22.612.174.451.145.309.2]

langsung menuju website P4TKIPA.ORG

(23)

Pada scene terakhir banner ini, logo SEDEC yang digunakan masih

[image:23.612.180.463.416.579.2]

disimpan di tengah namun dengan skala yang lebih kecil.

Gambar III.25. Scene keempat pada tampilan banner

Setelah semua selesai dirancang di Photoshop, buka Flash

kemudian buat dokumen baru dengan ukuran 1000 x 200 pixels.

(24)
[image:24.612.184.472.85.251.2] [image:24.612.184.472.331.499.2]

 

Gambar III.26. Import file.

Setelah semua siap, langsung diberikan animasi

(25)

BAB IV KESIMPULAN

4.1 Kesimpulan

Selama 2 (dua) bulan melakukan Kerja Praktek di PPPPTK IPA

BANDUNG ( pusat pengembangan pemberdayaan pendidikan tenaga

kerja ilmu pengetahuan alam ), Praktikan dapat menyimpulkan bahwa

dalam membuat dan menyelesaikan sebuah proyek atau pekerjaan

membutuhkan kerja sama yang baik antar pihak-pihak yang terlibat,

sehingga pekerjaan yang diperintahkan oleh atasan akan selesai dengan

baik dan lancar.

Dengan adanya praktik kerja ini, Praktikan mendapatkan banyak

tambahan ilmu pengetahuan.Selain teori tentu saja yang terpenting adalah

bagaimana kita mengimplementasikan ilmu yang kita punya dengan

mempraktikannya langsung, sebagai bekal nanti ketika berada di

(26)

Laporan Kerja Praktek

PERANCANGAN

HEADER

DAN

BANNER

WEBSITE

P4TKIPA.ORG

DK 36502 Kerja Praktek

Oleh :

Muhammad Padilah

51908241

Desain Komunikasi Visual

Dosen Pembimbing :

Rini Maulina, S.Sn

FAKULTAS DESAIN

UNIVERSITAS KOMPUTER INDONESIA

BANDUNG

(27)

DAFTAR ISI

ABSTRAK

………i

KATA PENGANTAR.……….ii

DAFTAR ISI………...iii

BAB 1 PENDAHULUAN

………...1

1.1 Latar Belakang

………1

1.2 Waktu dan Pelaksanaan Kerja Praktek

………..2

BAB 2 GAMBARAN UMUM PPPPTK IPA

………3

2.1 Sejarah Singkat PPPPTK IPA………..3

2.2 Visi dan Misi PPPPTK IPA………5

2.3 Struktur Organisasi Perusahaan………..……6

BAB 3 LAPORAN KERJA PRAKTEK

………8

3.1 Peranan Praktikan Dalam Perusahaan………

...8

3

.2 Pekerjaan Praktikan Selama Kerja Praktek………

.

………..…8

3.3 Metode Kerja Praktikan……….…9

3.4 Perancangan

Banner

dan

Header Website

P4TKIPA.ORG

……..10

3.4.1 Konsep Perancangan

………

..

………

..10

3.4.2 Teknis Perancangan

..

………

13

BAB 4 KESIMPULAN

………

.23

4.1 Kesimpulan………

..

23

(28)

1   

Daftar Pustaka

Hadiat. 1993. Pusat Pengembangan Penataran Guru Ilmu Pengetahuan Alam. Bandung: PPPG IPA.

Majalah Pendidikan IPA. 2009. Program BERMUTU dan Refor-masi Pendidikan di Indonesia. Majalah Pendidikan Ilmu Pengetahuan Alam. Volume IX No, 123 (Desember 2009).

Newsletter Science. 2009. Workshop Strategic Plan QITEP. Volume 1, Nomor 01/Desember 2009.

Pemendiknas Nomor 8 Tahun 2007.

Newsletter Science. 2009. Program BERMUTU Pelatihan Penggunaan Modul. Volume I, Nomor 01/Desember 2009.

QITEP in Science 2010. Buku Kerja 2010. Bandung: Science Education Development and Empowerment Centre SEAMEO Regional Centre for QITEP in Science.

(29)

DAFTAR RIWAYAT HIDUP

Biodata:

-

Nama: Muhamad Padilah

-

TTL: Sukabumi , 25 Desember 1989

-

Alamat: Tegallaya Wetan Jl. Cicadas no. 35

RT 03 RW 03 Kecamatan Lembursitu Kelurahan Cipanengah

Kota Sukabumi, 43168 Jawa Barat

-

Jenis Kelamin: Laki-laki

-

Tinggi Badan: 170 cm

-

Berat Badan: 50 kg

Pendidikan:

-

TK Baiturrahman Sukabumi 1994-1996

-

SDN Cipanengah 2 Sukabumi 1996-2002

-

MTsN Warudoyong Sukabumi 2002-2005

-

MA Asih Putera Cimahi 2005-2008

Pengalaman Organisasi:

-

Ketua OSIS MA Asih Putera 2007-2008

Kemampuan:

-

Bahasa Inggris Aktif dan Pasif

(30)

 

i   

KATA PENGANTAR

Banyak orang belum mengetahui kapan dan bagaimana keberadaan lembaga diklat IPA hingga sekarang ini. Oleh karena itu, sangat perlu diketahui sejarah singkat mulai didirikannya lembaga diklat IPA ini hingga menjadi PPPPTK IPA.

Pada hakikatnya kegiatan penataran IPA itu telah dirintis sejak tahun 1952. Dengan demikian, wajar para pembaca juga mengetahui kegiatan penataran guru-guru IPA pada masa sebelum lahirnya PPPPTK IPA. Dengan mengetahuinya sejarah berdirinya lembaga diklat IPA, kita tidak akan melupakan bahwa keberadaan PPPPTK IPA sekarang ini adalah hasil rintisan para pendiri dan pelaksana kegiatan penataran di masa silam. Manfaat dari mengetahuinya sejarah tersebut, kita dapat mengevaluasi seberapa jauh kemajuan-kemajuan peningkat-an yang telah dicapai oleh PPPPTK IPA di bidang peningkatan mutu pendidikan IPA.

Mudah-mudahan dengan mengetahuinya sejarah awal lembaga diklat IPA hingga sekarang, lebih mendorong pembaca untuk mengenal keberadaan PPPPTK IPA dalam kegiatan-kegiatan peningkatan mutu IPA di Indonesia.

Akhirnya, dalam kesempatan ini penulis mengucapkan terima kasih kepada narasumber yang telah bersedia informasi yang berkaitan dengan penulisan buku ini.

Semoga laporan ini bermanfaat khususnya bagi penulis sendiri dan umumnya bagi para pembaca sehingga dapat menambah wawasan anda tentang ilmu pengetahuan dari teknologi.

(31)

Gambar

Gambar II.1. Struktur organisasi PPPPTK IPA
Gambar III.1. AGAlat bantu praaktek Kimia yaang dimasukkkan ke headeer
Gambar IIII.3. Alat bantu praktek Bioologi yang dimmasukkan ke header h
Gambar III.12. Penambahan sedikit shadow
+5

Referensi

Dokumen terkait

Kemampuan keluarga dalam merawat usia lanjut etnis Jawa baik pada aspek psikologis dan etnis Madura baik pada aspek spiritual dan interaksi sosial.. Terdapat perbedaan antara etnis

Plagiarisme Kain Perca atau lebih dikenal dengan patchwork merupakan tindakan plagiasi dengan mengambil karya milik orang lain dari berbagai sumber tanpa menyebutkan rujukan dan

Memasang Theodolit di atas statif pada titik A (titik awal) kemudian mengatur gelembung nivo agar berada di tengah dan memastikan Theodolit tegak lurus terhadap batch mark

Yang diharapkan dengan diketahui volume penjualan adalah bagaimana pihak perusahaan di dalam membuat program promosi termasuk menetapkan biaya promosi, sehingga eksistensi

Selain itu dapat juga disimpulkan bahwa pemodelan perubahan penutupan lahan 2016 dengan menggunakan metode MLP dan Logit dapat diaplikasikan untuk prediksi penutupan

Pada wanita, kelainan organ reproduksi yang terjadi bersamaan dengan agenesis ginjal adalah uterus bikornua atau unikornua, hipoplasia atau tidak adanya tuba atau

Dengan pengetahuan, pemahaman, kemauan yang lebih untuk menerapkan nilai-nilai moral dan etika secara memadai dapat mengurangi berbagai pelanggaran etika (Ludigdo

Alibaba bisa terus melakukan itu di China untuk sementara waktu, tetapi perusahaan ini perlu membuat langkah-langkah besar di pasar lain agar bisa bersaing dengan investor AS