PENGAJAR BELAJAR di gurudigital


 Senin, 10 Agustus 2020

Trainer : SIREGAR BUKTI

Alhamdulillah, akhirnya bisa ikut belajar sekitar website, bersama guru-guru hebat, trainer Bpk Siregar Bukti, Host Bpk Asep Nurhidayat

MATERI HARI KE1 (Senin, 10 Agustus 2020)

SESI 1

Pengembangan web (pengenalan)

Kami diajak mengenal apa itu website, istilah, pengertian, mencoba melihat website yang ada di internet, membandingkan satu dengan yang lainnya, sehingga kita tahu seharusnya bagaimana membuat website yang menarik, uptude, orang merasa senang dengan desain website yang kita buat. Trainer sesekali mengarahkan peserta ke umpan balik ataupun review materi sebelum ke materi selanjutnya, apakah pelajaran bisa diikuti dengan menjawab pertanyaan lewat www.slido.com. Untuk membuat website layaknya kita membuat blog, mau menggunakan blogger, wordpress. Yang kita kuasai yang mana.

Materi yang diajarkan adalah:

  • mempelajari alur Belajar pengembangan web, 
  • Lanskap pengembangan web 2020, 
  • menganalisis teknologi pada web

Dalam belajar website itu susah menghafal sintaks yang digunakan, solusinya semakin sering kita gunakan, semakin banyak kita ingat. Mulai dari mana, bingung harus belajar pemrograman apa yang digunakan, solusi yang digunakan kita bisa browsing, sumber artikel kebanyakan  berbahasa Inggris tidak menghalangi kita untuk belajar yang penting ada kemauan.

Website pada perusahaan besar dibangun oleh sebuah tim, yang mempunyai tugas dan perannya masing-masing, bagian-bagian itu diantanya:

  1. Frontend Developer, bekerja membangun aplikasi client, fokus pada bagaimana aplikasi dapat terlihat baik, konten, gambar, struktur tampilannya indah, HTML, CSS,Javascript
  2. Backend Developer, bekerja membangun aplikasi server, fokus bagaimana alikasi dapat berjalan baik, alur bisnis, pengpolahan data, performa, PHP, Java, API, Server dll.
  3. DevOps, bertanggung jawab atas server, dan operasional dalam pengembangan web, memastikan server berjalan baik, membangun otomasi untuk alur kerja developer
  4. Desainer, meneliti, dan memvalidasi kebutuhan pengguna, mendesain tampilan web dari kebutuhan yang telah di validasi, memastikan desain yang nyaman untuk pengguna.
Perangkat dasar dalam pengembangan web
computer & OS        : McOS, Linu, Windows
Terminal                    : iTern, Bash, Powershell
Editor teks                :  VSCode, Atom, Sublime Tet
Peramban web            :  Chrome, Firefo, Safari, Edge
Desain (Opsional)     :  Adobe D, Figma, Photoshop

Untuk membuat website yang baik, kita peru belajar dan tahu teknologi dari web yang kita kunjungi, istilahnya belajar dari contoh sukses, dengan mengenali tampilan, dan tool yang digunakan. caranya dengan : Wappalyzer.com/download
caranya:
  • Buka wappalyzer.com/download
  • Pilih browser yang digunakan misal chrome
  • Pilih halaman chrome web store, pilih Add to chrome, lalu konfirmasi penginstalan
  • Setelah terinstal, kita menelusuri web dengan melihat ikon kanan atas yang menandakan teknologi  yang  digunakan oleh web tersebut.

SESI 2 

Pengenalan ke UI dan U

  • UI (User Interface): Tampilan sebuah produk dimana pengguna berinteraksi
  • U (User perience): Pengalaman pengguna secara keseluruhan ketika pengguna memakai sebuah servis atau produk
  • Website difokuskan kepada arsitektur informasi, karena banyaknya informasi yang bisa ditampung sebuah halaman web.

Menguasai Konsep Prototyping

Prototyping adalah proses visualisasi ide dan juga proses pembangunan ide. Wireframe adalah kerangka atau coretan kasar yang isinya adalah gambaran konten yang akan ditampilkan dalam sebuah website atau app. Saat mnembuat user flow, desainer sesungguhnya sedang memikirkan bagaimana cara memandu pengguna dalam menggunakan solusi yang kita rancang. Wireframing adalah proses yang penting supaya desainer bisa memvisualisasikan ide yang menghemat waktu dan uang. Ada 8 golden rules dalam mendesain, yaitu: 

  1. Konsisten dalam penggunaan warna, typography, visual dan feel
  2. Menghadirkan jalan pintas untuk menyelesaikan suatu aksi
  3. Berikan pengguna wawasan tentang apa yang sedang terjadi
  4. Menunjukkan bahwa tugas sudah selesai sambil memberikan umpan balik yang informatif
  5. Meminimalisir kesalahan pengguna dengan menunjukkan peringatan, indikator, atau penanda
  6. Membolehkan pengguna untuk menggagalkan aksi mereka
  7. Memberikan pengguna kendali atas tindakan mereka pada suatu aplikasi
  8. Memberikan jalan pintas ke beberapa fitur yang sering digunakan oleh pengguna
Untuk mempraktekkan materi UI/U adalah di:
https://www.figma.com/




#gurudigital





Komentar

  1. A. MERDIANTO10 Agustus 2020 pukul 04.17

    Banyak istilah yg tidak saya pahami, mungkin enak jika bentuknya video tutorial ya bu :)

    BalasHapus

Posting Komentar

Postingan populer dari blog ini

PERKEMBANGAN TIK

 Sabtu, 5 September 2020 PERKEMBANGAN TIK        Dunia semakin maju, sebagai pengguna teknologi, seperti smartphone, internet, laptop, faximile dan sebagainya kita tentunya harus terbiasa dan bisa menggunakan, tidak lagi dikatakan "gaptek" (gagap teknologi). Untuk selanjutnya Teknologi Informasi dan Komputer (TIK) berperan besar dalam perubahan peradapan manusia.        TIK sendiri mencakup 2 (dua) aspek, yaitu teknologi informasi dan teknologi komunikasi. teknologi informasi meliputi segala hal yang berkaitan dengan proses, penggunaan sebagai alat bantu, manipulasi dan pengolahan informasi. Sedangkan teknologi komunikasi adalah segala sesuatu yang berkaitan dengan penggunaan alat bantu untuk memproses dan menstranfer data perangkat yang satu ke lainnya. Istilah TIK sendiri muncul setelah adanya perpaduan antara teknologi komputer, baik berupa perangkat keras maupun perangkat lunak) dengan teknologi komunikasi pada pertengahan bat ke-20. perp...
Baca selengkapnya

Menerbitkan Buku dari Hasil PTK (Penelitian Tindakan Kelas)

Gambar
Rabu, 3 Juni 2020 Kali ini aku berusaha ingat-ingat ada jam pembelajaran menulis melalui WA group setiap Senin, Rabu, Jum'at. Pematerinya cantik, biasa di panggil bu Hati, Editor dan Pegiat Literasi, aku panggil mbak sajalah..masih muda, cantik, berprestasi. Nara sumber bu Fatimah dari Aceh, om Jay ikut membuka  dan menutup pertemuan. Menulis diwajibkan untuk PNS untuk kenaikan pangkat. Modal awal atau titik awal untuk menentukan PTK adalah latar belakang . Untuk mendapatkan PAK (Penilain Angka Kredit),  PTK bisa dijadikan artikel untuk dijurnalkan, bisa juga dijadikan buku. Jika menjadi buku lebih bermanfaat sebagai literasi bacaan pendidik lain untuk melakukan PTKnya. Sebagai editor beliau tidak asal langsung cetak hasil PTK, tetapi mengubah terlebih dahulu layaknya buku yang menarik untuk dibaca. Beliau memberikan file-file pdf, tetapi boleh hanya untuk dibaca peserta sebagai pengetahuan tidak untuk dipublikasikan di web (untuk ilmu bagi peserta) dan cukup aku pahami. Aku s...
Baca selengkapnya

Mas Brian Sang blogger Muda

Gambar
Senin, 15 Juni 2020 A. Profile Nara Sumber Nara sumber yang ini masih muda, aku panggil Mas Brian saja. Berikut profilenya: Nama lengkapnya Raimundus Brian Prasetyawan, S.Pd.  Tempat tgl lahir: Jakarta, 30 Juni 1992 Pendidikan: S1 PGSD Pekerjaan: Guru SD Tempat tinggal: Bekasi Aktivitas lain: ngeblog sejak 2009, Menulis buku,  puluhan artikel dimuat media cetak. B. Pengalaman Nara sumber Mas Brian ini awal ngeblog diajak teman dan tetap eksis di blog karena motivasi. Awal ngeblog motivasi statistik blog,  merasa senang jika banyak dikunjungi dan senang jika banyak halaman yang berhasil tembus di halaman pertama google dan tetap berusaha konsisten untuk tetap menulis di blog. Motivasi untuk ngeblog sendiri ada 2, yaitu hasil ngeblog dan target ngeblog. Untuk memunculkan kurangnya Ide tulisan kerap menjadi penghambat aktivitas menulis kita, Terkadang  kita sudah berada di depan laptop dan siap menulis, tapi masih bingung mau menulis apa. Menurut mas Bria , kita tidak p...
Baca selengkapnya