Search This Blog

KodeTR

Tutorial Seputar Dunia Teknologi Informasi

Home
Aplikasi
RacNative

More…

Posts

Showing posts from October, 2019

Show all

Aplikasi Translate Offline

Get link
Facebook
Twitter
Pinterest
Email
Other Apps

October 18, 2019

Total Pageviews

Menampilkan Data Menggunakan RecyclerView (Firebase) Part 1

July 07, 2017

Hello sobat, pada part 1 ini saya akan memberikan tutorial bagaimana cara menampilkan data di recyclerview dengan menggunakan firebase real time database ini adalah salah satu fitur dari firebase, Jadi firebase real time databases merupakan sebuah NoSQL databases yang dapat diakses secara real time oleh user dan hebatnya lagi dapat menyimpan data secara lokal tanpa terkoneksi internet atau lebih jelasnya secara ofline, kemudian saat terkoneksi internet atau dalam keadaan online akan melakukan sync atau singkronisasi data, untuk lebih memahaminya lagi saya akan memberikan langkah-langkah dalam pembuatan aplikasi ini. Firebase Membuat akun firebase, daftar disini Jika sudah melakukan pendaftar buat aplikasi baru untuk langkah-langkahnya dapat sobat baca pada dokumentasi firebase disini Gradle Menambahkan library firebase dan pendukung lainnya pada gradle aplikasi compile 'com.android.support:design:25.3.1' compile 'com.firebase:firebase-clien

React Native - Menampilkan Data (Redux Storage) Part 1

July 10, 2017

Hello Sobat, Kali ini saya akan membahas mengenai cara membuat aplikasi React Native untuk menampilkan menggunakan ListView data dan menyimpan data menggunakan library Redux Storage, sebelum saya masuk ke langkah pembuatan aplikasi saya akan menjelaskan sedikit mengenai library redux storage, Redux Storage merupakan database lokal yang digunakan untuk melakukan penyimpanan dan library redux strorage juga bisa melakukan singkronisasi data, baik mungkin itu penjelasan singkat mengenai redux strorage jika ingin mengetahui lebih dalam mengenai libary ini kunjungi aja di sini , selanjutnya kita masuk ke langkah pembuatan aplikasinya. Source Code Create Aplikasi Membuat aplikasi baru lihat vidio disini Library Menambahkan library masukan perintah pada terminal react-native <nama library> --save untuk lebih jelas lihat vidio disini , struktur library yang ditambahkan dalam bentuk json pada package.json Class Aplikasi Dibagian index.android.js tambahkan code ber

Menampilkan Data Menggunakan RecyclerView (Volley) Part 1

July 07, 2017

Hello sobat, hari ini saya akan berbagi tutorial mengenai library volley, apa itu volley merupakan library yang digunakan untuk memudahkan pertukaran data tanpa harus menulis code begitu panjang dan membuat code berulang-ulang, volley juga menggunakan metode singkronisasi atau asynctask jadi jika menggunakan volley tidak perlu membuat method class asycntask secara manual lagi. Mungkin itu sekilas penjelasan mengenai library volley, baik untuk langkah selanjutnya kita akan membuat aplikasi. Database Membuat databases, sesuaikan dengan nama supaya tidak terjadi error saat aplikasi dijalankan connection.php <?php define('HOSTNAME', 'localhost'); define('USERNAME', 'root'); define('PASSWORD', ''); define('DB_SELECT', 'db_blogspot'); $koneksi = new mysqli(HOSTNAME,USERNAME,PASSWORD,DB_SELECT) or die (mysqli_errno()); if(!$koneksi){ die("Koneksi ke MySQL gagal dilakukan!<br>"); } ?&

Aplikasi Ceramah Ustadz Abdul Somad Lc.,MA

August 14, 2017

Aplikasi ini berisikan ceramah 133 tanya jawab dari Ust Abdul Somad Lc.,MA. Aplikasi kajian Ust Abdul Somad ini memberikan siraman rohani kepada kita semua baik orang tua maupun anak – anak. Dengan aplikasi ini anda dapat menambahkan wawasan , iman dan ketaqwaan kepada Allah. Dengan beragam tema ceramah semoga dapat menguatkan iman kita kepada Allah. Anda bisa melihat vidio kajian dan juga dapat menggunakan aplikasi ini secara offline dengan cara klik tombol unduh dan dalam aplikasi ini juga terdapat buku dari karangan Ustadz Abdul Somad Lc.,MA yang dapat langsung dibaca secara offline.

React Native - Login OAuth Facebook

July 12, 2017

Hello sobat, hari ini saya akan memberikan tutorial mengenai autentikasi atau nama kerennya OAuth merupakan fitur keamanan khusus untuk setiap kali ada seorang atau pengguna yang mencoba mengakses dari komputer atau perangkat seluler yang tidak dikenali, jadi aplikasi yang di buat kali ini membuat login dengan menggunakan pihak ketiga yaitu facebook, facebook sudah mengediakan API dengan beberapa fitur salah salah satunya yang saya bahas kali ini, baik untuk langkah-langkah dalam membuat aplikasi kali ini. Vidio Tutorial Jadi untuk membuat aplikasi terlebih dulu membuat aplikasi facebooknya di sini untuk cara penghubungan dari aplikasi ke API facebooknya lihat saja vidionya. Server Jadi kita harus membuat server untuk bisa terhubung ke facebook tersebut, struktur dari server Jadi yang harus dibuat dulu yaitu folder dengan nama server selanjutnya buat file Buat file .babelrc dan masukan code { "presets": ["es2015", "stage-0&quo

Menampilkan Data Menggunakan RecyclerView (Retrofit) Part 1

July 02, 2017

Hello Sobat, Hari ini saya akan memberikan tutorial untuk menampilkan data menggunakan RecylerView dengan HTTP REQUEST menggunakan library Retrofit untuk lebih jelasnya mengenai library ini sobat bisa kunjungi situs resminya disini , Tanpa berpikir panjang karna saya sudah kehabisan kata-kata saya akan memberikan langkah-langkah untuk membuat aplikasinya perhatikan iya. Membuat Databases Sobat copy code databases dibawah ke mysql /* Navicat MySQL Data Transfer Source Server : tanwir Source Server Version : 50624 Source Host : localhost:3306 Source Database : db_blogspot Target Server Type : MYSQL Target Server Version : 50624 File Encoding : 65001 Date: 2017-07-03 09:16:54 */ SET FOREIGN_KEY_CHECKS=0; -- ---------------------------- -- Table structure for siswa -- ---------------------------- DROP TABLE IF EXISTS `siswa`; CREATE TABLE `siswa` ( `nis` int(11) NOT NULL, `nama` varchar(255) DEFAULT NULL

React Native - Using ad admob

July 27, 2017

Hello Sobat, Hari ini saya akan memberikan tutorial bagaimana cara memasang iklan admob pada aplikasi android menggunakan react native, baik untuk langkah-langkahnya sobat bisa lihat dan langsung parktekan. Vidio Tutorial Admob Membuat akun admob disini , jika soba sudah membuat akun admob selanjutnya buat iklan dengan format unit iklan banner dan iklan native jika sudah sobat akan dapat kode unit iklan seperti gambar dibawah Jika semua sudah beres selanjutnya membuat aplikasinya Package Menambahkan library admob pada package.json dengan mengetik perintah pada terminal npm i react-native-admob -S Index.android.js Maskan Source Code Berikut, untuk pemasangan iklan lihat vidio /** * Sample React Native App * https://github.com/facebook/react-native * @flow */ import React , { Component } from 'react' ; import { AppRegistry , StyleSheet , Text , View , Platform , TouchableHighlight , } from 'react-native' ;

Android Studio - CRUD Menggunakan SQLite

July 11, 2017

Hello sobat, hari ini saya akan berbagi tutorial mengenai CRUD menggunakan SQLite, jadi SQLite itu adalah databases opensource yang berukuran kecil yang menggunakan fitur penuh dengan perintah SQL, jadi dalam pembuatan aplikasi ini tidak perlu menambahkan library dalam gradle karena SQLite sudah ada dalam device android, baik selanjutnya kita masuk ke langkah pembuatan. Manifest Masukan semua code xml pada manifest <? xml version= "1.0" encoding= "utf-8" ?> < manifest xmlns:android= "http://schemas.android.com/apk/res/android" package= "com.codetr.tanwir.siswasqlite" > < application android:allowBackup= "true" android:icon= "@mipmap/ic_launcher" android:label= "@string/app_name" android:supportsRtl= "true" android:theme= "@style/AppTheme" > < activity android:name= ".MainActivity" &g

CRUD Menggunakan Firebase Part 2

July 08, 2017

Hello sobat, saya akan memberikan artikel mengenai CRUD menggunakan library firebase yang sebelumnya sudah kita bahas mengenai firebase pada artikel sebelumnya yaitu menampilkan data menggunakan recyclerview dan sekarang masuk ke part 2 mengenai CRUD yaitu Tambah, Ubah dan Hapus data, untuk langkah-langkahnya, Langkah PART 1 Design Layout Membuat layout dengan struktur Masukan code xml pada dialog_layout.xml <? xml version= "1.0" encoding= "utf-8" ?> < LinearLayout xmlns:android= "http://schemas.android.com/apk/res/android" android:layout_width= "match_parent" android:layout_height= "match_parent" android:layout_margin= "5dp" android:orientation= "vertical" > < android.support.design.widget.TextInputLayout android:layout_width= "match_parent" android:layout_height= "wrap_content" android:layou