Postingan

Menampilkan postingan dari Desember, 2021

cara membuat chrome extensions

Gambar
cara membuat chrome extensions 1. Buat manifes Ekstensi dimulai dengan manifesnya. Buat file bernama manifest.json dan sertakan kode berikut. Direktori yang menyimpan file manifes dapat ditambahkan sebagai ekstensi dalam mode pengembang dalam kondisi saat ini.  2.Buka halaman Manajemen Ekstensi dengan menavigasi ke chrome://extensions. Atau, buka halaman ini dengan mengklik tombol menu Extensions dan pilih Manage Extensions di bagian bawah menu. Atau, buka halaman ini dengan mengeklik menu Chrome, arahkan kursor ke Lebih Banyak Alat, lalu pilih Ekstensi Aktifkan Mode Pengembang dengan mengklik sakelar sakelar di sebelah mode Pengembang. Klik tombol Load unpacked dan pilih direktori ekstensi ekstensi telah berhasil diinstal. Karena tidak ada ikon yang disertakan dalam manifes, ikon umum akan dibuat untuk ekstensi. Ekstensi dapat memiliki banyak bentuk antarmuka pengguna; yang ini akan menggunakan popup. Buat dan tambahkan file bernama popup.html ke direktori ekstensi.  Ekstensi...

installasi wordpress di localhost

Gambar
  Mendownload Software XAMPP Kamu bisa mendownload XAMPP secara gratis dengan mengakses website Apache Friends  di sini . Lalu download sesuai dengan pilihan apakah kamu menggunakan sistem operasi Windows, Mac atau Linux. Install XAMPP di Komputermu Jika file XAMPP sudah selesai terdownload maka kamu tinggal menginstallnya di komputer kamu. Caranya, klik kanan pada file lalu klik  Run  /  Run as administrator  Lalu kamu tinggal klik ‘ next ’ sampai akhirnya proses penginstallan dimulai. Aktifkan Apache dan MySQL Jika sudah, selanjutnya kamu aktifkan Apache dan MySQL dengan mengklik tombol ‘ start ’, dan jika sudah diklik akan berubah menjadi warna hijau. Test Koneksi Sekarang saatnya menguji server lokal kamu. Untuk itu, buka aplikasi browser apa saja di komputermu lalu ketik  http://localhost  . Jika semuanya baik-baik saja, maka kamu akan melihat layar selamat datang XAMPP berikut: Membuat Database MySQL Selanjutnya, hal yang dibutuhkan untuk me...

CARA INSTALL GIT DI WINDOWS DAN PENGENALAN GIT DASAR

Gambar
  Install GIT di Windows 1.download installer GIT untuk Windows. 2. Setelah download, buka file tersebut untuk menjalankan proses instalasi. Ikuti semua instruksi, klik Next dan Finish hingga semua proses instalasi selesai. 3. Jalankan perintah berikut ini di terminal: git config --global user.name "John Smith" git config --global user.email "example@email.com" Menggunakan GIT Setelah repository selesai dibuat, kita akan membahas tentang struktur pada GIT. Setiap repository lokal memiliki 3 cabang, yaitu: direktori kerja yang mengandung file; index berperan sebagai staging area dan HEAD yang menjadi penunjuk commit terakhir yang dilakukan oleh user. Jadi, seperti inilah cara kerjanya: user menambahkan file atau melakukan perubahan dari direktori kerja ke index (staging area) dan setelah di-review, file atau perubahan di-commit ke HEAD. Perintah ADD dan COMMIT : Perubahan yang diajukan atau file tambahan akan ditambahkan ke index dengan menggunakan perintah add....

PENGERTIAN BOOTSTRAP DAN CARA INSTALL BOOTSTRAP OFFLINE

Gambar
  Apa itu Bootstrap? Bootstrap adalah framework CSS yang dikhususkan untuk pengembangan front-end website. Framework ini mempunyai nama asli Twitter Blueprint. Ada kata ‘Twitter’ karena pada awalnya dikembangkan untuk sosial media Twitter yang sangat terkenal saat ini dengan pengguna hampir 326 juta orang. Sebelum Bootstrap muncul, sudah ada framework lain yang tersedia. Hanya saja tingkat konsistensi dalam proses pengembangan buruk. Selain itu juga butuh biaya perawatan mahal. Berdasarkan permasalahan ini, akhirnya para pengembang menemukan Bootstrap. Berbeda dengan framework sebelumnya, Bootstrap dikenal konsisten dan lebih sederhana. Bootstrap adalah salah saatu frameework yang memungkinkan developer dapat mengembangkan website dengan mudah dan cepat. Developer hanya perlu memanggil class tertentu untuk membuat tombol, panel, tabel, pesan peringatan, dan lain sebagainya. Bootstrap terdiri dari beberapa file. File pada Bootstrap berisi kumpulan baris kode tersusun dari CSS dan Ja...

PENGERTIAN DAN PERBEDAAN UI/UX

Gambar
  Pengertian User Experience (UX) User Experience (UX)  merupakan proses mendesain suatu produk melalui pendekatan pengguna. Dengan pendekatan ini, Anda jadi bisa menciptakan produk yang sesuai dengan kebutuhan dan keinginan pengguna. Produk dengan desain UX yang baik akan menciptakan pengalaman yang menyenangkan bagi pengguna saat menggunakan produk Anda. Pengguna jadi mudah dan nyaman saat menggunakan produk. Adapun, komponen UX ini meliputi bagaimana fitur-fitur yang disediakan pada produk, struktur desain, navigasi penggunaan produk, aspek visual design, dan seluruh aspek interaksi dengan pengguna. UX juga meliputi bagaimana Anda menentukan branding, konten, dan copywriting yang sesuai dengan target pengguna Anda.  Pengertian User Interface (UI) Seperti yang disebutkan sebelumnya, UI adalah bagian dari UX yang berupa tampilan visual design sebuah sistem. Tampilan tersebut memungkinkan pengguna terhubung dan berinteraksi dengan suatu produk.  Selain berfungsi seba...