Tuesday, January 21, 2020

logoblog

Cara Membuat RecyclerView di Android Dan Menampilkan Data dari MySQL


Membuat RecyclerView di Android Dan Menampilkan Data dari MySQL - Hai sobat blogcahti, sudah sekian lama saya baru update post lagi dikarenakan kesibukan kuliah membuat saya malas buka blog untuk membuat artikel baru. Tutorial yang saya bagikan kali ini cukup berbeda yaitu mengenai pemrogaman android yang berhubungan dengan tugas akhir kuliah. Tujuan tutorial ini yaitu mengambil data JSON yang telah diparsing dari database MYSQL dengan memanfaatkan library Retrofit. Kemudian dataset akan ditampilkan pada RecyclerView dalam bentuk list items.

Apa itu RecyclerView Android

Saya akan berikan sedikit penjelasan mengenai RecyclerView sebelum kita memulai membuat program. Singkatnya RecylerView adalah sebuah widget yang berfungsi untuk menampilkan dataset. Sebelum adanya widget RecyclerView, kita menggunakan ListView untuk menampilkan dataset. Kekurangan yang ada pada ListView dalam menghandle data yang besar dan dirasa kurang efisien menjadi alasan lahirnya RecyclerView, dimana dapat menampung dataset dalam jumlah besar.

Oke, itu sedikit penjelasan singkat RecylerView langsung saja kita praktekan dengan membuat program.

Langkah Membuat RecyclerView

Sebelum membuat project android, terlebih dahulu membuat database dan file .php untuk koneksi ke database.

Membuat Database Mysql

Pertama, buat database dengan nama "location".
Kemudian buat table dengan nama "location".

Buat struktur tabel dengan query :
CREATE TABLE `location` (
  `id` int(11) NOT NULL,
  `name` varchar(30) NOT NULL,
  `lat` varchar(30) NOT NULL,
  `lng` varchar(30) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
 

Insert value ke tabel dengan query :
INSERT INTO `location` (`id`, `name`, `lat`, `lng`) VALUES
(1, 'Universitas Amikom Yogyakarta', '-7.760508', '110.408542'),
(2, 'Universitas Negeri Yogyakarta', '-7.774721', '110.386242'),
(3, 'Universitas Gajah Mada', '-7.771374', '110.377472');

Jika tidak ada error lanjut ke tahap berikutnya.

Membuat File .php Koneksi Database

Buat direktori baru pada folder htdocs dengan nama "location" untuk menyimpan file php. Disini kita akan membuat dua file php yakni untuk koneksi ke database dan menampilkan field dari tabel.

Buat file connect.php dan getlocation.php
Setelah itu coba cek apakah json sudah bisa tampil dengan cara memasukan url localhost/recyclerview/getcontact.php?item_type=tb_recylerview

Maka hasilnya akan seperti ini :
[{"id":"1","name":"Universitas Amikom Yogyakarta","lat":"-7.760508","lng":"110.408542"},{"id":"2","name":"Universitas Negeri Yogyakrta","lat":"-7.774721","lng":"110.386242"},{"id":"3","name":"Universitas Gajah Mada","lat":"-7.771374","lng":"110.377472"}]

Tahap pembuatan project android.

Buka Android Studio, New > Project > Empty Activity dan beri nama RecylerView.

Tambahkan depedencies pada build.gradle (Module:app) seperti berikut :
//add these for lines implementation 'com.squareup.retrofit2:retrofit:2.4.0' implementation 'com.squareup.retrofit2:converter-gson:2.2.0' implementation "androidx.recyclerview:recyclerview:1.1.0" // For control over item selection of both touch and mouse driven selection implementation "androidx.recyclerview:recyclerview-selection:1.1.0-beta01"

Kemudian Sync project. Ingat! Saya menggunakan versi androidx, kalian bisa menyesuaikannya.

Ubah activity_main.xml seperti berikut :
Lanjut dengan membuat item.xml :
Buat class Adapter.java
Selanjutnya buat Interface dengan nama Api.java lalu ubah kind menjadi Interface MainActivity.java
Tambahkan permission internet di AndroidManifest.xml :
<uses-permission android:name="android.permission.INTERNET"></uses-permission>

Terakhir, Run App menggunakan emulator atau device yang tersambung USB. Terlebih dahulu aktifkan USB debugging di device android. Note : Ganti IP address di ApiClient.java dengan IP local komputer

Apabila terjadi masalah pada saat menjalankan aplikasi dengan error "java.io.IOException: Cleartext HTTP traffic to * not permitted" buka AndroidManifest.xml lalu tambahkan :
<application android:usescleartexttraffic="true" application=""></application>

Project source : GITHUB

Sekian tutorial tentang Cara Membuat RecyclerView di Android dengan Mysql. Jika ada yang ingin ditanyakan, silahkan berkomentar.

Terimakasih telah mengunjungi blogcahti, semoga bermanfaat.

Saturday, December 21, 2019

logoblog

Cara Mengatasi Microsoft Office Word Tidak Bisa Save File di Windows 10

word error save

Mengatasi Dokumen Microsoft Word Error Can Not Save File - Hai sobat blogcahti, kalian pernah mengalami error ketika akan menyimpan file ke drive tertentu? Sebagai contoh menyimpan dokumen word dan kemudian muncul pop up seperti ini "File not found. Check the file name and try again". Atau ketika akan menyimpan dokumen yang sudah diedit lalu muncul "Word cannot save or create this file. Make sure that the disk you want to save the file on is not full, write-protected, or damage".

file not found

word can not save file


Berhubung permasalahan ini pernah saya alami juga, kemudian saya telusuri dan alhasil masalah ini dikarenakan kita mengaktifkan fitur Controlled folder access. Fitur tersebut berguna untuk melindungi drive entah dari malware atau virus lainnya. Karena itu kita tidak bisa menyimpan file pada direktori yang telah terproteksi. Solusinya yaitu kita harus turn off protected folder dimana kita akan menyimpan file tersebut.

Langkah untuk menonaktifkan fitur Controlled folder access pada Windows 10

  • Klik Start  > Settings .
  • Pilih Update & Security > Windows Security.
  • Klik Open Windows Security.
  • Klik Virus & threat protection, dan pilih Virus & threat protection settings > Manage settings.
  • Scroll kebawah pilih Controlled folder access > Manage Controlled folder access, lalu klik untuk nonaktifkan.

controlled folder access

Selain itu kalian bisa mengatur sendiri folder yang akan diproteksi atau dihapus. Secara default ada beberapa folder pada drive C: yang terproteksi secara permanen saat fitur Controlled folder access diaktifkan. Kalian bisa menambah atau menghapus protected folder. Hapus protected folder yang digunakan untuk menyimpan file. Selesai.

Sekian tutorial tentang Cara Mengatasi File Dokumen Microsoft Word Tidak Bisa Save di Windows 10. Jika ada yang ingin ditanyakan, silahkah berkomentar.

Terimakasih telah mengunjungi blogcahti, semoga bermanfaat.

Thursday, April 12, 2018

logoblog

Penggunaan Attribut Colspan dan Rowspan di Table HTML

Penggunaan Attribut Colspan dan Rowspan di Table HTML

Penggunaan Attribut Colspan dan Rowspan - Halo sobat blogcahti. Beberapa bulan ini saya jarang update artikel karena sibuk dengan urusan kuliah. Kali ini saya update artikel tentang HTML yang maerupakan salah satu tugas mata kuliah pemrogaman web.

HTML adalah pondasi sebuah web. Oleh karena itu kita wajib mempelajari dasar-dasar HTML terlebih dahulu. Selain itu CSS mendukung untuk pengembangan desain suatu web. Disini kita akan mempelajari apa itu attribut Colspan dan Rowspan pada tabel HTML. Mari kita menuju pembahasan yang lebih lanjut dibawah ini.

Pengertian Colspan Dan Rowspan

Jika kalian sedang mempelajari tabel HTML tentu harus mengerti fungsi attribut Colspan dan Rowspan. Colspan dan Rowspan merupakan attribut HTML yang berfungsi untuk menggabungkan beberapa kolom dan baris. Attribut tersebut dibungkus didalam tag <th> ataupun <td>.

Colspan sendiri merupakan kependekan dari Colomn Span yang berati banyaknya gabungan kolom dalam suatu tabel dan pada baris selanjutnya tetap diikuti oleh jumlah kolom yang sama atau lebih singkatnya kotak yang melebar kesamping.

Sedangkan Rowspan merupakan kependekan dari Row Span yang berarti banyak baris yang digabungkan atau lebih singkatnya kotak yang lebar kebawah. Jadi, kedua attribut tersebut bisa dikatakan memilik fungsi yang sama yaitu melebarkan atau menggabungkan.

(Baca juga : Cara Membuat Form Login HTML Paling Mudah)

Dengan demikian attribut Colspan dan Rowspan hanya digunakan pada kondisi tertentu. Supaya lebih jelas dan mudah dipahami akan saya berikan contoh script HTML sederhana.

Penggunaan Attribut Colspan dan Rowspan

1. Colspan

Penggunaan Colspan :
<td colspan=”2”>Teks Kolom</td>

(Catatan : Angka 2 adalah banyaknya kolom yang digabungkan)

Contoh Script

HTML
<!DOCTYPE html>
<html>
<head>
<title>Table Colspan Rowspan</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h2>Colspan and Rowspan</h2>
<table>
  <tr>
    <th>Nama</th>
    <th>Tipe Hero</th>
    <th>Jenis Kelamin</th>
  </tr>
    <tr>
      <td colspan="2">Alicard</td>
      <td>Laki-laki</td>
    </tr>
    <tr>
      <td>Jhonson</td>
      <td colspan="2">Tank</td>
    </tr>
    <tr>
      <td colspan="3">Alice</td>
    </tr>
    <tr>
      <td>Harley</td>
      <td>Mage</td>
      <td>Laki-laki</td>
    </tr>
    <tr>
      <td>Yi Sun Shin</td>
      <td>Marksman</td>
      <td>Laki-laki</td>
    </tr>
</table>
</body>
</html>

CSS
body{
  background: #eee;
}

table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 70%;
    margin:auto;
    left:0;
    right:0;
    background: #fff;
}

h2{
  text-align: center;
  color:#445;
  font-family: arial;
  font-weight: normal;
}

td, th{
    border: 1px solid #bbb;
    text-align: center;
    padding: 8px;
}

th{
  color:#eee;
  border-bottom:solid 1px #888;
}

tr:nth-child(1) {
    background-color: #666;
} 

Penjelasan :
Pada baris pertama tersebut terdapat attribut colspan=”2” yang berarti kolom Nama dan Tipe Hero digabungkan menjadi satu. Jadi, kita secara tidak langsung mengambil dua kolom sesuai urutan yaitu kolom 1 dan 2. Nah, kolom ketiga harus tetap kita buat karena kolom seluruhnya hanya ada 3 dan kita menyesuaikan yang sudah didefinisikan pada tag <td>. Oleh karena itu penulisan tag <th> hanya dilakukan sebanyak dua kali. Begitupun pada baris kedua terdapat attribut colspan yang menggabungkan kolom 2 dan 3.

Colspan
Ketika script dijalankan di browser maka akan tampil seperti screenshoot diatas. Terlihat pada baris ke 1 dan 2 terdapat attribut colspan yang berarti baris tersebut mewakili beberapa kolom yang sudah ditentukan.

2. Rowspan

Penggunaan Rowspan :
<td rowspan=”3”>Teks Baris</td>

(Catatan : Angka 3 adalah banyaknya baris yang digabungkan)

Contoh Script

HTML
<!DOCTYPE html>
<html>
<head>
<title>Table Colspan Rowspan</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

<h2>Colspan and Rowspan</h2>

<table>
  <tr>
    <th>Nama</th>
    <th>Tipe Hero</th>
    <th>Jenis Kelamin</th>
  </tr>
    <tr>
      <td rowspan="2">Alicard</td>
      <td>Fighter</td>
      <td>Laki-laki</td>
    </tr>
    <tr>
      <td>Tank</td>
      <td>Laki-laki</td>
    </tr>
    <tr>
      <td>Alice</td>
      <td rowspan="2">Mage</td>
      <td>Perempuan</td>
    </tr>
    <tr>
      <td>Harley</td>
      <td>Laki-laki</td>
    </tr>
    <tr>
      <td>Yi Sun Shin</td>
      <td>Marksman</td>
      <td>Laki-laki</td>
    </tr>  
</table>
</body>
</html>

CSS
body{
  background: #eee;
}

table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 70%;
    margin:auto;
    left:0;
    right:0;
    background: #fff;
}

h2{
  text-align: center;
  color:#445;
  font-family: arial;
  font-weight: normal;
}

td, th{
    border: 1px solid #bbb;
    text-align: center;
    padding: 8px;
}

th{
  color:#eee;
  border-bottom:solid 1px #888;
}

tr:nth-child(1) {
    background-color: #666;
}

Penjelasan :
Ada 2 atrribut rowspan pada baris 1 dan 3. Pada baris 1 kolom 1 digabung dengan baris 2 kolom 1. Oleh karena itu penulisan pada tag <th> di baris 2 hanya dilakukan sebanyak 2 kali karena yang satunya sudah diwakili oleh baris sebelumnya. Dan pada baris 3 kolom 2 dan baris 4 kolom 2 juga digabungkan menjadi satu, yang berati penulisan pada tag <th> di baris ke 4 hanya dilakukan sebanyak 2 kali karena kolom pertamanya sudah digabung oleh baris sebelumnya.

Rowspan

Seperti yang sudah saya jelaskan sebelumnya pada contoh script Colspan karena intinya sama, terlihat bahwa baris 1 kolom 1 dan baris 2 kolom 1, lalu baris 3 kolom 2 dan baris 4 kolom 2 digabungkan menjadi seperti screenshoot diatas saat dijalankan di browser.

KESIMPULAN

Sebenarnya penggunaan attribut ini cukup mudah dipahami karena kita hanya perlu melihat dimana baris atau kolom yang ingin digabungkan. Setelah itu kita abaikan berapa baris atau kolom yang akan kita buat selanjutnya.

Sekian tutorial tentang penggunaan attribut colspan dan rowspan pada table html. Jika ada yang ingin ditanyakan, silahkan berkomentar.

Terimakasih telah mengunjungi blogcahti, semoga bermanfaat.

Wednesday, March 14, 2018

logoblog

Cara Mengatasi Game Mobile Legends yang Keluar Sendiri Atau Force Close di Android

Cara Mengatasi Mobile Legends Keluar Sendiri (Force Close) Tanpa Root

Mengatasi Mobile Legends Keluar Sendiri - Akhir ini sangat banyak peminat game online moba android. Terutama game yang sedang trending di Indonesia yaitu Mobile Legends Bang Bang. Ya, game yang dibesut oleh Moonton ini menjadi sangat viral mulai dari kalangan anak-anak hingga dewasa.

Namun ada beberapa masalah yang sering dialami oleh pengguna ketika bermain game moba ini. Salah satunya yaitu masalah aplikasi yang secara tiba-tiba keluar dengan sendirinya atau force close. Tentu kamu akan kesal dengan hal satu ini, apalagi jika kamu sedang asik bermain mode rangked. Kamu akan mendapatkan hukuman AFK karena meninggalkan pertandingan dan tim kamu pasti kecewa. Hal ini juga pernah dialami teman saya yang sedang mabar (main bareng) dengan saya dan teman lainnya. Tidak hanya satu kali, tapi sering banget tiba-tiba keluar sendiri.


Penyebab Mobile Legends Keluar Sendiri

Ada beberapa penyebab yang kemungkinan menjadikan game mobile legends keluar secara tiba-tiba.
1. RAM penuh
2. Terlau banyak cache aplikasi
3. Game belum diperbarui, dll

(Baca juga : Cara Mengatasi Memori Internal Android Penuh Tanpa Root)

Dari beberapa penyebab diatas mungkin banyak yang mengabaikan hal satu ini yaitu cache aplikasi. Ya, semakin banyak cache aplikasi yamg tersimpan maka akan terasa berat pula ponsel android. Apalagi jika RAM atau Internal yang dimiliki tergolong kecil.

Cara Mengatasi Force Close Mobile Lengends

Tenang saja, kamu tidak usah kawatir. Saya akan memberikan beberapa tips untuk mengatasi masalah ini. Berdasarkan pengalaman saya dan teman yang pernah mengalami hal tersebut, maka akan saya ulas solusi yang tepat dan sesuai. 

1. Paksa berhenti aplikasi yang memakan banyak RAM

RAM penuh akan mempengaruhi kinerja sebuah aplikasi, terutama mobile legends yang memiliki membutuhkan RAM lumayan besar. Berdasarkan pengalaman saya, menggunakan android dengan kapasitas RAM 1gb tidak bisa membuka ML. Teman saya yg menggunakan RAM 2gb saja terkadang force close. Nah, untuk mengatasinya sementara dengan paksa berhenti aplikasi yang tidak diperlukan. Caranya masuk ke setelan aplikasi dan pilih beberapa aplikasi lalu paksa berhenti. Ingat ini hanya sementara saja, kemungkinan jika kamu membuka aplikasi lain bisa terulang lagi.

2. Bersihkan cache aplikasi

Kebanyakan pengguna mengabaikan hal ini. Cache adalah tempat penyimpanan aplikasi sementara, bukan seperti RAM. Dengan cache maka kamu tidak perlu repot membuka aplikasi dengan waktu lama. Cache yang menumpuk akan memperlambat kinerja ponsel. Maka dari itu bersihkan cache adalah hal yang harus dilakukan. Download saja aplikasi Cache Cleaner di Google Play Store. Saya merkomendasikan CCleaner karena selain membersihkan cache, dapat juga untuk membersihkan sampah lainnya.

3. Perbarui Game

Jika kalian belum update game Mobile Legends, kemungkinan bisa terjadi hal semacam ini. Untuk itu cek update aplikasi di Google Play Store.

4. Reinstall Game

Salah satu cara yang mungkin bisa mengatasi force close adalah dengan memasang ulang aplikasi. Pertama kamu uninstall terlebih dahulu, lalu install kembali. Biasanya terjadi kesalah sistem sehingga force close terjadi.

5. Ganti Smartphone dengan RAM lebih besar

Nah, kalau RAM kamu kecil dan aplikasi menumpuk sudah pasti dalat terjadi FC. Belilah Smartphone android dengan RAM lebih besar. Maka kemungkinan besar tidak terjadi force close.

Kesimpulan

Jika kamu sudah melakukan tips yang saya sampaikan diatas dengan menganalisa penyebab terlebih dahulu, maka game mobile legends akan berjalan mulus dan tidak akan terjadi lagi force close.

Sekian tutorial tentang cara mengatasi mobile legends keluar sendiri (force close) tanpa root. Jika ada yang ingin ditanyakan, silahkan berkomentar.

Terimakasih telah mengunjungi blogcahti, semoga bermanfaat.

Monday, January 8, 2018

logoblog

Cara Menambahkan Tag Hreflang di Blog Optimasi SEO

Cara Menambah Tag Hreflang di Blog

Cara Menambah Tag Hreflang di Blog - Sebagai seorang blogger kamu tentu harus mengetahui hal yang satu ini. Ketika kamu ingin memudahkan pengunjung melihat halaman blog kamu, maka perhatikan penggunaan tah hreflang.Kebanyakan blogger mengabaikan hal ini, entah karena tidak mengerti fungsinya atau tidak peduli sama sekali.

Optimasi SEO memang penting untuk meningkatkan trafik blog. Namun apakah kamu sudah menerapkan tag yang sedang kita bahas? Setelah sekian optimasi On Page sudah dilakukan ternyata masih ada satu hal yang kebanyakan blogger lupakan yaitu tag hreflang.

Fungsi Tag Hreflang

Pertama-tama kita saya akan sedikt membahas apa itu tag hreflang. Tag tersebut merupakan tag yang berfungsi untuk menyesuaikan bahasa konten blog kepada pengunjung sesuai dengan target bahasa yang ditujukan. Lebih jelasnya tag tersebut berguna agar blog kamu dapat dilihat oleh pengunjung dari negara manapun dengan menyesuaikan bahasa negara tersebut. Mungkin penjelasannya cukup singkat saja, mari kita lanjut ke cara penggunaannya.

Cara Menggunakan Tag Hreflang Di Blog

Setelah mengetahui betapa pentingnya tag hreflang untuk meningkatkan SEO blog, maka saya akan menjelaskan cara penggunaannya di blog. Jika kamu pengguna platform wordpress mungkin sudah disesuaikan oleh developer templatenya. Penulisan tag ini cukup sederhana sehingga mudah untuk diterapkan di blog. Ada beberapa cara penulisan script untuk tag hreflang.

1. Menentukan tag ke bahasa tertentu

 Kamu bisa menentukan bahasa mana yang akan dipilih dengan mengubah pada bagian hreflang='disini'
<link href='http://blogcahti.blogspot.com' hreflang='am-et' rel='alternate'/>
Tag tersebut berfungsi untuk menangkap bahasa Amharik baik itu Ethopia ataupun Eritrea.

Catatan :  Ubah bagian script yang berwarna merah dengan URL blog kamu

2. Menentukan bahasa secara otomatis

Namun jika kamu ingin menggunakan tag hreflang yang menyesuaikan seluruh bahasa di dunia, maka perlu diubah bagian tag hreflang='am-et' menjadi hreflang='x-default' Lebih jelasnya perhatikan script berikut :
<link href='http://blogcahti.blogspot.com'  hreflang='x-default' rel='alternate'/>

3. Menentukan secara dinamis menyesuaikan URL 

Sedangkan jika kamu ingin tag tersebut lebih dinamis dengan menyesuaikan alamat url halaman yang di buka maka gunakan tag di berikut ini :
<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
Tag tersebut akan menyesuaikan url seluruh halaman yang ada di blog kamu dengan menggunakan atribut expr:href='data:blog.url'

Langkah meletakkan script

Jika platform blogger masuk ke Tema > Edit html lalu pilih salah satu script tersebut dan letakkan diatas </head> atau dibawah <head> begitupun dengan patfrom lain tinggal menyesuaikan. Berikut contoh penempatan script di blogger
Penggunaan Tag Hreflang


Kesimpulan

Dengan menambahkan optimasi berikut tidak menjamin bahwa trafik blog kamu akan naik drastis. Perlu kita ketahui lagi bahwa masih banyak hal lainnya untuk menaikan trafik pengunjung blog. Namun dengan menerapkan tag ini, blog kamu akan lebih banyak diminati oleh berbagai pengunjung dari seluruh dunia.

Sekian tutorial tentang cara menambahkan tag hreflang di blog yang baik untuk optimasi SEO On Page. Jika ada yang ingin ditanyakan, silahkan berkomentar.

Terimakasih telah mengunjungi blogcahti, semoga bermanfaat.