Belajar Web Design : Membuat Scrollspy menggunakan Bootstrap 4

Assalamualaikum Wr. Wb

Sahabat Webhozz dimanapun berada, apa kabarnya??? Mudah-mudahan sehat selalu dan selalu bahagia ya, amin.

Pada kesempatan kali ini kita akan belajar Scrollspy menggunakan Bootstrap 4. Sebelum mulai, apa sih itu Scrollspy???

Jadi Scrollspy itu biasanya digunakan untuk memperbarui tautan secara otomatis dalam daftar navigasi berdasarkan posisi scroll pada suatu halaman.

Scrollspy memiliki beberapa persyaratan untuk berfungsi dengan benar:

1. Harus digunakan pada komponen Navbar Bootstrap atau List group.

2. Scrollspy membutuhkan position: relative; pada elemen HTML yang biasanya dijadikan target, biasanya tag .

3. Tag “a” diperlukan dan harus menunjuk ke elemen dengan id=”” itu.
Ketika berhasil diterapkan, Navbar atau List group akan berubah, memindahkan kelas .active dari satu item menu ke item menu lainnya berdasarkan target yang terkait. Continue reading

Kursus Web Design PHP Android di Bandung

Kursus Android Bandung

Kursus Android Bandung

Hallo Bandung… Bagi kamu yang tinggal di Bandung dan sekitarnya, dan sedang mencari tempat Kursus  Android, Website, PHP atau Programming lainnya, yuk datang ke WebHozzz cbg Bandung.

Kami memiliki beberapa paket Kursus Android yang bisa anda ikuti, dimana masing-masing paket memiliki materi yang saling berhubungan. Namun, memiliki level yang berbeda, mulai dari level pemula hingga advance.

Kantor WebHozz Bandung beralamat di :

WebHozz Bandung
Jl. Talaga Bodas №40, Malabar, Lengkong Bandung
Telp : 022 731 4616 / 0821 1577 6165

Ada PROMO DISKON 17%  selama Agustus 2018 lho 🙂

Kursus Android

  1. Kursus Android Development. Paket Kursus ini untuk tingkat pemula, atau anda yang baru belajar bagaimana membuat Aplikasi Android. Anda akan belajar bagaimana membuat project Android, element-element form, gambar, table, layout, serta bagaimana mengakses kamere, gps, dan lainnya.
  2. Kursus Android with MySQL. Paket Kursus ini untuk tingkat menengah. Anda akan belajar bagaimana membuat Aplikasi Android yang terintegrasi dengan aplikasi berbasis Web, atau Website Anda.
  3. Kursus Android Advance. Paket Kursus ini tingkat Advance, merupakan lanjutan Android Web App. Anda akan mempelajari bagaimana melakukan membuat login aplikasi, menyimpan data, serta proses lainnya menggunakan database Web Server
  4. Kursus Android Master. Paket yang terdiri dari materi Android Dev, Android MySQL, dan Android Advance

Mengapa memilih WebHozz ?

  1. Biaya terjangkau bagi mahasiswa dan karyawan
  2. Diajarkan langsung oleh Trainer, bukan menonton video tutorial
  3. Trainer Profesional dibidangnya
  4. Materi Up to date mengikuti trend teknologi
  5. Tersedia kelas Reguler maksimal 4–5 siswa
  6. Ada juga kelas Privat 1 siswa 1 trainer
  7. Konsultasi Gratis setelah kelas selesai
  8. Garansi mengulang kelas

Suasana Belajar di WebHozz

Sumber : https://www.instagram.com/webhozz/

Kursus Android Bandung | WebHozz

 

Kursus Android Bandung | WebHozz

 

 

Kursus PHP, Codeigniter & Laravel di Jakarta Bandung Surabaya

Kursus PHP, Codeigniter & Laravel di Jakarta Bandung Surabaya

Kursus PHP, Codeigniter & Laravel di Jakarta Bandung Surabaya

Pemrograman Web memang tidak akan mati, setidaknya selama Internet masih ada dan masih dibutuhkan masyarakat. Oleh sebab itu kebutuhan akan Web Programmer masih sangat besar dan terus bertambah karena semakin besarnya pengembangan Teknologi  & Aplikasi untuk berbagai kebutuhan.

Bagi Kamu yang ingin berkarir di dunia IT khususnya Web Programmer, kamu harus menguasai beberapa pemrograman yang wajib untuk dipelajari. Pemrograman Web memang saling berkaitan, seperti HTML, CSS, jQuery (JavaScript) dan PHP. Semakin berkembang dengan munculnya Framework2 untuk mempermudah dan mempercepat pekerjaan para Programmer, seperti Bootstrap, React, Angular, CodeIgniter, Laravel, dan masih banyak lagi. Continue reading

Membuat Slide dengan Bootstrap

Dalam bootstrap, terdapat fasilitas untuk membuat silde. Tanpa harus membuat slide dari awal, tentu hal ini dapat memudahkan kita dalam membuat tampilan website . Untuk membuat silde dengan bootstrap, pertama-tama download bootstrap di getbootstrap.com . Kemudian Buat folder baru dengan nama latihan . Lalu Extract file bootstrap kedalam  folder latihan . Continue reading

Mengenal Git Keunggulan dan Kelemahannya

 

Git adalah system kendali kode sumber (revision control system, atau version control system, atau VCS). Git pertama kali didesain dan dikoding oleh Bapak Linux sendiri, Linus Torvalds, tahun 2005 untuk menggantikan VCS komersialBitKeeper yang kala itudigunakan untuk mengatur kode sumber Linux. Karena tidak menemukan sistem lain yang lebih cepat untuk menangani kode sebesar kernel Linux, maka Linus menulis VCS sendiri. Karenanya, salah satu fitur utama git sejak awal adalah kecepatannya. Berbeda dari system kode sumber yang sudah terlebih dulu popular sebelumnya yaitu CVS dan Subversion, git tidak bersifat tersentralisasi melainkan terdistribusi. Artinya, setiap pengembang tidak hanya menyimpan working copy di computer anda.

halnya, tapi juga menyimpan repositori, yang berisi sejarah lengkap perubahan. Sementara di system tersentralisasi, hanya ada satu repository tunggal (umumnya di server yang dapat diakses oleh semua pengembang lewat jaringan).

Karena masing-masing pengembang memiliki repositori, maka komit dapat dilakukan secara offline di repository lokal di computer sendiri, tidak harus terhubung kerepositori sentral di jaringan. Saat ingin bertukar/mensinkronisasi hasil kerja dengan pengembang lain, baru kita terkonek kejaringan dan melakukan merging atau patching. Contoh program dari Git adalah gibak, bupdaneigenclass. Konsep Git dari awal adalah pada kecepatannya dan sistemnya terdistriusi yang memungkinkan untuk menjadikan Git bukanhanya digunakan oleh programmer untuk memanajemem kode sumber program, tetapi juga dapat digunakan oleh “pemakai biasa” untuk mengatur berbagai jenis data. Oleh karena kecepatannya, maka Git sangat bagus dalam kompresi data dibandingkan dengan VCS lain.

Hampir semua operasi dilakukan secara local

Operasi pada Git hanya membutuhkan berkas-berkas dan  resource lokal – tidak ada informasi yang dibutuhkan dari komputer lain pada jaringan. Jika kalian terbiasa dengan VCS terpusat dimana kebanyakan operasi memiliki overhead latensijaringan, aspek Git satu ini akan membuat anda berpikir bahwa para dewa kecepatan telah memberkati Git dengan kekuatan. Karena anda memiliki seluruh sejarah dari proyek di lokal disk anda, dengan kebanyakan operasi yang  tampak hamper seketika.

Keunggulan dari Git :

  • Design yang sederhana
  • Mendukung dalam pengembangan non-linear(pengembanganparalel)
  • Sistem terdistribusi, peer to peer
  • Mendukung dalam proyek besar seperti Kernel Linux
  • Akses menggunakan command line (tidakharusclient-server)
  • Penyimpanan murni berbasis file (tidak menggunakan database/SQL)

Kelemahan dari Git :

  • Tidak Optimal untuk pengembang tunggal
  • Dukungan untuk Windows terbatas dibandingkan Linux

Tutorial Photoshop membuat Efek Foto Blur Sederhana

Assalamualaikum, Wr. Wb.

Alhamdulillah kali ini kita akan belajar tentang photoshop lagi. Jadi ya, ngedit-ngedit foto gitu. Sebelum mulai, ada hal yang perlu kita bahas dikit. Tentunya kita pernah melihat hasil jepretan kamera DSLR. Ya jelas, hasilnya pasti bagus jika pake kamera DSLR. Kualitas gambarnya beserta nuansa gambarnya pasti kelihatan lebih mendalam.

Tapi tentunya, kita pasti pernah juga melihat salah satu efek dari fotografi. Yaitu efek blur, yang mana tampilan fotonya jadi buram secara otomatis saat selesai pengambilan gambar. Tapi objek utamanya tetap fokus dan tidak ada buram sama sekali.

Itulah kelebihan dari DSLR. Tapi gimana dengan kita yang low budget, yaitu pake kamera HP? Jawabannya adalah kita edit menggunakan photoshop.

Ok langsung aja kita buka aplikasi photoshopnya.

Dan mari kita mulai langkah selanjutnya.

  1. Ambil file foto yang sudah disiapkan untuk diedit, dan masukkan foto tersebut di aplikasi photoshop dengan klik File>Open atau pintas Ctrl+O.

2. Tekan Ctrl+J untuk menduplikat gambarnya. Jika sudah, maka akan tampak seperti gambar di bawah ini (perhatikan yang dilingkari merah). Disitu ada layer 1 dan background. Yang mana layer itu gambar copiannya dan backgroundnya adalah gambar aslinya. Jadi posisi kedua gambar tersebut seperti bertimpa, layer 1 di atas dan backgroundnya di bawah.

3. Klik pada layer 1. Kemudian klik menu Filter>Blur>Gaussian Blur dengan tujuan untuk membuat objek layer 1 jadi blur.

4. Kemudian akan tampak menu seperti di bawah ini. Kemudian atur radiusnya hingga 3,5 pixel. Semakin tinggi angka radiusnya maka makin buram gambarnya.

5. Kemudian Klik Ok, maka akan seperti inilah hasilnya.

6. Gunakan erase tool yang terdapat di menu kiri toolbar.

7. Atur ukuran penghapusnya supaya lebih besar area hapusnya dengan arahkan mouse ke objek yang difotonya dan klik kanan. Lalu atur master diameter hingga

8. Kemudian hapus pada bagian objek yang nanti tidak terkena bagian blurnya dengan erase tool. Dan beginilah hasilnya.

9. Dan yang terakhir adalah kita simpan gambarnya dengan klik menu File>Save As dan kemudian atur format penyimpanannya. Seperti yang pernah dibahas pada artikel sebelumnya, yaitu disini (http://www.webhozz.com/blog/membuat-banner-website-sederhana/).

Dan, inilah dia hasilnya.

 

Oke, seperti yang kita lihat. Tadi kan kita punya dua gambar, yaitu layer 1 dan background. Jadi yang layer 1 kita berikan efek blur dan kita hapus blurnya. Otomatis backgroundnya tidak berpengaruh sama sekali, jadi gambarnya tetap normal. Maka dari itu layer 1 kita hapus dan yang tampak adalah gambar dari background.

Maka dari itu hasilnya tampak seperti objeknya normal dan dikelilingi blur di sekitarnya.

 

Dan itulah dia hasil dari editan kita, tanpa menggunakan kamera DSLR. Sekian dulu ya untuk artikel kali ini. Insya Allah akan posting lagi. Semoga bermanfaat, Amin.

 

Wassalamualaikum, Wr. Wb.

SUBLIME TEXT 3, Aplikasi Web Editor Terbaik

Assalamualaikum Wr. Wb,

Alhamdulillah, kali ini bisa posting artikel lagi. Dan pada postingan ini saya akan membagi sedikit pengalaman pribadi dalam membuat halaman website. Yang mana dalam membuat website tersebut pasti tidak pernah lepas dari aplikasi web editor sebagai pendukungnya.

 

Sublime Text 3 merupakan aplikasi Web Editor yang saya pakai sampai saat ini. Yang mana aplikasi ini sangat ringan dan tidak ribet dalam penggunaannya. Desain warna tulisan kodingnya yang sangat interaktif beserta variasi warna yang menarik. Selain itu warna teks kodingnya juga bisa diganti warna temanya. Jadi dengan teks koding yang enak untuk dilihat bisa membuat banyak pengguna betah dalam proses koding. Itulah beberapa alasan yang tepat untuk membangun sebuah web.

Continue reading