Posts

Showing posts from April, 2016

(Tutorial Android) Floating Label For Edittext Android Material Design

Image
Salah satu komponen yang paling dasar di Android yaitu EditText. EditText merupakan komponen input dari user. Sejak diperkenalkannya material design, komponen EditText sedikit ditambahin animasi yang menarik yaitu Floating Label. Konsep Floating Label EditText diperkenalkan pada material design dengan tampilan yang interaktif. Tampilannya ibarat hint di EditText lalu saat user memulai menginputkkan text maka hint tersebut bergerak ke atas dari posisi semula. Nah. Bagaimana caranya menciptakan floating label? Pada design support library terdapat komponen yang dinamakan TextInputLayout untuk menampilkan floating label. Selain itu kita juga sanggup menampilkan pesan error dengan setErrorEnabled() dan setError() . Berikut implementasinya Tambahkan library support design di gradle app. Tambahkan TextInputLayout di layout activity_main.xml <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/...

(Tutorial Android) Snackbar Android Material Design

Image
Snackbar merupakan salah satu widget di Android Material Design dengan tampilan yang sangat menarik. Sama halnya dengan Toast, ialah fungsinya menampilkan sebuah message. Bukan hanya itu, Snackbar menyediakan feedback mengenai agresi pada sebuah message tersebut. Ok, pada tutorial ini kita akan coba menciptakan snackbar. Tambahkan library support design, sebab snackbar sendiri berada di library ini. Berikut contoh-contoh dari Snackbar : 1. Simple Snackbar Menampilkan snackbar biasa. Snackbar.make(findViewById(android.R.id.content), "Hai semuanya !", Snackbar.LENGTH_LONG).show(); 2. Snackbar with Action Callback Menampilkan Snackbar dengan action callback. Snackbar.make(findViewById(android.R.id.content), "Kenangan (mantan) telah terhapus !", Snackbar.LENGTH_LONG) .setAction("UNDO", new View.OnClickListener() { @Override public void onClick(View view) { Snackbar.make(findViewById(android.R.id.content), "Anda gagal ...

(Tutorial Android) Floating Action Button Android Material Design

Image
Floating Action Button (FAB) yakni salah satu widget menarik yang diperkenalkan di Android Material Design. Floating Action Button mempunyai ciri khas berbentuk bulat dan mempunyai efek menarik menyerupai morphing, launching dan transferring anchor point. Selain itu, intinya fungsi dari Floating Action Button sama saja dengan fungsi-fungsi tombol biasa, menciptakan agresi dikala diklik. Ok, kini kita coba praktekkan langsung. Pertama, tambahkan library support design yang diperlukan. Buat beberapa layout berikut : activity_main.xml  : Pada layout ini kita tambahkan widget floating action button content_main.xml activity_add.xml Selanjutnya buat activity berikut : MainActivity.java package wim.example.com.androidfab; import android.os.Bundle; import android.support.design.widget.FloatingActionButton; import android.support.v7.app.AppCompatActivity; import android.support.v7.widget.Toolbar; import android.view.View; import android.view.Menu; import ...

(Tutorial Android) Grid Layout With Gridlayoutmanager Recyclerview

Image
Membuat tampilan grid sangat mudah, kita sanggup memakai GridLayoutManager. GridLayoutManager dipakai untuk menampilkan list yang ada di RecyclerView dalam bentuk grid. Pada tutorial sebelumnya yaitu (Tutorial Android) RecyclerView and CardView Android Material Design  kita memakai LinearLayoutManager untuk menampilkan RecyclerView dalam bentuk list. Nah, kini kita akan coba menampilkan RecyclerView dalam bentuk grid. Import library yang diperlukan Buat beberapa layout berikut : Buat layout activity_main.xml Buat layout fragment_single.xml Buat layout list_item_single Setelah semua layoutnya selesai, maka selanjutnya yaitu buat kelas-kelas javanya. Pertama buat kelas pojos dengan nama Single.java *Bukan Jomblo Ya package wim.example.com.androidgridlayout.model; /** * Created by wim on 4/14/16. */ public class Single { private int img; private String title; public Single() { } public int getImg() { return img; ...

Pemikiran Teologi Ahlus Sunnah Wal Jamaah

Ahlus Sunnah Wal Jama'ah yaitu suatu golongan yang telah Rasulullah SAW janjikan akan selamat di antara golongan-golongan yang ada. Landasan mereka bertumpu pada ittiba'us sunnah (mengikuti as-Sunnah) dan mengikuti apa yang dibawa oleh nabi baik dalam persoalan aqidah, ibadah, petunjuk, tingkah laku, etika dan selalu menyertai jama'ah kaum Muslimin. Ahlus Sunnah wal Jama'ah sebagaimana yang telah dikemukakan bahwa mereka berpegang teguh pada Al-Qur-an dan. Dan Ahlus Sunnah disebut Salafush Shalih dan orang yang mengikuti jejak mereka. Maka Ahlus Sunnah tidak termasuk dalam semua golongan andal bid'ah dan orang-orang yang mengikuti keinginan nafsunya, seperti  Khawarij, Qadariyah, Mu'tazilah, Murji'ah, Syiah dan lain-lainnya. Dengan demikian, Sunnah yaitu lawan kata bid'ah, sedangkan jama'ah lawan kata firqah (gologan). Mengetahui siapa Ahlus Sunnah Wal Jama’ah yaitu kasus yang sangat penting dan salah satu bekal yang harus ada pada setiap muslim...

(Tutorial Android) Add Header In Recyclerview

Image
RecyclerView merupakan widget material design yang mempunyai kemampuan yang sangat elok dibandingkan dengan ListView. RecyclerView yaitu widget yang lebih fleksibel dan bisa menampung lebih banyak data dan lebih efisien. Selain itu, RecyclerView mempunyai method ViewHolder yang memungkinkan kita menambahkan list data dari layout tertentu. Pada tutorial kali ini, aku ingin membahas bagaimana menambahkan header di RecyclerView. Sebelum kita mulai, alangkah lebih baik membaca postingan aku yang ihwal (Tutorial Android) RecyclerView and CardView Android Material Design . Karena aku memakai sampel projectnya yang sama. Nah, tinggal kita modifikasi sedikit hehe. Pertama, Buat layout gres sebagai header. header.xml Kemudian kita buat adapter untuk RecyclerView. Nah disini kita modifikasi dengan menambahkan header. MemberListAdapter.java package wim.example.com.androidheaderrecyclerview.adapter; import android.support.v7.widget.RecyclerView; import android.view.LayoutI...

(Tutorial Ios) Make Splash Screen In Ios Apps

Image
Semua sudah tahu apa itu splash ! Yap, istilahnya launch screen yang pertama kali muncul di apps. Kali ini aku akan menunjukkan tutorial cara menciptakan splash screen di iOS Apps. Sangat simpel sekali sodara-sodara !!!!! Cuma butuh waktu 1 menit pribadi jadi. Oke pribadi saja simak tutorial berikut : Pertama, ibarat biasa buat project gres (XCODE 7) terlebih dahulu. Buka LaunchScreen.storyboard. Pada dasarnya pada ketika menciptakan project baru, file ini secara default dibuat. Kemudian buatlah tampilan splash sesuai cita-cita Anda disini. Contohnya misalkan aku tambahkan background foto pacar.. ehh oshi maksudnya : Selanjutnya dari LaunchScreen.storyboard tadi, ketika di running maka akan pribadi di redirect ke Main.storyboard. Hasilnya ibarat ini. *Harap maklum alasannya TS nya ngidol Gampang kan ! Projectnya dapat di lihat di https://github.com/andronut/SplashScreen-iOS Sekian dari aku agar bermanfaat. Happy Coding :)

(Tutorial Android) Implement Pagination In Recyclerview

Image
Pagination merupakan suatu metode yang dipakai untuk membatasi data yang ditampilkan. Dengan menerapkan pagination, maka jumlah data yang ditampilkan per halamannya dibatasi, sehingga tidak perlu pribadi mengambil semua data. Pada tutorial kali ini aku akan membahas cara menerapkan pagination di RecyclerView. Untuk itu aku anjurkan untuk melihat postingan aku tentang  (Tutorial Android) RecyclerView and CardView Android Material Design Oke kita akan memakai project dari postingan sebelumnya, hanya kita akan modifikasi sedikit. Pertama, buat layout untuk menampilkan progressbar. Progressbar akan muncul dibagian bawah list dikala di scroll. footer_loading.xml Selanjutnya kita akan menambahkan progressbar tadi sebagai footer di RecyclerView. Modifikasi kelas MemberListAdapter.java berikut. package wim.example.com.androidpaging.adapter; package wim.example.com.androidpaging.adapter; import android.support.v7.widget.RecyclerView; import android.view.LayoutInflater; ...

Teknik Pengkabelan Utp Cross Dan Straight

Image
Kabel merupakan komponen fisik jaringan yang paling rentan dan harus diinstalasi secara cermat dan teliti, walaupun kabel bukanlah sesuatu yang begitu menarik dan biasanya segera dilupakan orang begitu selesai diinstalasi. Namun begitu jaringan terkena masalah, maka kabel merupakan komponen pertama yang diperiksa, alasannya kemungkinan besar timbul pada komponen ini. Kabel digolongkan ke dalam media transmisi yang terpadu. Untuk media transmisi yang terpadu, kapasitas transmisi, dalam hal bandwidth atau datarate, tergantung secara kritis pada jarak dan keadaan media apakah point-to-point atau multipoint, ibarat Local Area Network (LAN). Tiga media yang terpandu yang secara umum dipakai untuk transmisi data ialah twisted pair, coaxial dan fiber optic(serat optik). Kabel boleh dikatakan merupakan media jaringan yang utama dalam membangun sebuah jaringan komputer termasuk juga kartu jaringan. Karena dengan dua komponen ini saja tanpa komponen media LAN expansion yaitu hub, kita sudah ...

(Chord Tutorial) Jkt48 - Boku Wa Gambaru

Image
Boku wa Gambaru (Aku akan Berjuang) Lagu ini ada di list song single ke-6 JKT48 - Gingham Check. Karena saya suka lagunya, oleh alasannya yaitu itu saya ingin bagikan chord tutorialnya. Kita main di nada C alasannya yaitu saya lebih nyaman main di C. Intro C G Am G F Em Dm G C              G Sejak kita bertemu Am         G Aku jadi berfikir F             Em Hal baik apa yang ada Dm             G Pada diriku ini C               G Apakah kecerdasan Am         G Apakah olahraga F     G    Em  Am Apakah penampilan         Dm           G            C Ataukah orang yang menarik F               G Dibandingkan orang lainnya E           ...