PENGENALAN WEB DESIGNER & BLOGGER

PRESENTED BY : ANANDA WIDITOMO,MTCNA,CCNA,CCNE

EMAIL : ANANDAWIDITOMO@GMAIL.COM / WA : 081226340806

PELATIHAN WEB & DESIGN

PIMPINAN DAERAH IKATAN PELAJAR MUHAMMADIYAH
KABUPATEN DEMAK
PROFILE PEMATERI

Nama : Ananda Widitomo

Tempat, Tgl Lahir : Demak,12 Mei 2001

Alamat : Ds.Bakung RT.02 RW.01 Kec.Mijen Kab.Demak

Agama : Islam

PELATIHAN WEB & DESIGN

PIMPINAN DAERAH IKATAN PELAJAR MUHAMMADIYAH
KABUPATEN DEMAK
PENDIDIKAN

PELATIHAN WEB & DESIGN

PIMPINAN DAERAH IKATAN PELAJAR MUHAMMADIYAH
KABUPATEN DEMAK
PENGALAMAN KERJA

1. Praktik Kerja Lapangan (PKL) PT.Telkom Indonesia Regional Demak

2. Teknisi Ujian Kompetensi Guru (UKG) TUK SMK Pontren Darussalam Demak Tahun 2017
3. Teknisi Ujian Nasional Berbasis Komputer (UNBK) SMK Pontren Darussalam Demak Tahun 2017
4. Tim Production Video A Media Production – Kudus , Indonesia
5. Tim Analyst Hardware
6. Website Engginer
7. Owner Ananda Computer (www.anandacomputerdemak.blogspot.com)

PELATIHAN WEB & DESIGN

PIMPINAN DAERAH IKATAN PELAJAR MUHAMMADIYAH
KABUPATEN DEMAK
PENGALAMAN ORGANISASI

• Pengurus OSIS SMK Pontren Darussalam Demak (Tahun 2016-2017)

• Sekretaris OSIS SMK Pontren Darussalam Demak (Tahun 2017-2018)
• Anggota Hizbul Wathan SMK Pontren Darussalam Demak (Tahun 2016-2017)
• Sekretaris Hizbul Wathan SMK Pontren Darussalam Demak (Tahun 2017-2018)
• Staff Bidang PIP PD IPM Kabupaten Demak (Tahun 2017 – 2019)

PELATIHAN WEB & DESIGN

PIMPINAN DAERAH IKATAN PELAJAR MUHAMMADIYAH
KABUPATEN DEMAK
PELATIHAN & PERLOMBAAN YANG DIIKUTI
• Pelatihan Jaringan Jarak Jauh & Server Berbasis Linux di SMK Negeri 1 Jepara Tahun 2017
• Pelatihan Management Dewan Sughli Hizbul Wathan Tk.Jawa Tengah di Sumowono Semarang
• Pelatihan LP3I (Lembaga Pengembangan Pengembangan Profesi Indonesia) di SMK Pontren Darussalam Demak
• Latihan Dasar Kepemimpinan (LDK) OSIS SMK Pontren Darussalam Demak Tahun 2017
• Lomba Kompetensi Siswa (LKS) Web Design Tk.Kabupaten Demak Tahun 2017
• Lomba Web Design Olimpiade Ahmad Dahlan Tk.Provinsi Jawa Tengah Tahun 2017 di UNIMUS Semarang
• Lomba Web Design Olimpiade Ahmad Dahlan Tk.Provinsi Jawa Tengah Tahun 2018 di Universitas Muhammadiyah
Purwokerto (UMP)
• Lomba Olimpiade Jaringan Mikrotik Tingkat Nasional Tahun 2018 di Universitas Sanata Dharma Yogyakarta
• Lomba Kompetensi Siswa (LKS) Web Design Tk.Kabupaten Demak Tahun 2018

PELATIHAN WEB & DESIGN

PIMPINAN DAERAH IKATAN PELAJAR MUHAMMADIYAH
KABUPATEN DEMAK
HASIL YANG DIDAPATKAN SETELAH PERLOMBAAN ?

1. Juara 3 LKS Web Design Tingkat Kabupaten Demak Tahun 2017

2. Juara 2 LKS Web Design Tingkat Kabupaten Demak Tahun 2018
3. Juara Harapan 1 OAD Web Design Tingkat Jawa Tengah Tahun 2017
4. Juara 2 Intel Overclok Tahun 2018
5. Juara 1 Networking PTP-Konsep Tingkat Jawa Tengah Tahun 2018

PELATIHAN WEB & DESIGN

PIMPINAN DAERAH IKATAN PELAJAR MUHAMMADIYAH
KABUPATEN DEMAK
SOCIAL MEDIA ??

1. Facebook : Ananda Widitomo

2. Twitter : @anandawiditomo_
3. Instagram : @anandawiditomo_
4. Email : Anandawiditomo@gmail.com / Ananda.widitomo@linuxmail.org
5. WA / Telegram : 081226340806
6. Youtube (Search) : Ananda Widitomo

PELATIHAN WEB & DESIGN

PIMPINAN DAERAH IKATAN PELAJAR MUHAMMADIYAH
KABUPATEN DEMAK
NEXT MATERI BRO ???
APA ITU WEB DESIGN ?

Design  hasil karya manusia yang harus dapat berfungsi untuk memecahkan suatu
masalah

Web  Fasilitas hypertext yang mampu menampilkan data berupa teks, gambar, suara,
animasi, dan multimedia lainnya, di mana di antara data-data tersebut saling terkait dan
berhubungan satu dengan yang lainnya

Website  Merupakan tempat penyimpanan data dan informasi berdasarkan topik tertentu
PENGERTIAN WEB DESIGN ?

Web design adalah Seni dalam membuat suatu halaman website yang melibatkan
keindahan dan mekanisme dalam proses membuat sebuah halaman website. Membuat
suatu halaman website terlihat lebih menarik dengan mengintegrasikan unsur gambar,
animasi, text, dan video
YANG HARUS DIKUASAI WEB DESIGNER

 Cita rasa seni

◦ Web designer harus mampu menciptakan keindahan di dalam halaman web

◦ Web desainer mampu memilih warna yang baik dan memadukannya dengan warna lain

◦ Web desainer mampu membuat bentuk atau sketsa yang baik dari bentuk dasar halaman web

◦ Web designer harus mampu menggabungkan imajinasi atau ide orisinil dengan ide dari pihak lien
yang memesan desain

◦ Web designer mampu menempatkan komponen multimedia pada bagian-bagian tertentu,

sehingga halaman web menjadi lebih menarik.
YANG HARUS DIKUASAI WEB DESIGNER
 Tool pendukung perancangan web
◦ Mampu menggunakan program aplikasi untuk membuat desain grafis, seperti photoshop, corel
draw, Adobe ilustrator,dsb
◦ Mampu menggunakan program aplikasi untuk mengatur layout web, seperti macromedia
dreamweaver, page maker, notepad, dsb
◦ Mampu menggunakan program aplikasi untuk membuat animasi web, seperti macromedia flash,
swish, dsb

 Teknik membuat interface web

◦ Seorang Web designer harus memiliki wawasan dalam bidang IMK (Interaksi Manusia dan
Komputer), sehingga dapat membuat desain web yang user friendly
◦ Seorang Web designer harus memahami setiap komponen-komponen dasar pembentuk situs web,
seperti bahasa HTML, penggunaan image, multimedia
PRINSIP – PRINSIP DALAM PEMBUATAN WEBSITE

1. Situs web dibuat untuk pengguna

 Seorang web designer harus mem-fokuskan desainnya pada kepentingan pengguna
 Harus memertimbangkan karakter pengguna, baik dari latar belakang, budaya,
pendidikan dan kepentingan yang berbeda

2. Utility dan Usability

 Utility adalah kegunaan atau fungsionalitas web
 Usability adalah sifat situs web yang mendukung kemampuan pengguna dalam
memanipulasi situs web, sehingga pengguna memperoleh apa yang diperlukan
PRINSIP – PRINSIP DALAM PEMBUATAN WEBSITE
3. Correctness / Kebenaran
 Tidak ada kesalahan dalam penulisan script code
 Gambar-gambar yang ditampilkan sesuai yang diharapkan
 Elemen-elemen yang interaktif (javascript, flash,dll) dapat berfungsi dengan benar
 Tidak ada kesalahan dalam sistem navigasi (link yang kosong atau broken link)

4. Struktur Link dan Navigasi

 Terdapat Link untuk menghubungkan satu halaman ke halaman yang lain
 Perancangan Link agar menarik

5. Tampilan Visual
 Tampilan visual website sesuai kebutuhan
UNSUR – UNSUR WEBSITE

1. Domain
alamat yang digunakan untuk menemukan situs kita pada dunia internet.
(www.google.com)

2. Hosting
ruangan yang terdapat dalam harddisk tempat menyimpan berbagai data, file-file, gambar
dan lain sebagainya yang akan ditampilkan di situs. Diperoleh dengan menyewa

3. Script/syntax/bahasa program
Adalah bahasa yang digunakan untuk menerjemahkan setiap perintah dalam situs yang
pada saat diakses
MEMILIH HOSTING / TEMPAT YANG BAIK UNTUK WEBSITE ?
Yang harus diperhatikan pada saat memilih hosting ?

1. Kapasitas
perhatikan kapasitas yang dibutuhkan, hosting yang dipilih harus sesuai kapasitas

2. Teknologi yang digunakan

perhatikan teknologi yang disediakan, apakah mendukung teknologi dalam website yang
dibuat (misal PHP, Java, dll)

3. Support (Pelayanan)
Periksa apakah perusahaan hosting yang ingin anda beli memiliki layanan support yang
baik selama 24jam

4. Database
Apabila anda membuat website dinamis, pastikan anda memeriksa apakah mereka
menyediakan database
MEMILIH HOSTING / TEMPAT YANG BAIK UNTUK WEBSITE ?

Yang harus diperhatikan pada saat memilih hosting ?

5. Backup
pastikan hosting memiliki fasilitas back up setiap hari

6. Bandwidth
perhatikan kapasitas bandwidth / ruang tempat yang disediakan
BAGIAN – BAGIAN WEBSITE
Bagian umum yang biasa ada pada website

 Header (Kepala Website)

paket informasi yang sebelum data objek. Memberikan informasi awal atau data yang
berguna untuk transmisi tujuan. Umumnya terletak di bagian paling atas halaman
website

 Footer (Bawah Website)

dalam arti harafiah berarti sesuatu yang ada di bagian bawah. Dalam halaman website
biasa terdapat di bagian paling bawah halaman website, biasanya berisi copyright atau
pemilik website tersebut.

 Menu bar (Menu Pembantu)

sederatan menu yang biasanya berisi navigasi ke halaman lain, iklan, social conect,
animasi, dll.

 Content
isi website