Membuat Konten Biografi di Wordpress

 Petunjuk Tugas:

1. Pilih Tokoh Inspiratif:

   • Pilih satu tokoh inspiratif, baik dari bidang pendidikan, seni, olahraga, ilmu pengetahuan, politik, atau sosial.
   • Tokoh bisa berasal dari dalam negeri maupun luar negeri.

2. Kumpulkan Informasi:

   • Lakukan riset untuk mengumpulkan informasi tentang tokoh tersebut, termasuk:
     • Nama lengkap dan tanggal lahir.
     • Latar belakang keluarga dan pendidikan.
     • Pencapaian karier atau kontribusi dalam bidangnya.
     • Pengaruh tokoh terhadap masyarakat atau bidang yang digelutinya.
     • Kehidupan pribadi, jika relevan dengan biografi.
   • Gunakan buku, artikel, situs web terpercaya, atau sumber lainnya untuk mengumpulkan data.

3. Tulis Biografi:

   • Tulis biografi dalam format esai yang terdiri dari:
     • Pendahuluan: Perkenalan singkat tentang tokoh dan alasan memilihnya.
     • Isi Biografi:
       1. Latar belakang keluarga dan pendidikan.
       2. Perjalanan karier dan pencapaian penting.
       3. Dampak atau pengaruh yang diberikan kepada dunia atau masyarakat.
     • Penutup: Refleksi tentang apa yang dapat dipelajari dari tokoh tersebut.

4. Struktur Tulisan:

   • Tuliskan biografi dengan panjang minimal 500 kata.
   • Gunakan bahasa yang formal dan tata bahasa yang baik.
   • Susun paragraf secara sistematis agar mudah dibaca dan dipahami.

5. Kreativitas Tambahan (Opsional):

• Tambahkan foto tokoh jika tersedia.
• Buat timeline singkat tentang kehidupan dan pencapaian tokoh.

Kirim link tugasnya ke Link Wordpress

Continue reading Membuat Konten Biografi di Wordpress

Semantic HTML

Semantic HTML

Mengorganisasi Halaman Konten

Hierarki pada sebuah website merupakan hal yang penting. Elemen yang terdapat pada HTML perlu dikelompokkan menjadi beberapa bagian.

Lihat Selengkapnya

Continue reading Semantic HTML

Halaman Web

HTML

HTML (Hyper Text Markup Language) adalah sebuah bahasa formatting yang digunakan untuk membuat sebuah halaman website. Dengan HTML, pengembang website dapat memastikan bahwa text, gambar dan multimedia dapat menyatu dengan elemen lainnya ketika dijalankan di browser. Standarisasi HTML diciptakan oleh sebuah lembaga konsorsium pada tahun 1997 yang bernama W3C atau World Wide Web Consortium. Sampai saat ini HTML sudah sampai pada versi 5. HTML5 sudah memiliki banyak sekali fitur tambahan salah satunya, dengan HTML5 memungkinkan kita untuk membuat streaming video tanpa bantuan adobe flash. 

Manfaat HTML5 bagi Developer

1. Penanganan error yang persisten
   Algoritma parsing yang lebih berkembang yang digunakan di HTML5 memiliki banyak manfaat. Survey membuktikan bahwa sekitar 90% website rentan terhadap kode yang salah. Dengan ini, penanganan error yang ada bisa membantu developer dalam pengerjaan. 
2. Semantik yang lebih baik
   Untuk meluaskan kode, pengembangan dilakukan juga untuk kontribusi semantik mulai berbagai element yang ada. Section, article, nav dan header dengan sejumlah element baru yang kini beralih ke element div dan ini menjadi trik pembetulan error yang lebih mudah
3. Dukungan lebih lanjut untuk fitur web application
   Tujuan pokok HTML adalah membuat browser dapat berguna sebagai platform aplikasi. Kebutuhan website kini semakin tinggi, oleh karena itu HTML5 memberikan developer agar dapat mengendalikan secara luas seperti mengatur performa website. Sebelumnya, web developer harus memanipulasi beberapa teknik karena banyak teknologi server-side dan ekstensi browser belum tersedia. 
4. Website responsive di mobile menjadi lebih mudah
   Saat ini, HTML5 memberikan support untuk perangkat bergerak dengan jauh lebih sederhana, sehingga halaman web bisa berjalan baik dan menyesuaikan dengan perangkat akses yang digunakan seperti hp, tablet maupun smartphone. 
5. Elemen canvas
   Elemen canvas merupakan salah satu fitur HTML5 yang paling banyak diperbincangkan oleh web developer. Dengan menggunakan elemen canvas, developer bisa menggambar menggunakan warna dan bentuk yang berbeda, dengan menggunakan script (misalnya JavaScript).
6. Elemen menu
   Elemen menu merupakan spesifikasi elemen yang interaktif yang jarang digunakan atau diperbincangkan oleh web developer. Meski begitu, elemen menu ini layak digunakan untuk meningkatkan interaksi pada web, mobile dan desktop agar lebih sederhana. 
7. Cookies
   HTML5 menyediakan fitur penting untuk mendukung penyimpanan lokal (local storage). Object localStorage merupakan bagian global window namespace dan bisa diakses darimanapun yang diinginkan saat menggunakan script.

Lihat Selengkapnya

Continue reading Halaman Web

Website dan Wordpress

Materi: Pengenalan Website dan WordPress

1. Pengertian Website

Website adalah sekumpulan halaman yang dapat diakses melalui internet dan memiliki domain atau URL unik. Setiap halaman pada website biasanya berisi informasi, gambar, video, dan berbagai elemen multimedia lainnya. Website digunakan untuk berbagai tujuan seperti penyebaran informasi, penjualan produk, atau sekadar untuk berbagi ide atau blog.

 2. Jenis-jenis Website

- Website Statis: Kontennya tidak berubah secara otomatis dan harus diubah secara manual oleh pengembang. Biasanya dibuat dengan HTML, CSS, dan JavaScript.

- Website Dinamis: Konten dapat diperbarui secara otomatis oleh pemilik situs tanpa perlu merubah kode dasar. Biasanya dibangun menggunakan CMS (Content Management System) seperti WordPress, Joomla, atau Drupal. 

 3. Content Management System (CMS)

CMS adalah platform yang memungkinkan pengguna untuk membuat, mengelola, dan mempublikasikan konten di website tanpa perlu pengetahuan teknis mendalam. Salah satu CMS paling populer adalah WordPress.

 4. WordPress

WordPress adalah CMS open-source yang sangat populer dan mudah digunakan untuk membuat berbagai jenis website, dari blog sederhana hingga website bisnis yang kompleks.

 Keunggulan WordPress:

- User-friendly: Antarmukanya mudah dipahami bahkan bagi pemula.

- Kustomisasi Mudah: Terdapat ribuan tema dan plugin yang memungkinkan pengguna mengubah tampilan dan fungsi website.

- SEO Friendly: WordPress menyediakan alat untuk mengoptimalkan website agar mudah ditemukan di mesin pencari.

- Responsive Design: Sebagian besar tema di WordPress sudah dirancang agar tampil baik di perangkat mobile.

- Komunitas Besar: Banyak tutorial, dukungan, dan plugin gratis yang disediakan oleh komunitas WordPress.

 

 5. Langkah-Langkah Membuat Website dengan WordPress

1. Pilih Domain dan Hosting:

   - Domain adalah nama unik yang digunakan sebagai alamat website (misal: www.example.com).

   - Hosting adalah tempat menyimpan semua file website agar bisa diakses melalui internet.  

2. Install WordPress:

   - Setelah membeli hosting, biasanya penyedia hosting akan menyediakan fitur "1-click install" untuk menginstal WordPress.

3. Pilih Tema:

   - Tema menentukan tampilan visual website. WordPress memiliki ribuan tema gratis dan berbayar.

4. Install Plugin:

   - Plugin adalah alat tambahan untuk menambah fitur di WordPress, seperti formulir kontak, galeri foto, atau SEO tools.

5. Buat dan Publikasikan Konten:

   - Mulailah membuat halaman (About, Services, Contact) dan posting blog jika diperlukan.

 6. Contoh Website yang Dibuat dengan WordPress

- Blog Pribadi: Tempat untuk berbagi cerita, artikel, atau jurnal pribadi.

- Toko Online: Menggunakan plugin seperti WooCommerce, pengguna bisa membuat toko online dan menjual produk.

- Portfolio Digital: Desainer, fotografer, dan seniman dapat membuat website portfolio untuk menampilkan karya mereka.

 7. Tips untuk Membangun Website yang Baik:

- Tampilan Responsif: Pastikan website dapat diakses dengan baik di semua perangkat (desktop, tablet, dan smartphone).

- Kecepatan Website: Optimalkan gambar dan script untuk mempercepat loading halaman.

- Navigasi yang Mudah: Struktur navigasi harus jelas sehingga pengunjung dapat menemukan informasi dengan cepat.

- SEO (Search Engine Optimization): Gunakan plugin SEO untuk membantu website mudah ditemukan oleh mesin pencari seperti Google.

Dengan menggunakan WordPress, siapa pun dapat membangun website yang profesional tanpa perlu kemampuan coding yang mendalam.

Berikut beberapa tema konten yang bisa diangkat dalam sebuah website WordPress: 

 1. Blog Pribadi

   - Tema: Pengalaman Hidup, Cerita Sehari-hari, Hobi, atau Perjalanan.

   - Contoh: Membuat blog tentang perjalanan traveling ke berbagai tempat unik dan tips perjalanan hemat.

 2. Bisnis dan Portofolio

   - Tema: Jasa, Produk, atau Hasil Karya.

   - Contoh: Website portofolio fotografer atau desainer grafis yang menampilkan hasil karya mereka.

 3. Toko Online (E-commerce)

   - Tema: Penjualan Produk atau Jasa.

   - Contoh: Membuat toko online yang menjual pakaian, aksesoris, atau produk digital seperti eBook.

 4. Website Edukasi

   - Tema: Tutorial, Pembelajaran Online, atau Kursus.

   - Contoh: Website yang menawarkan kursus online seperti coding, desain grafis, atau kelas memasak.

 5. Website Berita

   - Tema: Informasi Aktual, Berita, atau Artikel Berdasarkan Topik Tertentu.

   - Contoh: Website berita tentang teknologi terkini, gadget, atau tren industri.

 6. Komunitas dan Forum

   - Tema: Diskusi, Komunitas, atau Forum Online.

   - Contoh: Membuat komunitas online untuk berbagi minat seperti komunitas startup, forum teknologi, atau grup belajar.

 7. Website Portofolio

   - Tema: Hasil Karya, Testimoni, dan CV Online.

   - Contoh: Menampilkan portfolio digital seorang arsitek, penulis, atau videografer.

 

LINK WORDPRESS

Continue reading Website dan Wordpress

Prinsip Dasar Komunikasi

Dasar Komunikasi 

Secara umum banyak pengertian komunikasi yang dipahami oleh seseorang, antara lain: 

• Komunikasi adalah pernyataan diri yang efektif; 
• Komunikasi adalah pertukaran pesan-pesan yang tertulis, pesan-pesan dalam percakapan, bahkan melalui imajinasi; 
• Komunikasi adalah pertukaran informasi atau hiburan dengan kata- kata melalui percakapan atau metode lain; 
• Komunikasi adalah pertukaran makna antarpribadi dengan sistem simbol; 
• Proses mengalihkan pesan melalui saluran tertentu kepada orang lain dengan efek tertentu

Lihat selengkapnya...

Tugas Desain Brief

Link Pengumpulan Tugas Desain Brief

Continue reading Prinsip Dasar Komunikasi