Week 5 Phase 0


Memasuki minggu ke -5 di Hacktiv8,hari pertama seperti biasa diawali dengan live coding.Materi yang diberikan adalah  :
  • Conditional
  • Looping
  • Array
  • Multidimensional Array
Kendala yang saya hadapi dalam live coding minggu ini adalah kurangnya pengertian terhadap multidimensional array.Akan tetapi seperti biasa, setelah ujian selesai kami semua tetap belajar dan menanyakan kepada instruktur Hacktiv8 tentang materi yang belum dimengerti.

Tingkat kesulitan bertambah seiring minggu berjalan.Dalam minggu ke - 5 ini kami diperkenalkan dengan rekursif,class dan objek.Tetapi yang paling membuat saya bingung adalah rekursif karena saya masih belum memahami pattern problem solving dari proses rekursif.Rekursif merupakan fungsi yang dapat memanggil dirinya sendiri.Rekursif bisa digunakan untuk menggantikan perulangan yang sangat rumit menjadi lebih sederhana.Akan tetapi prosesenya berbeda dengan perulangan pada umumnya.Maka dari itu pattern dari rekursif ini masih belum terlalu dimengerti T.T.

Saya dan teman-teman pun meminta soal-soal latihan rekursif dari instruktur untuk mengasah logika berpikir secara rekursif.Menurut saya dari sekian banyaknya materi yang diberikan,rekursif lah yang paling sulit dimengerti :D.Seperti quotes : "In order to understand recursion you must first 
understand recursion". Artinya silahkan diterjemahkan sendiri  ^ ^.

Dengan kesulitan yang dihadapi, kami batch 13 tidak boleh patah semangat dan harus terus belajar apapun tingkat kesulitannya.

Sekian cerita pengalaman saya di minggu ke -5 di Hacktiv8.Terima kasih ! #SAYYESTOCODE

Week 4 Phase 0

Di minggu keempat ini, kami masih dilatih soal logika dan mengimplementasikan ke dalam bahasa pemrograman Javascript.Batch 13 (Miracle Fox).Materi yang diberikan masih seputar :
  • Conditional
  • Perulangan
  • Array
  • Function
  • REKURSIF ! (Difficult mode : unlimited)



Sebelum masuk ke dalam materi, seperti biasa kami diberikan ujian live coding untuk menguji sampai dimana kemampuan coding kita setelah 4 minggu belajar di Hactkiv8.Dan setelah live coding dari week keempat, kami melanjutkan kegiatan dengan mengerjakan tugas-tugas yang diberikan dari Hacktiv8.

Dalam proses selama minggu keempat,saya mendapat kendala dalam mengerjakan 2 tugas terakhir (soal Ubah Huruf dan Hitung Huruf).Akan tetapi dengan bantuan instruktur dan teman-teman saya jadi mengerti dan dapat menyelesaikan tugas.

Harus diakui, dengan melihat suasana lingkungan di Hacktiv8, saya jadi lebih bersemangat untuk belajar karena hampir semua orang disini sangat antusias.Instruktur yang sangat antusias ingin muridnya bisa dalam programming dan begitu juga dengan kami yang sangat ingin belajar programming.

Menjadi seorang programmer tidaklah mudah, pasti banyak kendala dan masalah yang dihadapi jika ingin menjadi seorang programmer.Tapi itu semua pasti bisa dilalui jika kita konsisten dan tetap semangat untuk belajar  - Hacktiv8

Nah untuk yang terakhir ada tambahan materi yaitu rekursif. Seperti yang kita ketahui, rekursif adalahhhhh .......... rekursif(?) (WTF -_-).

Rekursif secara teori merupakan fungsi yang dapat memanggil dirinya sendiri.Secara teori dan penjelasan yang diberikan instruktur sudah sangat baik, tapi saya masih belum 100 persen mengerti soal rekursif dengan prosesnya yang rumit dan berulang-ulang.Maka dari itu saya akan lebih banyak bertanya ke instruktur dan membaca artikel-artikel tentang rekursif. #Sayyestocode

Sekian cerita pengalaman saya di minggu keempat di Hacktiv8 ! Terima kasih !

Cara Mengganti Logo/Favicon Address Bar pada Blogger

Favicon adalah icon / logo utama yang muncul pada suatu website.Contohnya seperti gambar di bawah ini : 

Macam-macam favicon

Untuk mengganti favicon pada blogger, kita harus memiliki ukuran favicon berukuran 16 x 16 pixel.Langkah-langkahnya adalah sebagai berikut :
  1. Cari di website apapun logo/icon yang diinginkan(dengan ukuran apapun).
  2. Kemudian buat logo tersebut menjadi ukuran 16 x 16 pixel di Favicon Generator.
  3. Choose a file dan pilih file yang anda sudah sediakan, kemudian klik Create Favicon.
  4. Setelah selesai,download dan extract folder di komputer anda.
  5. Setelah itu masuk eke Blogger dan ke Tata Letak.
  6. Klik Edit pada kotak Favicon.
  7. Cari gambar yang sudah disediakan.
  8. Akan ada banyak file favicon dalam folder yang tadi diextract untuk banyak platform tapi pilih gambar yang berukuran 16 x 16 pixel ^ ^.
  9. Setelah itu klik Simpan
  10. Tunggu dan lihat hasilnya,sekarang favicon anda sudah berubah ! ^ ^
Sekian pembahasan mengenai cara mengganti favicon pada Blogger.Semoga bermanfaat,terima kasih !

Membuat Link Berubah Warna (Variasi Link dalam CSS)

Pernah melihat link yang berubah warna ketika kursor berada di atasnya ?Jika belum silahkan coba dilihat di situs twitter sebagai contoh dan coba geser kursor ke Home (Beranda) maka akan terlihat sebelum kursor berada di posisi link, link masih berwarna abu-abu gelap, akan tetapi jika kursor diletakkan pada link tersebut, maka warnanya berubah jadi biru.Itu adalah efek dari CSS.Nah cara pembuatannya adalah sebagai berikut.Selamat membaca !


Pertama-tama siapkan file HTML dan CSS anda dan buatlah beberapa link.Jika belum mengetahui cara pembuatannya silahkan buka link ini (materi tentang HTML dan CSS) dan pelajari dari awal.Setelah semuanya siap, anda hanya menambahkan script berikut di file CSS anda :

Jika anda menggunakan selektor untuk link di CSS anda maka gunakan script ini :

namaselektor:hover {
      color: (warna pilihan anda);
}

Jika anda menggunakan class untuk link di CSS anda maka gunakan script ini :

.namaclass:hover {
      color: (warna pilihan anda);
}

Jika anda menggunakan ID untuk link di CSS anda maka gunakan script ini :

#namaid:hover {
      color: (warna pilihan anda);
}

Anda juga bisa menggunakan property box-shadow untuk membuat latar belakang pada link anda menjadi berubah warna jika kursor diarahkan kesana.Cara penggunaan box-shadow adalah sebagai berikut :

Jika anda menggunakan selektor untuk link di CSS anda maka gunakan script ini :

namaselektor:hover {
      color: (warna pilihan anda);
      box-shadow: 3px 3px 3px; 
}

Jika anda menggunakan class untuk link di CSS anda maka gunakan script ini :

.namaclass:hover {
      color: (warna pilihan anda);
      box-shadow: 3px 3px 3px; 
}

Jika anda menggunakan ID untuk link di CSS anda maka gunakan script ini :

#namaid:hover {
      color: (warna pilihan anda);
      box-shadow: 3px 3px 3px; 
}

Untuk lebih jelasnya silahkan dicoba sendiri atau anda dapat melihat di CONTOHLINK ini sebagai contoh agar anda lebih mengerti.Setelah itu silahkan ubah nilai dari property color dan box-shadow sesuai dengan keinginan anda .Pada halaman tersebut coba arahkan kursor ke arah pilihan Anime ,Game atau Basketball.dan setelah pindah ke halaman selanjutnya, coba arahkan kursor ke salah satu pilihan jawaban, hasilnya akan terlihat.

Sekian pembahasan mengenai cara membuat link berubah warna.Semoga bermanfaat ! Jika ada yang kurang jelas silahkan ditanyakan di kolom komentar.Terima kasih !

Membuat Link Internal dan Eksternal dalam Blogger

Pada kali ini saya akan membahas tentang cara membuat link pada Blogger.Link terbagi atas 2 yaitu  link internal dan eksternal.Link internal adalah sebuah tulisan yang jika diklik akan membawa kita ke dalam halaman web artikel lain kita sendiri.Sebagai contoh dengan mengklik tombol ini , anda akan diarahkan ke halaman artikel saya yang berjudul "Software Komputer".Link eksternal adalah link milik orang lain seperti facebook,twitter dan lain-lain.

Cara membuat link internal ataupun eksternal dalam Blogger sebenarnya sama, hanya bedanya di alamat url yang dituju.Ikuti langkah-langkah berikut :
  • Pertama, siapkan dulu halaman web yang ingin anda tuju.Contohnya jika ingin ke halaman web facebook, maka bukalah halaman homepage facebook, kemudian copy link urlnya (https://www.facebook.com/).
  • Silahkan login ke halaman Dashbor Blogger anda.
  • Buat Entri baru
  • Buat tulisan yang ingin anda beri link.
  • Seleksi(blok) tulisan tersebut
  • Kemudian klik tombol Link
  • Maka akan muncul kotakk edit link seperti berikut ini :


  • Silahkan paste link yang tadi dicopy ke dalam kolom Web Address seperti pada gambar di atas
  • Jika ingin link ditampilkan pada halaman baru, centang pada tanda checklist Open this link in a new window, jika tidak maka tidak perlu dicentang
  • Setelah itu klik OK dan publikasikan.
  • Lihat Blog anda sekarang (Lihat Blog) dan coba klik link tersebut.Apabila terarah ke halaman homepage Faccebook maka anda telah berhasil membuat link ^ ^
Sekian pembahasan mengenai cara membuat link dalam Blogger.Semoga bermanfaat, terima kasih !

Week 3 Phase 0

Memasuki minggu yang ketiga di Hacktiv8, pada hari Senin(hari pertama di minggu ke-3) kemampuan kami diuji dengan Live Coding(ujian).Pada saat ujian saya hanya bisa menyelesaikan 1 dari 4 soal.Waktu yang diberikan pun cuma 1 jam.Setelah selesai live coding,kami dilatih untuk mendalami Javascript dengan diberikan banyak soal materi logika yang harus diselesaikan dalam minggu ini(masing-masing hari memiliki soal /materi tersendiri).



Hasil nilai dari Live Coding saya kurang memuaskan, dan ini berarti saya masih harus banyak berlatih dan belajar dalam mengasah kemampuan coding.

Hari demi hari berlalu, akhirnya saya bisa menyelesaikan semua soal latihan yang diberikan, walaupun dalam beberapa soal saya diberikan hint / petunjuk untuk dapat menyelesaikan masalah jika saya sudah tidak mampu >.<.Perkiraan saya , 15 soal dalam minggu ketiga ini, mungkin sekitar 80 % saya menyelesaikannya dengan kemampuan sendiri.Sisanya dibantu oleh hint/petunjuk dari instruktur yang setiap saat ada mendampingi saya dan yang lainnya, maupun teman-teman yang sudah terbiasa dengan soal logika pemrograman.

Ps : dibantu bukan dikasih jawaban ,tetapi dikasih clue ya ! ^ ^

Banyak pengalaman yang dapat diambil dalam proses pembelajaran minggu ketiga ini.Dan saya akan terus semangat dan berusaha agar dapat menjadi lebih baik !Sampai jumpa di minggu keempat ! ^ ^ 

Elemen-Elemen HTML

Sedikit selingan untuk merefresh otak tentang tag-tag/tag-tag dalam HTML ^ ^.Pada kali ini saya akan menuliskan tag/elemen yang cukup sering digunakan di dalam HTML.Selamat membaca !




Berikut adalah elemen-elemen HTML 5 beserta keterangan dan fungsinya.Saya urutkan berdasarkan abjad :

  1. <!-- teks komentar --> digunakan untuk memberi sebuah komentar atau keterangan.Kalimat yang terletak di dalam tag <!-- dan --> tidak akan terlihat di browser.Komentar biasanya digunakan untuk programmer itu sendiri (untuk menulis note/kalimat yang mengingatkan kode-kode yang dibuat jika sudah terlalu banyak).
  2. <!DOCTYPE HTML>, digunakan untk mendefinisikan informasi tipe dokumen.Dalam hal ini berarti dokumen bertipe HTML.
  3. <a>, anchor atau link digunakan untuk membuat teks menjadi suatu link yang dapat diklik dan terhubung dengan dokumen  HTML(internal) lainnya maupun website luar (eksternal).
  4. <abbr>, digunakan untuk teks yang berbentuk singkatan,seperti HTML, CSS, HTTP dan lain-lain.Fungsinya untuk menampilkan informasi pada teks apabila kursor diarahkan ke singkatan tersebut,otomatis akan muncul kepanjangan dari singkatan tersebut.
  5. <address>, digunakan untuk mendefinisikan informasi alamat.
  6. <applet>, digunakan untuk memasukkan file Java ke dalam dokumen HTML.
  7. <area>, digunakan untuk mendefinisikan daerah yang dapat diklik (link) pada peta gambar.
  8. <article>, digunakan untuk mendefinisikan artikel.
  9. <audio>, untuk mendefinisikan konten musik/suara/audio/lagu.
  10. <b>, digunakan untuk menebalkan teks.
  11. <bdo> , untuk menimpa arah teks.
  12. <big>, memperbesar ukuran teks sebesar 1 point dari ukuran sebelumnya.
  13. <blink>, membuat teks berkedip.
  14. <blockquote>, dipakai untuk kutipan panjang.Pada saat di browser,teks akan tampil sedikit ke dalam (seperti paragraf baru).
  15. <body>, mendefinisikan body/isi dokumen HTML.Berfungsi untuk menentukan bagaimana isi suatu dokumen ditampilkan di web browsernya.Isi dokumen dapat berupa teks,gambar,audio,video,animasi,link dan lain-lain.
  16. <br/> , ganti baris/baris baru/pindah baris.
  17. <button>, untuk membuat sebuah tombol yang bisa diklik.
  18. <caption>, untuk membuat caption pada tabel.
  19. <center>, untuk rata tengah teks atau gambar (align)
  20. <cite>, untuk membuat suatu kutipan.
  21. <code>, untuk mendefinisikan sebuah bagian dari kode program.
  22. <col>, untuk mendefinisikan nilai atribut dari satu kolom atau lebih dalam sebuah tabel.
  23. <colgroup>, menentukan kelompok dari satu kolom atau lebih dalam sebuah tabel.
  24. <dd>, untuk mendefinisikan deskripsi dari item dalam daftar definisi.
  25. <del>, untuk memberi garis tengah pada teks (mencoret teks).
  26. <dfn>, untuk mendefinisikan sebuah istilah definisi.
  27. <div>, untuk mendefinisikan sebuah bagian dalam dokumen / sebagai pemisah antara elemen satu dengan yang lainnya.
  28. <dl>, untuk mendefinisikan sebuah daftar definisi.
  29. <dt>, untuk mendefinisikan istilah (item) dalam daftar definisi.
  30. <em>, untuk membuat teks miring(sama dengan tag <i>).
  31. <embed>, digunakan untuk memasukkan file video atau musik.
  32. <fieldset>, untuk mengelompokkan elemen-elemen (khususnya form) yang membentuk sebuah frame untuk form tersebut.
  33. <font>, untuk mendefinisikan jenis font,warna dan ukuran untuk teks.
  34. <form>, untuk membuat suatu form dalam HTML (form input).
  35. <frame>, untuk membuat frame di dalam frameset.
  36. <frameset>, untuk mendefinisikan satu set frame.
  37. <h1> s/d <h6>, untuk menunjukkan suatu header (judul) di dalam dokumen HTML.Urutan paling terbesar adalah <h1> kemudian menurun seterusnya hingga <h6>.
  38. <head>, untuk memberikan informasi tentang dokumen HTML.
  39. <hr>, untuk membuat sebuah garis horizontal.
  40. <html>, sebagai pembungkus semua kode-kode yang ada di dalam HTML.Semua kode html berada di antara tag pembuka dan penutup <html>.
  41. <i>, untuk membuat teks miring.
  42. <img>, untuk menampilkan gambar ke dalam HTML.
  43. <input>, untuk membuat input field pada form HTML.
  44. <label>, membuat label untuk sebuah elemen(fieldset).
  45. <legend>, membuat sebuah caption untuk elemen <fieldset>.
  46. <li>, untuk menampilkan informasi dalam bentuk daftar (list).
  47. <link>, untuk mendefinisikan hubungan antara dokumen HTML dengan sumber eksternalnya.
  48. <menu>, untuk mendefinisikan client-side peta gambar.
  49. <meta>, untuk mendefinisikan metadata sebuah dokumen HTML.
  50. <ol>, untuk membuat daftar dalam format nomor.
  51. <option>, untuk menampilkan beberapa pilihan yang berbentuk sebuah daftar drop-down menu.
  52. <p>, untuk membuat sebuah paragraf.
  53. <script>, untuk mendefinisikan client-side script (Javascript).
  54. <span>, untuk mendefinisikan sebuah bagian dalam dokumen HTML.
  55. <strike>, untuk membuat garis tengah pada teks(teks dicoret).
  56. <strong>, untuk membuat teks tebal, fungsi tag ini sama dengan tag<b>.
  57. <style>, untuk mendefinisikan informasi style / CSS untuk dokumen HTML.
  58. <table>, untuk membuat tabel.
  59. <tbody>, untuk mengelompokkan isi body di dalam sebuah tabel.
  60. <thead>, untuk mengelompokkan isi header di dalam sebuah tabel.
  61. <td>, untuk membuat sel/kolom di dalam sebuah tabel.
  62. <textarea>, untuk mendefinisikan input multiline(textbox untuk keterangan).
  63. <tfoot>, untuk mengelompokkan isi footer di dalam sebuah tabel.
  64. <title>, untuk membuat judul dokumen HTML.
  65. <tr>, untuk membuat baris baru dalam sebuah tabel.
  66. <ul>, mendefinisikan daftar (list) dalam format bullet.
  67. <u>, untuk membuat garis bawah.
Nah, mungkin itu saja yang sering digunakan di dalam HTML.Cukup banyak juga ya ^ ^.Jika ada yang kurang jelas silahkan ditanyakan di kolom komentar,atau saran ,silahkan mencoba sendiri tag-tag yang kurang dimengerti langsung di dalam text-editor anda, agar dapat mengetahui fungsinya.Sekian dan terima kasih !

Week 2 (Phase 0)



Pada week ke -2 ini,kami memasuki materi baru yaitu mempelajari bahasa pemrograman Javascript.
Dalam minggu ini kami ditargetkan untuk dapat mengerti dasar-dasar tentang Javascript yaitu :
  1. Variabel
  2. Tipe Data
  3. Conditional & Switch Case
  4. For Loop & While Loop
  5. Function
  6. Array
Tidak seperti yang saya bayangkan  ternyata belajar bahasa pemrograman butuh antusias, konsentrasi dan konsistensi yang sangat tinggi.Karena jika tidak memiliki itu sangat sulit untuk dapat mengerti cara kerja bahasa pemrograman.Dalam minggu kedua dalam phase 0 kami banyak diberi exercise untuk melatih logika algoritma dalam bahasa pemrograman.Setiap hari kami ditemani oleh instruktur dan tugas-tugas untuk melatih kami.Pencapaian yang saya dapat minggu ini adalah sebagai berikut :
  1. Variabel (90%)
  2. Tipe Data (90%)
  3. Conditional & Switch Case (85%)
  4. For Loop & While Loop (70%)
  5. Function (70%)
  6. Array (70%)
Akan tetapi saya dan teman-teman dari batch 13 akan terus berusaha semaksimal mungkin untuk dapat memahami semua materi yang diberikan.

Singkat cerita,dalam minggu kedua ini saya sedikit kewalahan dengan materi-materi yang ada.Tetapi saya sangat bersyukur karena instruktur sangat-sangat membantu saya dalam proses pembelajaran.Tidak hanya instruktur melainkan teman-teman dari batch 13 juga (yang sudah memiliki latar belakang IT) yang cukup baik, ikut membantu saya selama minggu kedua ini.Terutama teman saya yang bernama Rizky Agung Saputro  (Asal Bali,Denpasar).Walaupun dia sudah cukup baik dalam hal ini, tetapi dia tidak merasa susah untuk membantu saya yang masih kesulitan dalam materi Javascript,bahkan dia mengajar dengan cara yang sangat baik (dengan tidak memberikan langsung jawaban) tetapi dengan memberikan clue atau hint agar saya dapat berpikir sendiri seperti apa sih logika algoritma yang diinginkan dari materi.

Nah, sekian dari pengalaman saya dalam minggu kedua ini.Untuk minggu ketiga saya yakin akan lebih sulit lagi.Tetapi saya yakin dengan instruktur dan teman-teman semua, saya dapat memaksimalkan proses pembelajaran saya.Sekian dan terima kasih ! Sampai jumpa di minggu berikutnya ! ^ ^

Week 1 (Phase 0)

Artikel ini adalah artikel tentang pengalaman saya belajar di Hacktiv8.Suka, duka dan apapun itu akan dituliskan di artikel ini tiap minggunya ^ ^.Selamat membaca !

Sebelumnya saya ingin menjelaskan bahwa Hacktiv8 itu adalah sebuah program pembelajaran Full Stack JavaScript immersive pertama di Indonesia. Kurikulumnya dirancang untuk membangun keahlian yang dapat diaplikasikan pada perkembangan dunia teknologi terkini.Lokasi tempat pembelajaran Hacktiv8 adalah di Jl. Sultan Iskandar Muda (Gedung Aquarius) Jakarta Selatan, Kebayoran Lama.Proses pembelajarannya terdiri dari 4 phase (fase) yaitu :
  • Fase 0 (6 minggu/Masa Persiapan)
  • Fase 1 (?)
  • Fase 2 (?)
  • Fase 3 (?)
Untuk penjelasan lebih lanjut mengenai fasenya,silahkan langsung ke website resmi Hacktiv8 yaa :)

Week 1 (Phase 0)

Pertama kali saya memulai program pembelajaran Hacktiv8 adalah pada 4 September 2017 dimana saya mengikuti Batch 13 (Miracle Fox).Istilah batch itu sama dengan "Angkatan" di sekolah pada umumnya (angkatan 2011,2012 dst).Tetapi karena ini di bidang teknologi makanya disebut batch.Nah, pada hari pertama, batch 13 ada lebih dari 30 orang siswa,dengan latar belakang yang berbeda-beda (IT & Non-IT),awalnya kita diikutkan dalam acara pengenalan dari instruktur Fadil Hakim dan Adhy Wiranata untuk phase 0,setelah selesai,saya mengambil kesimpulan bahwa kita diwajibkan datang ke kampus minimal 8 jam tiap hari (bisa lebih) berhubung materi pembelajarannya itu adalah semi-offline untuk menyelesaikan tugas-tugas dan dilihat perkembangannya oleh instruktur Hacktiv8.

Setelah itu kita menerima email dari instruktur.Emailnya terdiri dari materi-materi yang diajarkan untuk fase 0.Materinya adalah tentang HTML,CSS,Git dan Github.Menurut saya,saya banyak mendapat ilmu yang baik di minggu yang pertama ini.Dan dalam waktu 1 minggu saja kami diwajibkan untuk membuat satu website sendiri (sederhana).Proses dalam 1 minggu kita lewatkan dengan belajar terus menerus.Dan untungnya karena setiap hari datang dan bergumul dengan ini semua dan akhirnya dalam waktu 1 minggu kita dapat menyelesaikan semua materi dan tugas-tugas yang diberikan.Menurut saya dengan ini,saya sudah melangkah 1 langkah lebih maju.Meskipun belum sempurna,tapi saya yakin jika saya dan teman-teman pasti bisa jika terus berusaha sebaik mungkin.

Materi-materi yang saya sudah dipelajari dalam minggu ini adalah sebagai berikut:
  1. HTML (80%)
  2. CSS(70%)
  3. Git (70%)
  4. Github (80%)
Nah,di samping proses pembelajaran materi,di Hacktiv8, saya merasa senang karena banyak mendapat teman-teman baru dan juga instruktur yang jago-jago.Pembelajaran yang diberikan juga step by step dan istilahnya proses pembelajarannya cepat tapi tidak terburu-buru.Pihak dari Hacktiv8 juga sudah siap dengan materi-materi yang akan diajarkan kepada kita untuk fase 0 selama 6 minggu.


Satu hal lagi yang membuat saya termotivasi karena lingkungan disini sangat-sangat berantusias dalam mempelajari materi yang diberikan.Semua teman-teman bahkan sampai malam tetap belajar bersama di kampus Hacktiv8.Walaupun masih fase 0 (masa persiapan) tetapi kerajinan yang ditunjukkan sangat luar biasa.Saya sendiri merasa dengan adanya orang-orang seperti itu, maka kita sendiri pun menjadi termotivasi dan menikmati proses pembelajaran.Karena lingkungan sangat-sangat mempengaruhi sikap dan tindakan kita.

Situasi Belajar Bersama sampai kampus tutup ^ ^

Sekian,artikel tentang pengalaman saya selama di Hacktiv8.Sekian dan terima kasih ! See you next Week !

Cara Memasukkan Musik dengan HTML dan CSS

Untuk memasukkan musik ke dalam website anda menggunakan HTML dan CSS,kita perlu menambahkan tag <audio>.Berikut adalah caranya :


  • Simpan file lagu/musik anda di dalam satu folder dengan file HTML dan CSS anda.
  • Ketikkan script berikut:

KODE HTML :

<audio controls autoplay class="hidden" loop="true">
        <source src="judul lagu anda.mp3" type="audio/mpeg">
</audio>

KODE CSS : .hidden { visibility: hidden;}

PENJELASAN :
  • <audio controls autoplay> artinya kita mengatur agar musik terputar secara otomatis ketika user masuk ke halaman web kita.
  • class="hidden" artinya kita memanggil file css kita (keterangan file CSS ada di bawah)
  • loop="true" artinya kita mengatur agar musik terputar secara repeat(terus-menerus)
  • <source src="judul lagu anda.mp3"> artinya kita memilih lagu yang kita inginkan.Perlu diingat bahwa judul lagu harus sesuai dengan nama lagu yang ada di folder anda.
  • type="audio/mpeg" artinya kita memberi tahu bahwa file yang kita masukkan adalah file jenis audio/mpeg.
  • Dan Kode CSS nya adalah :  script ini untuk menyembunyikan playlist di web anda sehingga tidak terlihat oleh pengguna dan tidak mengganggu halaman website anda.
Sekian pembahasan mengenai cara memasukkan musik ke dalam website dengan menggunakan HTML dan CSS.Semoga bermanfaat,terima kasih !

Software Komputer

Pada kali ini, saya akan membahas tentang pengertian software dan dasar-dasar yang harus dipahami.Selamat membaca!



Untuk mengenali peranan software di dalam komputer maka ada baiknya kita membahas unsur-unsur yang terdapat di dalam komputer.Di dalam sebuah komputer, komputer memiliki 3 unsur yang sangat penting di dalamnya.Antara lain Software, Hardware dan Brainware.Berikut adalah pengertiannya masing-masing :
  1. Software (perangkat lunak) : merupakan kumpulan baris-baris kode instruksi khusus yang dapat dikenali oleh Hardware Komputer, sehingga Hardware tersebut dapat beroperasi sesuai perintah sebagaimana mestinya.
  2. Hardware (perangkat keras) : merupakan semua peralatan fisik yang ada dalam sebuah komputer meliputi keyboard, mouse, CPU, dan lain-lain.
  3. Brainware (perangkat otak) : merupakan manusia atau pengguna itu sendiri yang mengoperasikan komputer untuk melakukan suatu aktifitas tertentu.

Mengenal Software

Seperti pengertian di atas, Software merupakan kumpulan instruksi yang berfungsi untuk menjalankan suatu perintah, seperti memberikan informasi tentang Hardware, menentukan fungsi Hardware dan menjalankan sistem.Agar komputer dapat membaca, mengingat dan membuat suatu keputusan (membandingkan), menghitung, menyortir dan menghasilkan keluaran (output) berupa informasi dalam monitor atau dalam bentuk cetakan, komputer harus mampu membaca dan memasukkan program ke dalam memori utamanya.Program adalah instruksi dalam bahasa mesin yang dapat dibaca oleh komputer yang dirancang untuk melakukan tujuan tertentu.

Perangkat lunak disebut juga sebgai penerjemah perintah-perintah yang dijalankan pengguna komputer untuk diteruskan atau diproses oleh perangkat keras.Melalui software/perangkat lunak inilah suatu komputer dapat menjalankan suatu perintah.

Contohnya, coba perhatikan handphone/smartphone anda.Di dalam handphone/smartphone terdapat pula sebuah software yang mengatur segala aktifitas didalamnya.Misalkan, jika kita ingin SMS, maka handphone akan memakai software SMS, begitu juga dengan aktifitas lainnya.

Maka dari itu, software tidak hanya sebatas untuk perangkat komputer saja, tetapi untuk segala macam barang elektronik.Software dapat kita artikan sebgai "jiwa" dari perangkat elektronik.

Mengenal Utility

Utility merupakan suatu program yang memiliki kegunaan yang besar untuk berbagai macam kebutuhan.Utility terbagi atas 2 bagian yaitu internal (bawaan dari sistem operasi), dan eksternal (buatan pihak lain).

Utility Internal adalah program yang sudah ada dalam sistem operasi secara default (standar) yang sudah terinstall saat kita selesai menginstall sistem operasi Windows.Contoh utility nya antara lain Notepad, Wordpad, Calculator, Paint, Sticky Notes, Disk Defragmenter dan lain-lain.

Sedangkan untuk Utility Eksternal, merupakan utility/program yang bukan bawaan dari sistem operasi dan harus kita install terlebih dahulu.Contoh Antivirus (AVG,SMADAV, AVAST), multimedia (Winamp), burning CD (NERO), Kompresi file (WInrar, 7-zip).

Jenis-Jenis Software

Software terbagi dalam beberapa jenis, diantaranya :
  1. Sistem Operasi
  2. Program Aplikasi & Program Utility
  3. Bahasa Pemrograman
  4. Software Driver
  5. Software Firmware
  6. Software Game
Untuk penjelasannya, akan dibahas di postingan berikutnya.Sekian pembahasan mengenai Software Komputer.Sekian dan terima kasih !