LATIHAN PSAS

PEMROGRAMAN WEB

Lihat Kisi-Kisi Pem. Web

Link Upload Tugas

DESAIN GRAFIS

Link Upload Tugas

Continue reading LATIHAN PSAS

Desain Grafis

Pengertian Desain 

Grafis Desain grafis adalah seni atau praktik merancang konten visual untuk menyampaikan pesan atau informasi. Desain grafis mencakup penggunaan elemen-elemen visual seperti gambar, teks, dan warna untuk menghasilkan karya yang tidak hanya menarik tetapi juga efektif dalam menyampaikan pesan kepada audiens. Desain grafis banyak digunakan dalam berbagai media seperti iklan, brosur, logo, poster, website, dan aplikasi. 

Prinsip Dasar Desain Grafis 

 Dalam pembuatan ilustrasi, terdapat beberapa prinsip dasar yang harus diperhatikan agar desain yang dihasilkan tidak hanya indah secara visual, tetapi juga mampu menyampaikan pesan dengan efektif. 

Berikut adalah tiga prinsip dasar desain grafis yang penting: 

 1. Komposisi, merujuk pada pengaturan elemen-elemen desain (seperti gambar, teks, dan bentuk) dalam sebuah karya agar terlihat seimbang dan harmonis. 

 2. Warna, adalah salah satu elemen terpenting dalam desain grafis karena dapat mempengaruhi suasana hati dan emosi audiens. Warna dapat memperkuat pesan yang ingin disampaikan, misalnya menggunakan warna hijau untuk melambangkan alam dan kesejukan, atau warna merah untuk menonjolkan energi dan urgensi. Pemilihan warna yang tepat akan membantu menciptakan kesan yang sesuai dengan tema desain. Teknik seperti warna komplementer, analogous colors, dan monochromatic colors dapat digunakan untuk menciptakan kesan tertentu. 

 3. Tipografi, adalah seni dan teknik menggunakan teks secara efektif dalam desain. Penggunaan font yang tepat akan memperkaya desain dan memudahkan audiens dalam membaca pesan. Pilihan jenis huruf (font), ukuran, jarak antar huruf (kerning), dan penempatan teks sangat penting dalam meningkatkan keterbacaan dan kesan desain. Tipografi yang baik mengutamakan kesesuaian dengan tema desain dan audiens yang dituju, misalnya menggunakan font yang elegan untuk desain formal atau font yang lebih playful untuk desain anak-anak.

LKPD dan Upload File

Continue reading Desain Grafis

Styling CSS

Menerapkan CSS pada : 

1. Font
   Dalam CSS, font ditentukan menggunakan beberapa paket properti font yang dapat mengatur tipe font, ukuran, ketebalan, dan style. Berikut merupakan daftar properti font yang akan kita pelajari.

• font-family: menetapkan jenis font yang akan diterapkan pada target. 
• font-size: menentukan ukuran pada teks. 
• font-weight: menentukan ketebalan pada teks. 
• font-style: menetapkan styling yang diterapkan pada teks. 
• font-variant: menentukan teks untuk menggunakan gaya small caps (huruf kapital kecil). 
• font: sebagai shorthand dari properti font yang ada. 
  Contoh :
  
  
  
  
  

        Lihat selengkapnya :

Continue reading Styling CSS

User Interface

 Dasar-Dasar Pengembangan Perangkat Lunak

§  Pengertian Pengembangan Perangkat Lunak

Pengembangan perangkat lunak adalah proses merancang, membuat, dan menguji aplikasi atau sistem digital yang dapat membantu memecahkan masalah atau memenuhi kebutuhan pengguna. Proses ini melibatkan berbagai tahap, mulai dari perencanaan hingga pemeliharaan.

§  Tahapan Utama Pengembangan Perangkat Lunak

1.     Analisis Kebutuhan: Mengidentifikasi masalah atau kebutuhan pengguna untuk memastikan perangkat lunak yang dibuat dapat memenuhi tujuan yang diharapkan.

2.     Desain: Merencanakan bagaimana perangkat lunak akan terlihat dan berfungsi. Desain ini mencakup struktur, tampilan, dan alur kerja aplikasi.

3.     Pengkodean (Coding): Menulis kode menggunakan bahasa pemrograman untuk membuat fitur-fitur yang telah dirancang.

4.     Pengujian (Testing): Menguji perangkat lunak untuk menemukan dan memperbaiki kesalahan atau bug.

5.     Pemeliharaan (Maintenance): Melakukan pembaruan atau perbaikan setelah perangkat lunak digunakan, termasuk memperbaiki bug dan menambahkan fitur baru jika diperlukan.

 

Dasar-Dasar User Interface (UI)

§  Pengertian User Interface (UI)

User Interface (UI) adalah bagian visual dari perangkat lunak yang memungkinkan pengguna berinteraksi dengan aplikasi atau website. UI melibatkan semua elemen grafis yang dapat dilihat dan digunakan oleh pengguna, seperti tombol, menu, ikon, dan layar.

§  Elemen Penting dalam User Interface

1.     Layout: Tata letak halaman yang mengatur elemen-elemen seperti teks, gambar, dan tombol agar mudah ditemukan dan digunakan.

2.     Tipografi: Pemilihan dan penggunaan jenis huruf yang sesuai untuk memastikan keterbacaan dan estetika.

3.     Warna: Pemilihan skema warna yang cocok dengan identitas aplikasi dan meningkatkan pengalaman pengguna.

4.     Ikon: Simbol visual yang membantu pengguna mengenali fungsi-fungsi tertentu, seperti ikon home, kembali, atau pengaturan.

5.     Komponen Interaktif: Elemen seperti tombol, form input, dan dropdown yang memungkinkan pengguna untuk memberikan input atau menjalankan tindakan.

§  Pengelolaan Aset Visual dalam UI

1.     Gambar: Pastikan gambar yang digunakan berkualitas tinggi dan relevan dengan fungsi aplikasi.

2.     Video: Gunakan video yang informatif namun tidak memberatkan performa aplikasi.

LKPD

Continue reading User Interface

CSS

 Sintaks CSS berbeda dengan HTML, begitu pula dengan JavaScript. CSS

bukanlah sebuah bahasa pemrograman karena tidak ada logika, tidak ada

sintaks pengondisian, tidak ada proses iterasi, dsb. CSS hanya

sebuah declarative language yang digunakan untuk mendeklarasikan suatu nilai

yang nantinya digunakan untuk mengatur tampilan sebuah elemen HTML pada

browser.

Lihat Selengkapnya

Continue reading CSS

Perangkat Lunak Grafis

Perangkat lunak grafis adalah program komputer yang digunakan untuk membuat, mengedit, dan memanipulasi gambar atau desain visual. Perangkat lunak ini sangat penting dalam berbagai bidang seperti desain grafis, animasi, fotografi digital, ilustrasi, dan bidang lainnya yang memerlukan manipulasi gambar.

 Dalam pembelajaran ini, kita akan membahas berbagai jenis perangkat lunak grafis, fungsi utamanya, dan beberapa aplikasi yang umum digunakan dalam dunia desain grafis.

 Tujuan Pembelajaran

1. Memahami pengertian perangkat lunak grafis.

2. Mengetahui jenis-jenis perangkat lunak grafis dan kegunaannya.

3. Mampu menjelaskan fungsi dari perangkat lunak grafis dalam berbagai bidang.

4. Mengenal contoh-contoh perangkat lunak grafis populer.

 

 A. Pengertian Perangkat Lunak Grafis

Perangkat lunak grafis adalah aplikasi yang dirancang untuk membuat atau memodifikasi gambar digital. Gambar tersebut dapat berupa gambar vektor, raster, atau 3D. Program-program ini digunakan oleh para desainer untuk mengerjakan proyek desain grafis, animasi, dan visual lainnya.

 

 B. Jenis-jenis Perangkat Lunak Grafis

Perangkat lunak grafis umumnya terbagi menjadi beberapa kategori berdasarkan fungsinya. Berikut adalah beberapa jenis perangkat lunak grafis:

 

# 1. Perangkat Lunak Pengolah Gambar Raster

   Gambar raster terdiri dari piksel, setiap piksel memiliki warna tertentu. Perangkat lunak ini digunakan untuk memanipulasi foto atau gambar berbasis piksel.

   - Contoh:

     - Adobe Photoshop: Digunakan untuk pengeditan foto profesional dan membuat gambar digital.

     - GIMP (GNU Image Manipulation Program): Perangkat lunak open-source yang berfungsi sama seperti Photoshop.

  

# 2. Perangkat Lunak Pengolah Gambar Vektor

   Gambar vektor terdiri dari bentuk geometris seperti garis, titik, dan kurva yang bisa diperbesar tanpa kehilangan kualitas. Perangkat lunak ini digunakan untuk ilustrasi, logo, dan desain lainnya.

   - Contoh:

     - Adobe Illustrator: Software profesional untuk membuat gambar vektor dan ilustrasi.

     - CorelDRAW: Digunakan untuk desain grafis vektor seperti logo, brosur, dan poster.

     - Inkscape: Perangkat lunak grafis vektor open-source.

  

# 3. Perangkat Lunak 3D Modeling

   Perangkat lunak ini digunakan untuk membuat dan memanipulasi objek 3D. Biasanya digunakan dalam animasi, video game, dan arsitektur.

   - Contoh:

     - Blender: Perangkat lunak open-source untuk 3D modeling, animasi, dan rendering.

     - Autodesk 3ds Max: Digunakan untuk pembuatan game, animasi, dan visualisasi arsitektur.

     - SketchUp: Software 3D modeling yang sering digunakan dalam arsitektur dan desain interior.

 

# 4. Perangkat Lunak Animasi

   Perangkat lunak ini khusus digunakan untuk membuat animasi 2D atau 3D.

   - Contoh:

     - Adobe Animate: Software untuk animasi vektor 2D, sering digunakan dalam pembuatan kartun dan iklan animasi.

     - Toon Boom Harmony: Software animasi 2D yang digunakan untuk produksi animasi profesional.

     - Blender: Selain modeling 3D, Blender juga digunakan untuk animasi 3D.

 

 C. Fungsi Perangkat Lunak Grafis

1. Membuat Desain Visual: Digunakan oleh desainer untuk membuat logo, poster, brosur, kartu nama, dan berbagai media visual lainnya.

2. Editing Foto: Mengedit dan memodifikasi foto dengan perangkat lunak raster seperti Photoshop.

3. Membuat Ilustrasi: Seniman dan ilustrator menggunakan software vektor untuk membuat gambar yang tidak bergantung pada resolusi.

4. 3D Modeling dan Animasi: Perangkat lunak ini digunakan untuk membuat model 3D, animasi, dan simulasi objek tiga dimensi.

5. Rendering: Proses membuat gambar akhir atau visual dari model 3D dengan kualitas tinggi, sering digunakan dalam film dan iklan.

 

 D. Contoh Penerapan Perangkat Lunak Grafis

1. Desain Grafis: Desainer menggunakan software grafis untuk menciptakan karya seperti logo, brosur, dan materi iklan.

2. Fotografi Digital: Fotografer mengedit dan meningkatkan kualitas foto menggunakan perangkat lunak seperti Photoshop dan Lightroom.

3. Animasi dan Film: Film animasi dan visual efek dalam film sering menggunakan perangkat lunak 3D seperti Blender atau Autodesk Maya.

4. Arsitektur dan Desain Interior: Perangkat lunak 3D seperti SketchUp dan AutoCAD digunakan untuk merancang bangunan, membuat simulasi interior, dan memvisualisasikan proyek konstruksi.

 

 E. Keuntungan Menggunakan Perangkat Lunak Grafis

1. Kreativitas Tanpa Batas: Software grafis memungkinkan desainer untuk menuangkan kreativitas mereka dalam bentuk visual.

2. Presisi dan Akurasi: Perangkat lunak vektor memungkinkan desainer untuk membuat gambar dengan presisi tinggi yang bisa diperbesar tanpa kehilangan kualitas.

3. Fleksibilitas: Perangkat lunak grafis dapat digunakan untuk berbagai keperluan mulai dari desain cetak, web, hingga animasi.

4. Proses Efisien: Dengan bantuan fitur-fitur otomatis dan tool digital, proses desain menjadi lebih cepat dan efisien.

 

Lihat Materi

Link Pengumpulan Tugas X PPLG 1

Link Pengumpulan Tugas X PPLG 2

##############################

LINK TRACING KARAKTER X PPLG 1

LINK TRACING KARAKTER X PPLG 2

Continue reading Perangkat Lunak Grafis

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

Pencarian, Pengurutan dan Sistem Bilangan

Pencarian 

Hidup adalah pencarian yang tiada henti. Mari, kita berpikir ke pengalaman “mencari” dalam kehidupan sehari-hari. Perhatikan contoh berikut.

1. Pernahkah kalian merasa kebingungan saat mencari sebuah buku di lemari buku kalian? Atau bahkan di perpustakaan? Saat kalian meminta bantuan kepada petugas perpustakaan, mengapa dia dapat menemukan buku yang kalian cari dengan waktu yang lebih singkat?
2. Suatu hari, kalian kehilangan baju seragam yang harus dipakai pada hari itu dan kalian mencarinya. Apa strategi kalian supaya baju tersebut cepat ditemukan?
3. Kalian mengingat sebuah potongan lirik lagu, tetapi tidak ingat judul lagu tersebut. Bagaimana kalian bisa menemukan lagu tersebut dengan cepat?

Lihat Selengkapnya

Pengurutan

Saat merapikan sesuatu, misalnya koleksi buku, kita menyusun buku tersebut dengan menggunakan suatu aturan. 

Misalnya, jika kita memiliki koleksi buku cerita berseri, kemungkinan besar kita akan menyusunnya secara berurut dari volume pertama hingga volume yang terbaru. 

Atau, ketika sedang berbaris, kita diminta untuk membentuk barisan berdasarkan tinggi badan. Hal-hal tersebut merupakan sebuah proses pengurutan atau sorting. 

Proses pengurutan akan menjadi bagian yang tidak terpisahkan dari program komputer atau aplikasi yang sering kita gunakan.

Lihat Selengkapnya

Continue reading Pencarian, Pengurutan dan Sistem Bilangan

Pengenalan HTML

 Pengantar HTML

Pada modul sebelumnya, Anda sudah belajar banyak hal sebagai penuntun Anda memasuki front-end web development. Ada banyak pengetahuan yang telah diserap, seperti cara internet bekerja, website dan halaman web, web server, dan web browser. Selain itu, kamu juga sudah memahami anatomi dari website sehingga memahami komponen vital pembangun website. Nah, saat ini, seharusnya Anda sudah siap untuk memulai gathering knowledge tentang teknik pembangunan aplikasi web.

 

Apakah Anda masih ingat HTML? Ia merupakan satu-satunya bahasa markup untuk membangun struktur halaman website. Sebagaimana telah dipelajari sebelumnya, HTML dianalogikan seperti kerangka hewan yang menentukan bentuk tubuhnya. Hal ini menjadikan setiap hewan memiliki bentuk yang bermacam-macam.

Lihat selengkapnya di Jobsheet

Continue reading Pengenalan HTML

Prinsip Desain Grafis

Seni Rupa & Desain

• Seni Rupa Terapan, adalah seni rupa yang dihadirkan dari tujuan praktis. Karya yang digunakan dari benda-benda dengan kebutuhan sehari-hari masyarakat, seperti senjata, poster, keramik, rumah dan lain-lain.
• Seni Rupa Murni adalah karya seni rupa yang diciptakan bukan untuk tujuan digunakan melainkan untuk mengungkapkan ide dari penciptanya dan hanya mengutamakan nilai keindahan. Seni rupa terapan, bebas untuk semua orang dalam mengungkapkan keinginan, harapan, impian, khayalan dalam karya seninya.

Lihat Selengkapnya

Prinsip Desain Grafis

Desain 

• Bentuk komunikasi visual yang menggunakan gambar untuk menyampaikan informasi atau pesan seefektif mungkin.
• TEKS juga dianggap gambar karena merupakan hasil abstraksi simbol-simbol yang bisa dibunyikan. Desain grafis diterapkan dalam desain komunikasi dan fine art.

• Desain
  • Kata Kerja proses untuk membuat dan menciptakan produkbaru
  • Kata Benda → hasil akhir dari proseskreatif (rencana, proposal, atau berbentuk obyek nyata)
• Desain grafis adalah suatu bentuk komunikasi visualyang menggunakan gambar untuk menyampaikan informasi atau pesan seefektif mungkin (Laksana, 2013)
• Desain Grafis adalah suatuproses pemikiran yang diwujudkan dalam gambar/grafis. (Endang Endratman, S.T., 2008)
• Desain Komunikasi Visual (DKV) adalah cabang ilmu desain yang mempelajari konsep komunikasi dan ungkapan kreatif, teknik dan media dengan memanfaatkan elemen-elemen visual ataupun rupa untuk menyampaikan pesan untuk tujuan tertentu.

Lihat Selengkapnya

Tugas 1

Link Pengumpulan Tugas 1

Continue reading Prinsip Desain Grafis

Pengenalan Halaman Web dan Website

 Pengantar Web Programming

Internet, website, halaman web, dan browser. Apakah Anda memahami keempat istilah tersebut? Bagi Anda yang sering berselancar di browser (peramban), tentu tidak asing lagi dengan keempat istilah tersebut. Dalam pekerjaan di bidang apa pun, termasuk pelajar, mencari informasi di internet (web) merupakan hal yang sangat mudah dan efektif. Bahkan, saat ini banyak website yang sangat membantu pekerjaan manusia agar semakin produktif.

Pernahkah Anda bertanya-tanya berapa jumlah angka pengguna internet di Indonesia? Berdasarkan laporan dari Simon Kemp di datareportal.com, angka yang menunjukkan jumlah pengguna internet di Indonesia mencapai 212,9 juta dari total populasi sebesar 276,4 juta di bulan Januari 2023. Ini merupakan angka yang sangat tinggi dan kebutuhan akan internet pun semakin meningkat dari waktu ke waktu.

Bagi Anda yang sedang memasuki dunia web development, tentu levelnya sudah bukan user biasa lagi. Derajat Anda akan meningkat dan memiliki kemampuan untuk mengembangkan website yang andal. Website memiliki peran yang sangat tinggi bagi banyak sektor dalam kehidupan manusia. Misalnya, dalam sektor bisnis, website dapat meningkatkan angka konsumen dengan mempromosikan produk atau jasa yang ditawarkan.

Pada beberapa materi berikutnya, Anda akan berkenalan dan memahami cara internet bekerja, pengertian website dan halaman web, web browser beserta cara kerjanya, web server, dan anatomi halaman website. Ini merupakan hal yang penting untuk diketahui oleh para web developer. Jika tidak demikian, rasanya kurang pas, bukan?

Lihat Selengkapnya ...

Download Kerangka Analisis Website

Jobsheet

Link Upload Tugas Analisis Website

Link Upload Tugas Profil Diri

Continue reading Pengenalan Halaman Web dan Website