Yuk Belajar CSS Grid Sambil Bermain!

CSS Grid merupakan sebuah fitur baru dari CSS yang memungkinkan kita melakukan layouting halaman web dengan CSS sebagai alternatif menggunakan tabel, flexbox, dan juga float. Fitur baru ini memungkinkan kita mengatur posisi kolom dan baris sesuai kebutuhan dengan lebih mudah dibandingkan menggunakan tabel, float, maupun flexbox dan tentunya tanpa menggunakan framework CSS karena sudah ada dalam core CSS itu sendiri.

Nah, untuk memudahkanmu belajar mengenai CSS Grid ini, sebuah perusahaan bernama Codepip mengembangkan sebuah permainan berbasis web bernama Grid Garden. Permainan ini memiliki 2 bagian. Bagian kiri yang menampilkan instruksi dan juga kolom untuk langsung mempraktekkannya. Sedangkan bagian kanan berisikan sebuah taman yang berbentuk kotak - kotak (Mirip game plant vs zombie). Tugasmu disini adalah menyirami sayuran dengan air ataupun memberi racun/ pertisida pada hama, dan tentunya kita melakukannya menggunakan kode yang bisa ditulis pada bagian yang telah disediakan

Game Grid Garden ini cocok untuk kamu yang lebih suka belajar sambil langsung mempraktekkannya karena kita disini juga dapat bereksperimen. Terdapat 28 level yang tersedia, level sebanyak itu sudah lebih dari cukup untuk kita dalam memahami CSS Grid untuk keperluan developing suatu tampilan website.

Jika kamu tertarik untuk mencobanya, kamu bisa langsung mengunjungi websitenya di https://cssgridgarden.com. Bagaimana menurutmu tentang fitur baru CSS dan Game Grid Garden ini? tulis pendapatmu di kolom komentar ya.

Youtube Akan Matikan Iklan Apabila Terdapat Kata Yang Mengarah Ke Pedofilia Dalam Komentar Video

Baru - baru ini Youtube mengeluarkan kebijakan baru yang meresahkan para pembuat konten, yakni dengan mematikan iklan pada video apabila terdapat komentar kasar atau lebih tepatnya komentar yang mengarah kepada pedofilia. Hal ini disebabkan karena banyak pengiklan menarik iklan mereka dari Youtube sebagai keresahan mereka terhadap pedofilia. Dan juga sebagai tanggapa Youtube terhadap kasus pedofilia ini, Youtube telah menghapus ratusan channel dan komentar di jutaan video.

Here's an update on what we’re doing to further protect the YouTube community from content that endangers minors → https://t.co/O8tYJMpozj

— TeamYouTube (@TeamYouTube) February 22, 2019

Sebuah Tweet dari Youtube kemarin mengatakan bahwa jika video kamu cocok untuk pengiklan maka kamu masih dapat menayangkan iklan divideomu. Namun apabila terdapat komentar yang mengarah ke pedofilia maka Youtube tak akan segan untuk menonaktifkan iklan di video kamu, bahkan akan menghapus channel milikmu.

Mungkin ini adalah langkah yang bagus dari Youtube mengenai kasus pedofilia, namun nampaknya algoritma yang dipakai Youtube untuk mengecek apakah terdapat komentar netijen yang mengarah ke pedofilia masih belum bisa mengenali mana yang benar dan mana yang salah, sehingga banyak para pembuat konten marah akibat video mereka dianggap mengandung komentar yang mengarah ke pedofilia.

Sayangnya Youtube belum mengeluarkan pernyataan lebih lanjut mengenai masalah ini. Semoga saja masalah ini dapat ditangani dengan cepat agar tidak merugikan pengiklan maupun para pembuat konten. Bagaimana menurutmu tentang kebijakan baru dari Youtube ini? Tulis pendapatmu di kolom komentar ya.

GTX 1660 Ti, GPU 4 Jutaan Dari NVIDIA

NVIDIA secara resmi meluncurkan GTX 1660 Ti yang telah banyak dirumorkan. Ini adalah kartu grafis berbasis teknologi Turing generasi terbaru yang tidak memiliki ray tracking seperti seri RTX, dan yang lebih mengejutkan adalah kartu grafis ini harganya lebih murah dibandingkan seri GTX 1060. Kartu grafis ini hadir dengan RAM GDDR6 6GB yang memiliki bandwith sebesar 12Gbps dan dengan 1.536 CUDA core dan memiliki kecepatan 1,8 GHz. Tentu dengan spesifikasi tersebut kartu ini akan jauh lebih unggul dibanding pendahulunya. Bahkan kartu grafis ini mampu menjalankan game seperti Fortnite, PUBG, dan Apex Legend sampai 120 FPS dengan resolusi 1080p.

NVIDIA sempat dikritik mengenai performa dari GPU RTX 20-series yang tidak memberikan peningkatan signifikan pada generasi sebelumnya dan fitur ray tracing yang hanya tersedia di beberapa game. Dan juga harga dari GPU 20-series ini jauh lebih mahal dibanding GTX 10-series. Misalnya RTX 2060 yang lebih mahal $100 (sekitar 1,4 jutaan) lebih mahal dibanding GTX 1060 saat diluncurkan.

Pada presentasinya, NVIDIA memperkenalkan GTX 1660 Ti yang menawarkan kemampuan yang sama dengan GTX 1070 dengan harga yang lebih murah namun tentu saja masih dibawah RTX 2060. NVIDIA telah berjanji bahwa akan banyak brand yang ikut memasarkan produk ini seperti ASUS, MSI, Gigabyte, PNY dan brand - brand lainnya. GTX 1660 Ti ini akan dibandrol dengan harga mulai dari $279 (sekitar 4 jutaan). Semoga saja GPU ini dapat segera rilis di Indonesia. Bagaimana pendapatmu mengenai GPU terbaru dari NVIDIA ini? tulis di kolom komentar ya.

Menggunakan Tag, Atribut dan Elemen Pada Dokumen HTML

Sebelum masuk tutorial, bagi kalian yang belum membaca tutorial sebelumnya, saya rekomendasikan untuk membacanya terlebih dahulu, kalian bisa klik disini untuk menuju ke artikel sebelumnya. Ok, bila sudah membacanya kita lanjut ke tutorialnya.

Pada tutorial sebelumnya kita sudah membahas tentang text editor dan juga hal yang paling dasar dari dokumen HTML. Tapi sebenarnya kita belum menggunakan tag HTML dan hanya menuliskan text pada file berekstensi .html. Nah kali ini kita benar - benar membahas dan mempelajari HTML dan mengakrapkan diri dengan hal - hal seperti tag, elemen dan atribut. 

DOCTYPE

Sebelum kita belajar lebih dalam mengenai HTML, kita harus tahu apa itu DOCTYPE. Lalu apakah itu DOCTYPE? DOCTYPE adalah sebuah deklarasi yang biasanya muncul pada baris paling awal pada sebuah dokumen HTML 5. Sebenarnya secara teknis deklarasi ini tidak harus kita tulis, namun tak ada saahnya juga kita tulis, ini juga menandakan bahwa halaman yang kita buat adalah dokumen bertipe html. Deklarasi DOCTYPE bisa dilihat seperti ini:

DASAR HALAMAN HTML

Membuat dokumen html yang benar membutuhkan tag HTML. Tag HTML digunakan untuk mendeskripsikan dan memberi arti apa sebenarnya isi dari konten dalam tag tersebut dan juga memberi struktur pada sebuah halaman.

Mari mulai dengan dokumen HTML yang paling dasar.

Abaikan deklarasi DOCTYPE sejenak, disini kalian bisa melihat bahwa tag html menjaring/ mengapit keseluruhan dokumen. Ini memberi tahu browser "Hei, semua antara dua tag ini (<html> dan </html>) adalah dokumen html". Setelah tag html biasanya dalam sebuah website akan terdapat 2 tag lainnya yakni, tag head dan tag body.

TAG HEAD

Dalam tag head ini kalian dapat menambahkan metadata untuk mendeskripsikan halaman html kalian. Apa kegunaan metadata? Metadata yang kalian tambahkan berguna untuk browser atau mesin pencari untuk lebih memahami halaman html yang kamu buat itu tentang apa. Seperti contoh, Apa icon yang digunakan pada halaman yang kita buat, siapa yang membuat halaman, apa inti dari isi halaman, dan lainnya. 

Fun Fact : ini bisa membantu SEO website kalian loh. Apa itu SEO? kita bahas dilain kesempatan saja :D. 

Hal yang biasanya terdapat pada tag head adalah tag tittle, link ke file css dan javascript, dan juga metadata tadi.

Untuk mengatur judul halaman :

Untuk mengubah judul halaman kamu, tinggal ganti saja tulisan berwana putih dengan tulisan sesuai keinginanmu.

Menambah deskripsi halaman :

Menambah / mengubah icon halaman :

Mengatur penulis dari halaman :

TAG BODY 

Selanjutnya adalah tag body, tag body adalah tag dimana konten kalian akan ditampilkan. Kalian bisa menaruh apapun yang kalian inginkan selama masih berada diantara tag <body> dan </body>.

Pada contoh sebelumnya diatas,  kita melihat terdapat tag h1, yang merupakan singkatan dari header1. Terdapat juga tag header yang lain seperti h2, h3, h4, dan sebagainya. Cobalah membuat file contoh dibawah ini, simpan lalu buka pada browser kamu.

TAGS

Menggunakan HTML memerlukan tag pembuka di awal dan tag penutup diakhir dan apapun yang berada di tengah/ diantara tag pembuka dan tag penutup adalah isi konten. Untuk membedakan tag pembuka dan tag penutup adalah tag penutup memiliki "/" atau garis miring, sedangkan tag pembuka tidak memilikinya.

Namun, ada beberapa tag yang tidak perlu menggunakan tag penutup. Tag yang tidak memerlukan tag penutup adalah kasus dimana tidak ada konten di dalamnya.

ELEMENTS

Jadi, sekarang kamu sudah tahu apa itu tag. Jadi apa itu elemen? perbedaan antara tag dan elemen bisa kamu lihat pada kasus dibawah ini :


tag adalah title dan elemen adalah tag pembuka dan tag penutup dan juga apa yang ada didalam / diantara tag. Dengan kata lain adalah semua elemen title.


Mudah bukan? ini akan menjadi perbedaan penting saat kamu sudah mulai bisa dengan HTML. tag adalah yang mengelilingi konten, sedangkan tag dan apa yang ada didalamnya adalah elemen.

ATRIBUT

Selain tag, HTML memiliki sebuah cara untuk membantu kamu dalam merancang konten kamu. Yuk kenalan dengan Atribut.

Atribut mendeskripsikan tag apa yang ada didalam tag tersebut. Sintak untuk atribut sangat sederhana, coba lihat kode dibawah ini :


Dalam contoh tadi, class adalah atribut dan spesial adalah nilainya. Atribut mendeskripsikan tag, nah sekarang karena dalam contoh terdapat tag h1 maka, tag h1 yang memiliki class spesial akan berbeda dengan tag h1 yang lainnya / tag h1 yang tidak memiliki class spesial.

Dibawah ini merupakan contoh bagaimana atribut dengan nilainya di aplikasikan dalam tag.


CLASS

Class adalah atribut penting dalam HTML karena dapat ditempatkan pada hampir semua tag di html. Nilai dari atribut ini juga dapat diulangi sebanyak yang kamu mau, misalnya seperti ini :


ID

Atribut penting lainnya yang terdapat pada html adalah ID. pada halaman HTML yang valid, nilai dari atribut ini haruslah unik, maksudnya adalah nilai dari atribut ID harus berbeda dari yang lain. Contohnya adalah, kamu memberi atribut ID pada sebuah tag h1 dengan nilai satu, maka kamu tidak boleh menggunakan tag h1 dengan atribut ID yang memiliki nilai satu. Contoh mudahnya bisa kamu lihat pada kode dibawah ini :


Nah, sekarang kamu sudah semakin familiar dengan tag, atribut, dan elemen pada HTML. Mari belajar lebih lagi pada tutorial selanjutnya ! Apabila kamu punya kritik dan saran silahkan utarakan di kolom komentar ya.

Cara Merubah Tampilan Google Chrome 2018

Buat kalian yang bosen dengan tampilan Google Chrome yang gitu - gitu aja, nah kebetulan kali ini saya akan membagikan tips untuk mengubah tampilan Google Chrome. Oh ya tampilan yang dimaksud disini adalah tampilan keseluruhan, jadi bukan skin ya. Tampilan ini juga langsung dari google, jadi aman dari segala jenis virus. OK langsung aja simak caranya dibawah ini :

1. Pastikan Google Chrome kamu berada pada versi paling baru (sampai artikel ini dibuat, versi terbaru dari Google Chrome adalah 68.0.3440.84. Intinya versi 68 gitu aja)

Untuk melihat versi Google Chrome kamu bisa cek di tombol titik tiga di pojok kanan atas, lalu pilih menu Help/ Bantuan lalu pilih About Google Chrome. Bila sudah maka akan terbuka tab baru seperti ini.

2. Lalu buka link berikut ini chrome://flags/#top-chrome-md lalu pada pilihan UI Layout for the browser's top chrome pilih Refresh.

3. Lalu klik tombol RELAUNCH NOW di pojok kanan bawah.

Dan walla... tampilan Google Chrome kamu sudah berubah seperti ini.

Oh ya catatan saja, apabila layar kamu menjadi berwarna agak kekuningan itu tandanya fitur Filter Cahaya Biru atau Night Mode/ Mode Malam sedang aktif. Apabila kamu tidak menyukainya kamu bisa menonaktifkannya dengan cara :

1. Pergi ke link berikut ini chrome://flags/#force-color-profile lalu pada pilihan Force color profile ganti menjadi sRGB

2. Klik tombol RELAUNCH NOW dan warna kekuningan pada browser kamu akan hilang.

Sebenarnya ini adalah fitur yang akan segera diluncurkan Google, namun entah karena apa fitur ini belum dirilis secara publik. Kita tunggu saja, mungkin masih terdapat bug atau apapun itu. Nah gimana menurut kamu dengan tampilan baru Google Chrome ini? tulis pendapat kamu dikolom komentar.

Pengenalan Dasar HTML

Daftar isi:

1. Apa itu HTML?
2. Persyaratan
3. Memilih Text Editor
4. Hello World

Pengertian HTML

Sebuah website biasanya terdiri dari 3 komponen utama yakni, HTML, CSS dan JavaScript. Nah kali ini saya akan membantu anda yang ingin belajar tentang programming website. Dan dimulai dengan belajar dari komponen yang paling dasar dari semuanya yakni HTML.

HTML (Hypertext Markup Languange) adalah bahasa standar dalam membuat sebuah website saat ini. HTML sendiri terdiri dari blok - blok yang menjelaskan apa isi yang ada didalamnya dan juga memberikan struktur pada sebuah halaman. HTML sendiri dapat menghandel semua komponen seperti tulisan, gambar bahkan video.

Persyaratan

1. Sebuah komputer / laptop
2. Koneksi internet.
3. Niat untuk belajar.
4. Camilan :D 

Memilih Text Editor

Memilih sebuah alat yang akan digunakan sebenarnya menjadi pilihan masing - masing karena selera setiap orang berbeda - beda, namun disini saya akan menggunakan sublime text. Atau kalau kalian ingin text editor lain silahkan saja toh yang penting disini adalah isinya bukan alat yang digunakan. Atau mungkin nanti saya akan buatkan artikel daftar text editor yang bisa kalian gunakan (Ditunggu saja).

Hello World

Buatlah sebuah file baru pada text editor kalian (atau bisa menekan tombol Ctrl + N). Beri nama sesuka kalian dan jangan lupa untuk memilih ekstensi .html. Lalu tulis kode berikut.

Simpan, lalu buka file kalian tadi. Bila kalian melakukannya dengan benar maka akan terlihat seperti ini.

Atau kalian bisa lihat demo dibawah ini.

See the Pen Hello World by Eko Setya (@ekosetya) on CodePen.

Bila kalian mengikuti tutorialny dengan benar dan file yang kamu buat bisa dijalankan maka selamat kalian sudah membuat dokumen HTML pertama kalian! Tutorial kali ini hanya untuk menyiapkan kalian agar siap untuk tutorial berikutnya. Karena kita akan belajar lebih banyak tentang HTML, jadi siap - siap ya :D Sekian dari saya untuk tutorial kali ini. Bila kalian ada pertanyaan atau request silahkan tulis dikolom komentar, dan sampai jumpa di artikel selanjutnya.

Cara Membuat Text Blur Dengan CSS 3

Oke kali ini saya akan membagikan tutorial bagaimana cara membuat text blur dengan css. Saya sebenarnya juga tidak tahu, fungsi text blur di sebuah website itu untuk apa, tetapi mungkin ada yang mencarinya dan juga kebetulan saya tahu caranya... jadi kenapa tidak buat tutorial?

Oke, masuk ke tutorial, pertama persiapkan dahulu text editor kalian lalu buat file html dan cssnya. Bila kalian sudah menyiapkannya silahkan copy paste code dibawah ini.

Html :



CSS :



Keterangan :
- Kalian bisa mengganti nama ".blur" menjadi apapun yang kalian inginkan asal namanya sama dengan nama class yang kalian panggil di file html.
- Jadi konsepnya adalah, kita menghilangkan tulisan aslinya, lalu kita tambahkan bayangan pada text yang ingin di blur, dan jadilah text blurnya.

Kalian bisa lihat demonya dibawah ini.

See the Pen Font Blur by Eko Setya (@ekosetya) on CodePen.

Gimana? mudah bukan? untuk tutorial membuat text blur saya cukupkan sampai disini. Kalau kalian masih bingung atau punya pertanyaan maupun request silahkan tulis di kolom komentar. Dan sampai jumpa di artikel selanjutnya.

Cara Membuat Dropdown Dari Database Menggunakan Codeigniter 3

Kali ini saya akan membagikan tutorial bagaimana membuat dropdown yang isinya berasal dari database, jadi kita nanti dapat menambahkan, mengedit, ataupun menghapus isi dari dropdown tanpa harus mengetikkan code lagi. Namun kali ini kita hanya akan menampilkannya ke dropdown seperti di bawah ini.

Langkah pertama yakni siapkan alat dan bahannya terlebih dahulu.
 - Text Editor (Sublime, Atom, Notepad++ atau sebagainya)
 - Xampp / Local server lainnya. Atau mungkin kalian ingin langsung mempraktekkannya di hosting langsung juga tidak apa - apa kok.
 - Cemilan. (kalau laper)

Oke, selanjutnya adalah tentu kalian persiapkan terlebih dahulu framework Codeigniter dahulu, disini saya menggunakan versi 3.1.8. Apabila sudah disiapkan, lalu silahkan buat database terlebih dahulu. Bila tidak ingin repot silahkan ke Localhost -> Console (biasanya ada dipojok bawah).

Lalu copy paste text berikut dan tekan Ctrl + Enter untuk menjalankan perintah.

Selanjutnya silahkan buat file pada folder Aplication -> Controller terserah kalian mau diberi nama apa, disini saya menamainya DropdownController.php 



Sebelumnya jangan lupa untuk mengganti 2 pengaturan ini di file autoload.php di folder Aplication -> Config



Lalu buat file model pada folder Aplication -> Models. Disini saya menamainya Dropdown.php 



Terakhir, silahkan buat file view pada folder Aplication -> View. Disini saya menamainya test.php



Kemudian silahkan lihat hasilnya, dan... ta..raa....

Nah, bagaimana? mudah bukan? kalau kalian bingung atau ada pertanyaan maupun request silahkan tulis di kolom komentar ya. Dan sampai jumpa di artikel selanjutnya. 

Cara Menghilangkan Index.php Pada URL di Codeigniter 3

Berhubung saya sedang membuat website menggunakan framework Codeigniter 3 saya berpikir kenapa tidak sekalian membuat tutorialnya? hitung - hitung untuk pengingat saya dikemudian hari dan juga berbagi kepada kalian yang sedang membuat website dengan framework Codeigniter 3 seperti saya. Untuk tutorial yang pertama ini sebenarnya cukup simpel, sangat simpel malahan. Dan juga ini adalah hal pertama yang selalu saya lakukan apabila menggunakan framework ini, yakni menghapus index.php.

Secara default Codeigniter 3 menggunakan index.php pada url-nya. sebagai contoh ketika kamu mempunyai controller bernama tutorial, maka ketika kamu ingin mengakses controller tersebut kamu harus mengaksesnya lewat url :

https://domainkamu.com/index.php/tutorial

atau bila kamu menggunakan localhost maka harus mengakses lewat url :

http://localhost/namawebkamu/index.php/tutorial

Namun apa yang terjadi apabila kamu tidak mengetikkan index.php pada url? yang terjadi adalah kamu akan mendapati error 404 seperti gambar dibawah.

Lalu bagaimana cara mengakses suatu controller tanpa harus mengetikkan index.php? Nah, untuk itulah kamu datang kemari. Hal pertama anda harus menyiapkan :

• Codeigniter 3 (Saya disini menggunakan versi 3.1.8)
• Text Editor
• XAMPP / Aplikasi lain untuk mengkases Apache bila di Locahost
• Browser
• Teh / Camilan

Pertama, pergi ke folder aplication/config dan silahkan buka file bernama config.php. Setelah itu cari baris seperti berikut ini.

$config['index_page'] = 'index.php';

Hilangkan tulisan index.php. Silahkan kosongi saja bagian tersebut. Hingga akan menjadi seperti ini.

$config['index_page'] = '';

Lalu buat file .htaccess pada root directory website kamu, misalnya htpp://localhost/namawebkamu/ nah buatlah file .htaccess itu disini.

Note : Jangan beri ekstensi pada file ini, karena file .htaccess bukan merupakan file berekstensi.

Isi file .htaccess dengan code berikut ini.

Setelah itu simpan, lalu silahkan coba akses file controller kamu tanpa menggunakan index.php pada url.

Disini saya membuat file controller bernama tutorial.

Dan saat saya mengaksesnya tanpa index.php akan menjadi seperti ini.

Note : Saya menemukan bug pada saat mencoba tutorial ini pada codeigniter versi 3.1.9 dimana saat mengkases controller tanpa menggunakan index.php tetap mendapati error 404. Solusinya adalah dengan downgrade atau menggunakan versi codeigniter dibawahnya yakni versi 3.1.8 atau mungkin versi di atasnya, karena saat tutorial ini dibuat versi terbaru dari codeigniter adalah 3.1.9.

Sekian tutorial dari saya tentang cara menghilangkan/ menghapus index.php pada url di codeigniter. Saya harap tutorial ini dapat bermanfaat bagi kita semua. Apabila kamu ada pertanyaan jangan sungkan untuk berkomentar, terima kasih & sampai jumpa di artikel selanjutnya.

Bocoran Hasil Benchmark AMD Threadripper 2990X - Kinerja Processor 32-Core Yang Mengejutkan Dari AMD

Pada ajang Computex 2018 kemarin, AMD memberikan kejutan kepada Intel dan juga kepada kita dengan menghadirkan CPU dengan 32-Core yang mampu mengalahkan processor dari Intel yakni core i9-7980XE dengan 18-Core nya. Namun pada acara Computex 2018 kemarin kita belum bisa melihat berapa sih performa yang kita dapat saat memakai CPU kelas dewa ini?

Nah, baru - baru ini muncul berita mengenai bocoran hasil benchmark dari si Threadripper ini. Berikut beberapa foto yang saya dapat dari situs https://www.hkepc.com.

Bila memang foto diatas benar, maka bisa dipastikan bahwa CPU monster ini berjalan pada frekuensi 3,4 GHz dengan 64MB L3 Cache. Dan juga CPU ini dapat di overclock ke 4 GHz, namun belum bisa dipastikan berapa frekuensi maksimum dari CPU ini.

Bocoran yang paling mengejutkan dari hasil benchmark ini adalah tentu score Cinebench nya yang berada pada angka 6000 an, lebih tepatnya 6.399 yang dapat mengungguli CPU dari Intel yakni Core i9-7980XE dan bahkan Threadripper generasi sebelumnya.

Dan sekarang yang menjadi pertanyaan adalah, "Bila kamu bisa mendapat CPU dengan jumlah core lebih banyak dan dengan harga yang lebih murah, kenapa harus membeli CPU dengan harga yang lebih mahal dan dengan jumlah core yang lebih sedikit?" ini masih menjadi pertanyaan bagi saya sampai artikel ini diterbitkan.

Bahkan saya sempat membaca artikel di Facebook bahwa kalian bisa menukar CPU terbaru dari Intel yakni Core i9-7980XE dengan AMD Threadripper generasi ke-2 ini secara cuma - cuma alias gratis. So, apakah kamu tertarik untuk membeli CPU monster ini? jangan lupa beri pendapat kamu mengenai CPU ini di kolom komentar ya.

Google Assistant Kini Bisa Menelpon Untukmu !

Sumber : Techradar

Teknologi memang tak henti - hentinya berkembang dan membuat kita takjub. Mungin hari ini ada penemuan baru yang mengguncang dunia namun besok penemuan tersebut sudah dinilai tua atau usang karena terdapat teknologi yang lebih bagus / maju. Seperti perusahaan teknologi satu ini, Google. Google memang tak henti - hentinya melakukan inovasi yang membawa dunia menuju ke zaman yang lebih maju. Lihat saja Android yang tiap tahun mengumumkan versi terbarunya.

Nah, baru - baru ini Google membuat dunia takjub, atau ya... setidaknya membuat saya takjub akan teknologi terbarunya. Google baru saja mengumumkan sebuah fitur terbaru dari Google Assistant bernama Google Duplex yang bisa membuatnya bisa menelpon seseorang. Bukan, bukan kamu yang menelpon, tapi Google Assistant itu sendiri! tak percaya? awalnya saya pun tak percaya namun setelah melihat video ini pun saya dibuat terkagum - kagum.

Bagaimana? hebat bukan? dari video tersebut terlihat bahwa kamu bisa menyuruh Google Assistant untuk memesan tempat di suatu salon ataupun restoran. Dan juga dari video tersebut mereka berbicara layaknya 2 orang yang sedang menelpon padahal mungkin saya yakin kalau yang menerima telpon dari Google Assistant tidak tahu bahwa yang menelponnya ternyata adalah sebuah robot.

Suara yang makin bagus

Seperti yang saya bilang tadi, bahwa suara dari Google Assistant ini kini makin bagus bahkan sampai terdengar seperti suara manusia asli. Bahkan di sela - sela percakapan di sisipi kata "mhhhhnnn...." seperti orang menunggu. Dan juga si Google Assistant ini dapat mengerti apa yang di ucapkan oleh orang yang sedang ditelpon.

Namun sayangnya fitur ini masih dalam tahap pengembangan yang tentunya belum bisa kita nikmati, dan juga untuk kita yang di Indonesia masih harus bersabar sedikit lebih lama lagi karena tentunya fitur ini hanya bisa digunakan dalam bahasa inggris, setidaknya sampai artikel ini di buat.

Terlepas dari kekurangannya tadi, saya rasa fitur ini bakal sangat berguna bagi kita yang mungkin terlalu sibuk sehingga lupa untuk membooking suatu tempat. Dan juga bakal berguna bagi pemilik toko yang tidak memiliki website untuk membooking tempatnya.

Bagaimana menurutmu tentang fitur terbaru dari Google Assistant ini? apakah kamu termasuk orang yang menunggu fitur ini? tulis pendapat kamu di kolom komentar ya.

Cara Membuat Label Atau Tag Menempel di Gambar Dengan CSS

Bila kalian melihat website - website film, biasanya dalam gambar cover sebuah film terdapat sebuah tulisan yang menempel di gambar tersebut entah itu status film, keterangan dll. Nah kali ini kita akan membuat tulisan yang berada dalam gambar tadi. Apa saja bahan yang dibutuhkan?

Alat & bahan :

• Text editor (Notepad++, Sublime, Atom, dsb)
• Gambar
• Browser

Cara Membuat :

Pertama buka text editor dan ketikkan code berikut.

Kedua, untuk style atau css nya ketikkan code berikut.

Untuk hasilnya akan seperti ini :

See the Pen Membuat Label/Tag di Dalam Gambar by Eko Setya (@ekosetya) on CodePen.

Penjelasan :

Pada code html kita buat tag div untuk membuat gambar dan text menjadi satu lalu kita beri class "image" agar kita bisa men-styling atau memperindahnya. 

Lalu dalam tag div terdapat tag img yang berfungsi untuk menampilkan gambar kita, untuk mengubah gambarnya tinggal ganti pada bagian src. 

Masih dalam tag div, dibawah tag img terdapat tag span yang berfungsi untuk menampilkan text. tag span ini bisa kamu ganti dengan tag p, text, atau tag yang berfungsi untuk menampilkan gambar lainnya. Nah pada tag ini kita buat posisinya menjadi absolute atau pasti, yang dimaksud pasti disini adalah tag yang memiliki posisi absolute akan ada di sana selamanya dan tidak akan berubah/ berpindah tempat. 

Lalu kita tambahkan style top dan left kemudian buat menjadi 0px . Ini artinya posisi dari tag ini akan berada di pojok kiri atas. Ini bisa kamu ganti dengan Top ,Bottom, Left, Right tinggal kamu sesuaikan saja.

Nah itu tadi cara membuat label atau tag menempel pada gambar dengan css. Maaf bila tutorial ini membingungkan karena saya juga masih belajar bagaimana cara membuat tutorial yang baik, benar dan menarik. Bila kalian ada kritik dan saran silahkan berikan di kolom komentar dan Terima Kasih telah berkunjung ^-^

Cara Membuat Gambar Bertumpuk Menggunakan CSS

Bila biasanya kalian membuat gambar itu satu - satu, kali ini saya akan mengajarkan kalian bagaimana cara menumpuk gambar menggunakan css, dan juga caranya mudah banget loh. Langsung aja simak tutorial dibawah.

Pertama

Untuk isi folder kali ini saya menggunakan hanya satu file saja untuk contoh, yakni file html. Untuk strukturnya seperti ini.

Kedua.

Copy dan paste code berikut, bila kalian hanya ingin kode css-nya saja kalian tinggal copy paste bagian style saja.

Ketiga

Simpan dan lihat hasilnya. Bila kalia mengikuti petunjuk saya dengan benar maka akan menjadi seperti ini.

Selanjutnya tinggal kalian variasikan sendiri, entah itu memindahkan posisinya, mengganti warna, ataupun yang lainnya. Nah bagaimana? cukup mudah bukan? bila kalian ada kendala ataupun pertanyaan silahkan berkomentar ya. Itu saja untuk tutorial kali ini ya, sampai jumpa di tutorial selanjutnya.

Download Source Code

Beli VGA Radeon RX Vega Dapat Game Far Cry 5 Gratis

Saya baru aja dapat berita bahwa AMD baru saja mengumumkan bahwa mereka akan memberikan game terbaru dari Ubisoft yakni Far Cry 5 secara gratis bila kalian membeli VGA dari AMD. Namun kalian hanya akan mendapat gamenya apabila membeli VGA Radeon RX Vega 64, Radeon RX Vega 56, atau RX 580. Perlu di ingat, bonus ini hanya berlaku apabila kalian membeli VGA yang saya sebutkan tadi. Jadi selain VGA card tadi tidak akan mendapat bonus game Far Cry 5 ini.

Setelah membeli VGA card tadi kalian akan mendapatkan kode aktivasi untuk Far Cry 5 yang bisa di tukar di Uplay. Untuk mendapatkan kodenya, kalian harus pergi ke situs www.amdrewards.com. Dan juga game ini tidak akan bisa dimainkan sebelum tanggal perilisa resminya pada tanggal 27 Maret 2018 nanti.

Promo ini hanya berlaku mulai tanggal 27 Februari 2018 sampai 20 Mei 2018. Dan juga kode kupon yang disediakan juga terbatas, jadi kalian kalau kepingin gamenya segeralah ambil sebelum kehabisan kupon. Oh iya, kode kupon harus di tukar sebelum tanggal 15 Juni 2018. Untuk syarat dan ketentuannya bisa kalian baca sendiri disini.

Dan kabarnya kalian juga akan mendapat beberapa keuntungan lain apabila kalian memainkan game Far Cry 5 ini memakai VGA RX Vega ini, seperti freesync, grafik yang lebih bagus karena memang game ini dioptimalkan/ dikhususkan untuk VGA RX Vega. Game Far Cry 5 sendiri akan dirilis pada tanggal 27 Maret 2018 dibeberapa platform game seperti Xbox One, Playstation 4, dan tentunya PC.

Nah itu berita tentang AMD yang kabarnya akan memberikan game Far Cry 5 gratis untuk penggunanya, walaupun cuman beberapa pembeli saja yang dapat namun hal ini patut saya apresiasi karena mereka ternyata juga memikirkan pelanggannya. Namun terlepas dari hal tadi, walaupun mendapatkan game gratis bila kita membeli 3 VGA tadi, tapi mengingat harga komponen PC yang sedang meroket, khususnya harga VGA dan RAM saya kira ya sama aja kalau kita membeli VGA baru. Kalau menurut kalian gimana? tulis dikolom komentar ya.

Google Hilangkan Fitur View Image

Bagi kalian yang sering menggunakan google image pasti sering menggunakan button "View Image" untuk melihat gambar langsung tanpa perlu mengunjungi websitenya. Google sendiri telah memutuskan untuk melakukan perubahan kecil yang saya kira bakal berdampak besar yakni menghapus fitur "View Image" pada Google Images. Ini merupakan solusi dari penyelesaian antara Google dengan Getty Images.

For those asking, yes, these changes came about in part due to our settlement with Getty Images this week (see also https://t.co/a5uFldOcih). They are designed to strike a balance between serving user needs and publisher concerns, both stakeholders we value.

— Google SearchLiaison (@searchliaison) February 15, 2018

Selain fitur "View Image" Google juga menghilangkan fitur "Resolution Search Button" yang berarti kita tidak bisa mencari gambar dengan resolusi tertentu. Tentu saja tindakan Google ini banyak diprotes oleh para pengguna internet karena menurut mereka hal ini berdampak besar untuk melakukan pencarian gambar.

Saya rasa tindakan Google ini dilakukan agar hal ini bisa meningkatkan trafic dari pemilik gambar dan juga mencegah tindakan pencurian gambar. Hal ini wajar saja karena Google merupakan perusahaan yang bergantung pada iklan di sebuah website.

This is a ridiculous inconvenience. I've never wanted anything from getty images, and would happily see their results removed, or just apply this change to content any pages which make a mention of getty images.

I

— Jesse Levesque (@XOIIO) February 16, 2018

Hal ini mungkin bisa menyulitkan kalian para pelajar yang sedang mencari gambar untuk menyelesaikan tugas ataupun kalian para karyawan yang mencari gambar untuk presentasi, namun sepertinya kita hanya bisa menyetujui tindakan google ini. Namun bila kalian masih ingin fitur "View Image" ini ada kalian bisa menambahkan add-on ke browser Firefox atau Chrome kalian.

Nah, menurut kalian bagaimana perubahan yang dilakukan Google kali ini? apakah kalian setuju? atau kalian memprotesnya? tulis pendapat kalian di kolom komentar ya.

5 Rekomendasi Aplikasi Editing Video Terbaik

Editing video dilakukan untuk membuat video yang kita ambil menjadi lebih menarik dengan cara mnambah efek - efek. Nah kalau kalian sedang mencari aplikasi editing video, saya mempunyai daftar aplikasi editing video yang banyak digunakan orang. Karena banyak digunakan orang maka kalian pasti akan terbantu karena bisa bertanya dan mencari tutorialnya. Apa saja aplikasinya? simak daftarnya di bawah.

1. Windows Movie Maker

Yang pertama ini tentu aplikasi editing video yang khusus untuk kalian pengguna Windows. Aplikasi ini tergolong simple dengan tampilan interface yang sederhana sehingga kalian tidak akan bingung saat menggunakannya. Apalagi aplikasi ini termasuk aplikasi editing video yang ringan sehingga bagi kalian yang mempunyai komputer dengan spek rendah bisa menggunakannya dan kabar baiknya adalah aplikasi ini gratis loh.

2. AVS Video Editor

Jujur saya tidak menggunakannya, namun dari yang saya lihat aplikasi ini tergolong aplikasi yang mudah karena tampilannya yang tidak membingungkan. Dan juga saya baca dari beberapa artikel banyak yang merekomendasikan aplikasi ini, jadi sepertinya aplikasi ini cocok untuk saya masukkan di rekomendasi kali ini.

3. Sony Vegas

Nah yang ketiga ini aplikasinya cukup populer loh, bahkan youtuber sekelas Chandraliow pun masih menggunakannya. Aplikasi ini bernama Sony Vegas. Saya pun dulu menggunakannya namun saya telah beralih kelain hati hahaha. Bicara soal Sony Vegas, aplikasi ini terbilang cukup ringan dan mudah digunakan. Pengguna aplikasi ini pun cukup banyak dan juga banyak plugin gratis dan berbayar bertebaran, saya rasa aplikasi ini cocok untuk kalian yang baru saja ingin belajar video editing.

4. Adobe Premiere Pro

Aplikasi ini sangat populer di kalangan video editor loh, tutorialnya pun banyak bertebaran di Internet, jadi kalau ingin belajar tinggal siapkan kuota dan langsung cari deh di Internet. Sayangnya aplikasi ini lumayan berat, bahkan di laptop saya yang RAM-nya 4gb sekalipun kadang masih terkendala lag apabila menggunakan efek yang cukup berat, jadi saya sarankan apabila menggunakan aplikasi ini siapkan komputer dengan spesifikasi yang memedai dahulu.

5. Adobe After Effect

Aplikasi terakhir masih dalam keluarga adobe, namanya Adobe After Effect. Aplikasi ini sebenarnya dikhususkan untuk mengedit video bertipe motion grapich dan juga video 3D. Dan kalau kalian memang tertarik menggunakannya kalian harus persiapkan komputer dengan spek yang lumayan untuk bisa mengedit dengan nyaman disini.

Sebenarnya bila kalian tidak punya komputer kalian bisa mencoba aplikasi video editing di hp namun saya rasa fitur yang dihadirkan tidak akan selengkap aplikasi video editing di komputer. Nah itu tadi rekomendasi aplikasi video editing dari saya, semoga bisa membantu kalian dalam mencari aplikasi apa yang harus kalian gunakan untuk mengedit video. Kalau kalian ada pertanyaan bisa tulis dikolom komentar ya.

7 Aplikasi Android Boros Kuota

Walaupun kita sudah masuk ke era internet yang dimana - mana harus terhubung ke internet yang sebenarnya bertujuan untuk memudahkan aktivitas kita. Namun yang jadi kendala adalah harga yang harus dibayarkan untuk mengakses internet itu sendiri menjadi beban bagi sebagian orang. Apalagi untuk kalangan pelajar dan mahasiswa yang belum memiliki pekerjaan dan juga hidup dengan uang pas - pasan. 

Walaupun kita mampu untuk membeli kuota internet atau setidaknya bisa terhubung ke internet berkat numpang wifi tetangga apa yang terjadi? berbagai aplikasi langsung menggerogoti kuota kalian. Hal ini bukan hanya akan berdampak terhadap kuota kalian yang cepat habis namun juga dapat membuat penyimpanan smartphone kalian cepat penuh dan parahnya mungkin karena terhubung dengan internet mungkin saja smartphone kalian bisa disisipi virus yang mengambil data - data penting kalian.

Nah untuk mencegah hal buruk tadi saya punya daftar aplikasi yang memakan banyak kuota yang bisa berguna untuk meminimalisir kuota kalian cepat habis. 

1. Youtube

Aplikasi ini memang saya akui berguna sekali buat saya untuk mencari bahan referensi, menonton tutorial atau hanya sekedar menonton video - video lucu. Namun karena hal tersebutlah kuota saya menjadi cepat habis. Saran saya kalau memang tidak perlu dan juga kalau kalian punya kuota mepet jangan sampai pergi ke situs/ aplikasi ini. Atau bila memang terpaksa harus ke youtube kalian bisa pergi ke tempat yang tersedia wifi gratisnya atau kalian bisa menonton dengan resolusi 360p / 480p.

2. Netflix

Aplikasi ini hampir sama seperti youtube namun disini kalian juga bisa menonton film - film dengan membayar sejumlah uang untuk berlangganan tiap bulannya. Kalau memang punya uang sedikit sebaiknya lupakanlah untuk memakai aplikasi ini. Mending duitnya disimpen buat tabungan pernikahan hahaha.

3. Google Play Store

Sebenarnya aplikasi ini relatif sih, kalau kalian tidak memerlukan aplikasi yang sebenarnya enggak butuh - butuh banget ya enggak usah di download lah. Namun yang jadi masalah adalah apabila kita sudah mendownload aplikasi dari Play Store atau mungkin ada aplikasi yang sudah nempel ketika pertama kali beli hp, ada satu fitur yang membuat kuota kalian bakal ludes dalam sekejap. 

Fitur itu adalah fitur "Auto Update". Sebenarnya fitur ini ada agar aplikasi kalian selalu update tanpa harus meng-updatenya satu persatu. Namun bagi pengguna kuota seperti saya hal ini malah merugikan saya. Kalian tenang saja karena fitur ini bisa dinonaktifkan dengan cara pergi ke Pengaturan -> Pilih Auto Update apps -> lalu pilih "Do not auto-update apps."

4. Instagram

Siapa dari kalian yang suka main Instagram? dibalik popularitasnya sebagai sosial media yang hampir menyamai Facebook, Instagram ternyata juga biang dibalik cepatnya kuota kalian habis, dikarenakan di instagram itu isinya cuman gambar dan video, tidak ada yang pure tulisan saja. Karena isinya yang cuman gambar dan video itulah yang menyebabkan kuota kalian cepet habis.

5. Facebook

Aplikasi ini sama seperti Instagram namun disini bukan hanya gambar dan video saja namun juga bermacam macam file bisa dibagikan disini. Saya sendiri pun masih sangat aktif menggunakan sosial media ini bahkan lebih aktif pakai Facebook ketimbang Instagram. Solusinya agar kuota kalian hemat sih saran saya gunakanlah aplikasi Facebook Lite yang bisa didownload di play store atau kalian juga bisa menggunakan layanan gratis menggunakan Facebook dari Indosat dan Telkomsel namun dengan catatan kalian tidak bisa melihat gambar dan video yang dibagikan.

6. Spotify

Aplikasi streaming lagu yang sudah jelas lah ya kenapa aplikasi ini boros kuota, apalagi kalian harus membayar untuk berlangganan tiap bulan. Ada sih versi gratis namun tentu akan ada fitur yang di matikan untuk pengguna dengan versi gratis dan juga kalian harus mendengarkan iklan setiap beberapa menit. Kalau memang punya kuota dan uang mepet saran saya enggak usah pakai aplikasi ini. Cukup pakai radio saja kalau mau mendengarkan lagu, lagian pakai radio juga enggak pakai koneksi internet.

7. Twitter

Aplikasi jejaring sosial yang sama seperti Facebook ataupun Instagram walaupun di Indonesia tidak begitu terkenal dibanding Facebook atau Instagram namun di luar negri jejaring sosial ini cukup terkenal loh bahkan bisa menyaingi Instagram. Dan saran dari saya kalau memang tidak punya kepentingan ya enggak usah dipakai.

Itu tadi 7 aplikasi android yang bisa membuat kuota kalian cepat habis, sebenarnya masih banyak aplikasi - aplikasi sejenis namun karena banyak jadi saya pilih beberapa saja. Kalau menurut kalian, manakah aplikasi yang paling boros kuota? tulis pendapat kalian di kolom komentar ya.