METODE PENCIPTAAN KARYA
3.3 Proses Atau Prosedur Berkarya
Dalam pembuatan proyek akhir ini penulis penulis mengawali dengan melakukan beberapa proses diantaranya yaitu :
a. Merencanakan ide profil dengan cara menentukan objek dan konsep.
b. Melakukan survey dan mengumpulkan data-data mengenai materi profil yang diperlukan.
c. Mulai membuat desain Company Profile dengan menggunakan software utama yaitu Adobe Dreamweaver CS3.
3.3.1. Desain Tampilan
Dalam pembuatan proyek akhir berbasis website ini penulis terlebih dahulu membuat rancangan keseluruhan dari company profile. Tampilan desain disusun untuk mempermudah penulis untuk membuat sebuah company profile berbasis website.
No Visual Keterangan
1.
- Pada Header terdapat logo kota Semarang di sebelah kiri dan logo kementrian kebudayaan dan pariwisata di sebelah kanan serta Tulisan Museum Ronggowarsito di tengah.
- Pada Menu terdiri dari button:
Home, Profil (terdapat button drop down berisi : visi & misi,
- Pada Logo berisi logo visit jawa tengah 2013, didalamnya terdapat
banyak dikunjungi wisatawan asal usul, akses ke museum, dan struktur organisasi) berikut
5. - Pada button Buku Tamu berfungsi sebagai saran informasi antara visitors dengan admin.
Dengan cara visitor menginput Nama, Alamat, Email, dan komentar kedalam kolom yang tersedia.
6. - Pada button Galeri didalamnya
terdapat foto – foto yang diedit ulang kedalam Adobe Flash CS3 supaya tampilan foto lebih menarik.
Header
buku tamu
penjelasan
Header
galeri
gambar
Gambar tabel 3.1 Rancangan tampilan
39
Gambar 4.1 Tampilan Menu Home
Gambar 4.2 Tampilan Menu Profil
Gambar 4.3 Tampilan Menu Profil (Visi & Misi)
Gambar 4.4 Tampilan Menu Profil (Asal Usul)
Gambar 4.5 Tampilan Menu Profil (Akses ke Museum)
Gambar 4.6 Tampilan Menu Koleksi
Gambar 4.7 Tampilan Menu Galeri
Gambar 4.8 Tampilan Menu Visit Jawa Tengah 2013
Gambar 4.9 Tampilan Link (Berpetualang)
Gambar 4.10 Tampilan Link (Gereja Blenduk)
Gambar 4.11 Tampilan Link (Kereta Api Ambarawa)
Gambar 4.12 Tampilan Link (Keraton Yogyakarta)
4.1.2 Spesifikasi karya
Berikut adalah spesifikasi dari company profile :
Kategori : company profile dengan tampilan Website Nama file : TA FINAL
Ukuran file : 181 Kb Jenis file : “.php”
File pendukung :
- home.php - profil.php - koleksi.php - galeri.php - visit.php - visi&misi.php - asal usul.php
- akses ke museum.php - struktur organisasi.php - berpetualang.php
- gereja.php kementrian kebudayaan dan pariwisata di sebelah kanan serta Tulisan Museum Ronggowarsito di tengah..
Pada Menu terdiri dari button: Home, Profil (terdapat button drop down berisi : visi & misi, asal usul, akses ke museum, dan struktur organisasi), Koleksi, Buku tamu, dan galeri. Akan muncul penjelasan berada pada bagian bawah menu ketika button tesebut diklik.
Pada Home Gambar berisi sebagian koleksi museum ronggowarsito yang diedit melalui Adobe Flash CS.
Pada Logo berisi logo visit jawa tengah 2013, didalamnya terdapat contoh tempat objek wisata yang banyak dikunjungi wisatawan beserta letak geografisnya.
Pada Banner berisi tentang berita terkait seputar tempat - tempat wisata di Jawa Tengah. Banner berfungsi sebagai media pertukaran link dan banyak dikunjungi dan juga supaya dapat menaikan traffic suatu website serta terlihat lebih menarik.
4.3 Analisis Karya
Dalam pembuatan Company Profile ini perlu dipertimbangkan oleh penulis dalam memilih warna.
Berikut arti warna dalam pembuatan Company Profile:
a. Warna hijau : Melambangkan daya penarik perhatian. Pengambilan warna hijau dimaksudkan agar menarik pengunjung jejaring sosial untuk dapat mengunjungi situs Museum Ronggowarsito dan tempat wisata budaya lain di
Jawa Tengah.
b. Warna kuning : Termasuk dalam jenis warna panas yang melambangkan dari kekuatan atau energi. Diharapkan warga selalu mempunyai semangat untuk menjaga kelestarian budaya dengan adanya museum ronggowarsito supaya menjadi masyarakat yang berbudaya.
c. Warna biru : Melambangkan padangan yang luas. Diharapkan warga mempunyai tambahan pengetahuan sejarah setelah melihat koleksi – koleksi didalam Museum Ronggowarsito.
d. Warna font Hitam : Melambangkan kewibawaan.
Museum ronggowarsito merupakan tempat yang menjadi peninggalan
-peninggalan sejarah bangsa Indonesia yang banyak dikagumi oleh bangsa lain.
4.4. Tutorial
4.4.1 Edit gambar Header dengan adobe photoshop
Gambar 4.13 Header 1. Buka adobe photoshop dengan ukuran 800 x 30
2. Selanjut import gambar Logo Semarang dan Logo BudPar, kemudian masukkan kedalam lembar dengan ukuran 800 x 30 pixel tersebut, 3. Logo semarang diperkecil dengan menggunakan Free Transform lalu
diletakan ke sisi kiri lembar kerja
4. Logo BudPar diperkecil dengan menggunakan Free Transform lalu diletakan ke sisi kanan lembar kerja.
5. Untuk tulisan Museum Ronggowarsito menggunakan font Annabel Script ukuran 36 pt, lalu diedit menggunakan styles Blending Options
>> Effect Drop Shadow >> lalu tilisan diberi warna kuning dengan Color Picker.
Gambar 4.14 Blending Option(Drop Shadow)
Gambar 4.15 Color Picker(kuning) 4.4.2 Edit gambar Galeri dengan adobe photoshop
Gambar 4.16 gambar(galeri)
1. Buka adobe photoshop dengan ukuran 700 x 500 pixel
2. Selanjutnya import gambar – gambar Koleksi Musem kemudian masukkan kedalam lembar kerja tersebut.
3. setiap lembar kerja dibagi menjadi 4 bagian, lalu gambar diperkecil ukurannya menggunakan Free Transform, kemudian diatur letaknya supaya menempati lembar kerja 700 x 500 yang dibagi menjadi 4 bagian.
4.4.3 Edit botton menu dengan adobe fireworks CS3
Gambar 4.17 Edit Botton Menu
Gambar 4.18 Edit Botton Menu (Profil)
1. Buka adobe firework dengan ukuran 800 x 30.
2. Selanjutnya buat botton Home, Profil, Koleksi, Buku Tamu, dan Galeri.
3. Background menu menggunakan warna abu – abu, font warna hitam Times New Roman dengan ukuran 18 pt.
4. Untuk edit botton Profil :
- Klik kanan pointer pada botton profil kemudian pilih Pop-up menu editor.
Gambar 4.19 Pop-up menu editor (Profil)
- Kemudian isi content pada Pop-up visi & misi, asal usul, akses ke museum, dan struktur organisasi dengan format .php agar dapat disimpan kedalam database.
- Kemudian save dengan format .png
Gambar 4.20 Menu
4.4.4 Proses pembuatan gambar Home dengan Adobe Flash Cs 3 1. Buka adobe flash cs 3 dan pilih flash file actionscript 2.0,
2. Kemudian buka file new untuk lembar kerja gambar,
Gambar 4.21 Lembar kerja Adobe Flash CS3.
3. Lalu ambil gambar File >> Import >> Import to Stage 4. Lalu ubah ukuran gambar W:550 H:450
Gambar 4.22 gambar Home.
5. Lalu edit gambar dengan effect blur, klik kanan gambar pilih Timeline Effects
>> Effect >> Blur klik lalu OK.
Gambar 4.23 Effect Blur 4.4.5. Content
1. Buka Adobe Dreamweaver CS3 dan pilih HTML.
Gambar 4.24 Halaman Utama
2. Kemudian buat table, Common>>Table untuk membuat Header dengan Row=1 , Colums=1, lalu impor image, Common>>images dan letakan didalam table. Ukuran header W:805 H:1500
Gambar 4.25 Table
Gambar 4.26 Table Header 3. Kemudian buat table lalu impor gambar Buttom Menu
Gambar 4.27 Header + Buttom menu
4. Kemudian buat table dibawah Header, Row=1 Collums=2 utuk membuat tulisan Selamat Datang dengan impor gambar Visit Jateng 2013 dengan warna background biru muda=”00FFFF”, Properties>>Background Color>>”00FFFF”.
Gambar 4.28 Selamat datang + Visit
5. Kemudian buat table dibawah Selamat datang + visit Row=1 Collums=2 untuk impor Gambar.swf dengan ukuran W:500 H:350 dan membuat Banner dengan warna hijau. Properties>>Background Color>>”00FF00”.
Gambar 4.29 Warna Hijau “00FF00”
Gambar 4.30 Gambar + Banner
6. Kemudian buat table dibawah Gambar + Banner Row=1 Collums=1 untuk membuat Tulisan Copyright dengan warna abu-abu “999999”, Properties>>Background Color>>”999999”.
7. Hasil akhir file dreamweaver disave dengan nama Home.php
8. Untuk dapat dipublikasi file .php , .jgp , .swf yang digunakan dalam pembuatan Website disimpan kedalam Localhost XAMPP, Localdisk(C) >>
Xampp >> Htdocs.
9. Buka Mozilla kemudian masuk kedalam Xampp dengan alamat http://localhost/TA FINAL/home.php maka akan tampil Website Ronggowarsito tanpa harus connect internet.
BAB V PENUTUP
5.1. KESIMPULAN
Berdasarkan pengamatan dan analisa yang dilakukan pada Museum Ronggowarsito, Penulis dapat mengambil kesimpulan sebagai berikut : a. Company Profile Museum Ronggowarsito adalah suatu presentasi
interaktif yang mencakup gambaran perusahaan secara umum.
b. Company Profile ini diharapkan dapat membantu mengurangi dan mengatasi permasalahan penyajian data pada saat presentasi.
c. Sebagai media / sarana untuk lebih memperkenal lebih dalam lagi tentang Museum Ronggowarsito.
5.2 SARAN
Pada pembuatan Company Profile ini masih terdapat kekurangan - kekurangan dalam bentuk dan penyajiannnya seperti dalam pembuatan website tidak monoton dan harus berkesinambungan antara background, gambar, maupun tulisan. maka diharapkan pembaca akan bisa menghasilkan karya baik lagi setelah membaca laporan dari proyek akhir ini
Sebaiknya kumpulkan data dari perusahaan yang akan dibuatkan Company Profile Museum Ronggowarsito sebanyak mungkin agar memudahkan kita dalam memilih konten apa saja yang akan ditampilkan nantinya. Perbanyak melihat profile-profile yang sudah ada sebagai bahan referensi pembuatan Company Profile.