Dokumen tersebut membahas tentang Material Design untuk Android, yang merupakan panduan komprehensif untuk antarmuka pengguna dan pengalaman pengguna dari Google. Material Design dirancang untuk konsistensi di berbagai platform dan perangkat, serta mendefinisikan identitas desain untuk Android dan produk Google lainnya. Dokumen tersebut juga menjelaskan komponen pendukung Material Design seperti RecyclerView, CardView, NavigationView, serta dependency yang dibutuhkan.
Bel ajar android kali ini akan membahas tentang pembuatan katalog produk pada aplicais android yang ditampilkan dalam bentuk Grid yang didalamnya ada gambar, nama dan harga
Bel ajar android kali ini akan membahas tentang pembuatan katalog produk pada aplicais android yang ditampilkan dalam bentuk Grid yang didalamnya ada gambar, nama dan harga
Cara Membuat Aplikasi Android Resep Masakan Sederhana Android-SQLitecreatorb dev
Full Source Visit : http://creatorb-lab.blogspot.com/2014/12/cara-membuat-aplikasi-android-resep.html
How to Create Android Recipe App | Cara Membuat Aplikasi Android Resep Masakan | Tutorial Membuat Aplikasi Android
creatorb
Tutorial Cara Membuat Aplikasi RSS Android - creatorbcreatorb dev
It's tutorial about how to create app rss feed for android | Tutorial cara membuat aplikasi rss feed untuk android, untuk kelengkapan data silahkan anda bisa mengunjungi demo video tutorial nya di http://goo.gl/eFP7Gq
creatorb
Tutorial Lengkap Cara Membuat Aplikasi Android Sederhanacreatorb dev
Simple Tutorial About How to Create Simple Android App.
Included Many App tutorial:
- How to Create Android App Calculator.
- How to Create Android App Learn Vegetables.
- How to Create Android App Background Coloring.
- How to Create Android App Puzzle.
- How to Create Android App Notes - Database SQLite.
- How to Create Android App RSS feed,
- How to Create Android App Catalog Company Profile.
Tutorial Lengkap Cara Membuat Aplikasi Android dengan penjabaran yang mudah dan dilengkapi dengan tutorial membuat beberapa aplikasi:
- Cara Membuat Android App Kalkulator.
- Cara Membuat Android App Pelajari Sayuran.
- Cara Membuat Android App Mewarnai Latar Belakang.
- Cara Membuat Android App Puzzle.
- Cara Membuat Android App Catatan - database SQLite.
- Cara Membuat Android App RSS feed,
- Cara Membuat Android App Profil Katalog Perusahaan.
Cara Membuat Aplikasi Android Resep Masakan Sederhana Android-SQLitecreatorb dev
Full Source Visit : http://creatorb-lab.blogspot.com/2014/12/cara-membuat-aplikasi-android-resep.html
How to Create Android Recipe App | Cara Membuat Aplikasi Android Resep Masakan | Tutorial Membuat Aplikasi Android
creatorb
Tutorial Cara Membuat Aplikasi RSS Android - creatorbcreatorb dev
It's tutorial about how to create app rss feed for android | Tutorial cara membuat aplikasi rss feed untuk android, untuk kelengkapan data silahkan anda bisa mengunjungi demo video tutorial nya di http://goo.gl/eFP7Gq
creatorb
Tutorial Lengkap Cara Membuat Aplikasi Android Sederhanacreatorb dev
Simple Tutorial About How to Create Simple Android App.
Included Many App tutorial:
- How to Create Android App Calculator.
- How to Create Android App Learn Vegetables.
- How to Create Android App Background Coloring.
- How to Create Android App Puzzle.
- How to Create Android App Notes - Database SQLite.
- How to Create Android App RSS feed,
- How to Create Android App Catalog Company Profile.
Tutorial Lengkap Cara Membuat Aplikasi Android dengan penjabaran yang mudah dan dilengkapi dengan tutorial membuat beberapa aplikasi:
- Cara Membuat Android App Kalkulator.
- Cara Membuat Android App Pelajari Sayuran.
- Cara Membuat Android App Mewarnai Latar Belakang.
- Cara Membuat Android App Puzzle.
- Cara Membuat Android App Catatan - database SQLite.
- Cara Membuat Android App RSS feed,
- Cara Membuat Android App Profil Katalog Perusahaan.
Polymer and Firebase: Componentizing the Web in RealtimeJuarez Filho
Polymer and Web Components is providing a new way to build web applications and Firebase brings realtime database integration to your applications in an easy way.
Learn how to create extraordinary web apps with Polymer and Firebase together.
Material Design - do smartphone ao desktopHillary Sousa
Você já deve ter visto, no seu celular, a mais nova tendência em web design: o Material Design. Mas como ele funciona? E, o principal, como levar essa nova tendência do smartphone para o desktop?
No 19º WordPress Meetup Rio de Janeiro, Hillary Sousa falará sobre Material Design, o framework de design da Google.
Battle of Frameworks: Polymer - Meetup Paris Web Components - 2016-09Horacio Gonzalez
The Paris Web Components Meetup proposed a session to compare several component-oriented frameworks, where each speaker made the case of his or her favorite framework and showed the implementation of the same webapp done with the chosen framework. I did the Polymer presentation.
Dicoding Developer Coaching #23: Android | Membangun Modern App dengan Jetpac...DicodingEvent
Dicoding Developer Coaching merupakan webinar, yang membahas tuntas kendala maupun pertanyaan yang sering ditanyakan di Academy Dicoding.
Tema kali ini adalah "Membangun Modern App dengan Jetpack & Android Architecture Component."
Di sini Anda akan belajar mengenai Jetpack dan Android Architecture Components. Jetpack adalah serangkaian library yang tersedia untuk membantu developer agar dapat mengikuti praktik terbaik, mengurangi kode boilerplate, serta menulis kode yang berfungsi secara konsisten di berbagai versi dan perangkat Android sehingga developer dapat berfokus pada penulisan kode yang lebih penting. Sedangkan Android Architecture Components adalah salah satu pattern yang dikeluarkan oleh Google. Dengan menerapkan Android Architecture Components, maka kamu akan mempelajar mengenai kumpulan library yang dapat membantu Anda untuk merancang aplikasi yang kuat, dapat diuji, dan dapat dikelola dengan mudah.
GITS Class #11: Android Architecture Component bersama Derayan Bima (Android ...GITS Indonesia
Pada Februari 2019, berlangsung GITS Class #11, seminar gratis dan terbuka untuk umum, di kantor GITS Indonesia. Derayan Bima (salah satu Android developer di GITS Indonesia) membawakan materi mengenai Android Architecture Component.
Jangan sampai ketinggalan!
Follow akun GITS Indonesia untuk mendapatkan info terkait event seru selanjutnya!
Instagram: @gitscreative
Facebook: GITS Indonesia
YouTube: GITS Indonesia
Linkedin: GITS Indonesia
Website: https://gits.co.id/
E-Commerce Chap 4: BUILDING AN E-COMMERCE PRESENCE: WEB SITES, MOBILE SITES, ...Shandy Aditya
Berdasarkan buku Loudon, K. C., & Travel, C. G. (2014). E-Commerce: Business, Technology, Society. New Jersey: Pearson Education.
kali ini kita akan membahas chapter 4: BUILDING AN E-COMMERCE PRESENCE: WEB SITES, MOBILE SITES, AND APPS (D3 A 2018)
Video Presentation Link:
https://youtu.be/R5IFMDgV1kw
- Membahas perkembangan web dan aplikasi web
- Kelebihan dan kekurangan mengembangkan aplikasi untuk web platform
- Tentang PWA
- Komponen utama PWA
- Masa depan platform web
Similar to Material design for android (Diggest) (20)
TUGAS pelaksana pekerjaan jalan jenjang empat 4 .pptx -.pdf
Material design for android (Diggest)
1. Material Design for Android
Ditulis berdasarkan sisi seorang pengembang (Developer)
Sidiq Permana
permana.sidiq@gmail.com
Google Developer Expert for Android and Intel Android Software Innovator
2. Definisi
• Sebuah panduan komprehensif rancangan antara muka (User
Interface) dan pengalaman pengguna (User Experience) dari Google
yang konsisten di beragam platform dan device.
• Merupakan sebuah identitas design UI dan UX untuk Android dan
produk Google lainnya
• Dikembangkan berdasarkan dua materi dasar : kertas dan tinta
• Diperuntukan untuk Android 5.0 (Api Level 21) namun sudah support
untuk backward compability ke pre Android 5.0
• Mengembangkan Material Design di Android Studio sangat
disarankan
4. Element tampilan pendukung Material Design
• Tema aplikasi yang baru (Migrasi dari Holo Based ke Material)
• Widget-widget baru untuk Complex Views seperti RecycledView,
CardView, CoordinatorLayout, CollapsingToolbarLayout dsb
• Beberapa api baru untuk efek bayangan (elevation) dan animasi
seperti :
• Activity Transition
• View Animation
5.
6. Use Material Theme
<resources>
<!-- inherit from the material theme -->
<style name="AppTheme" parent="android:Theme.Material">
<!-- Main theme colors -->
<!-- your app branding color for the app bar -->
<item name="android:colorPrimary">@color/primary</item>
<!-- darker variant for the status bar and contextual app bars -->
<item name="android:colorPrimaryDark">@color/primary_dark</item>
<!-- theme UI controls like checkboxes and text fields -->
<item name="android:colorAccent">@color/accent</item>
</style>
</resources>
It’s very simple than Holo :D
On your styles.xml
8. RecyclerView
• Versi baru dari ListView yang diperuntukan untuk menampilkan data
dalam jumlah yang banyak dan lebih flexible serta sangat efisien
ketika user melakukan scroll
• RecyclerView menyederhanakan cara penampilan dan menghandle
data dalam jumlah yang banyak dengan menyediakan :
• LayoutManager untuk posisi item-item yang ada di dalam RecyclerView
• Animasi dasar untuk beberapa operasi seperti penghapusan dan penambahan
9. <!-- A RecyclerView with some commonly used attributes -->
<android.support.v7.widget.RecyclerView
android:id="@+id/my_recycler_view"
android:scrollbars="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
10. CardView
• Merupakan extends view dari FrameLayout yang memudahkan kita
membuat item dalam RecyclerView ke bentuk kartu (Card) dan akan
konsisten di semua platform
• Elemen CardView memiliki efek bayangan dan ujung2 yang tidak siku
(Rounded)
13. Navigation View
• Bentuk baru dari NavigationDrawer untuk navigasi menu yang pada
komponen ini mengintegrasikan (inflate) resource menu dalam
bentuk xml untuk menjadi item-item menu pada NavigationView
16. Floating labels for editing text
• Untuk membuat hint pada EditText berpindah menjadi label title pada
sebuah EditText. Ini sangat berguna ketika pengguna dihadapkan pada
jumlah inputan EditText yang banyak.
<android.support.design.widget.TextInputLayout android:id="@+id/til"
android:layout_width="fill_parent" android:layout_height="wrap_content">
<EditText android:id="@+id/textDialog"
android:layout_width="fill_parent"
android:layout_height="wrap_content" android:hint="First Name"/>
</android.support.design.widget.TextInputLayout>
17. FloatingActionButton
• Variasi baru untuk tombol Android yang diperuntukan untuk direct
action pengguna terhadap sebuah tampilan, misal : untuk membuat
email baru pada inbox, menambahkan komentar pada sebuah artikel
atau meminta navigasi pada sebuah tampilan peta lokasi.
20. Snackbar
• Bentuk yang lebih powerful ketimbang Toast yang memungkinkan
user untuk memberikan feedback pada sebuah single action, misal
ketika menghapus sebuah item maka tampilkan Snackbar yang
memberi notifikasi penghapusan item dan sebuah action ‘undo’.
Snackbar
.make(parentLayout, R.string.snackbar_text,
Snackbar.LENGTH_LONG)
.setAction(R.string.snackbar_action, myOnClickListener)
.show(); // Don’t forget to show!
21. TabLayout
• Bentuk baru untuk Tab di Android untuk menampilkan lebih dari satu
tipe informasi kedalam sebuah tampilan
• Dikombinasikan dengan ViewPager dan FragmentPagerAdapter untuk
menampilkan fragment-fragment ke layar
• Memungkinkan untuk di slide pada title dan klik pada tab title sebagai
interaksi dasar
<android.support.design.widget.TabLayout
android:id="@+id/tabLayout"
android:scrollbars="horizontal"
android:layout_below="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="?attr/colorPrimary"
app:layout_scrollFlags="scroll|enterAlways" />
23. Toolbar
• Bentuk generalisasi dari ActionBar untuk tampilan aplikasi yang
memungkinkan kita untuk memanipulasi bentuk Application Bar
sesuai yang dibutuhkan
• Cukup dengan setActionBar() maka Toolbar akan menjadi ActionBar
pada aplikasi kita dengan catatan isi dari atribut parent pada
styles.xml diisi dengan Theme.AppCompat.NoActionBar
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.hmkcode.app.MainActivity">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary"/>
</RelativeLayout>
25. CoordinatorLayout dan AppBarLayout
• 2 komponen ini membuat tampilan Toolbar dan item view didalam
AppBarLayout lebih responsif untuk menghandle interaksi Scroll yang
dilakukan oleh pengguna. Ingat bagaimana WhatsApp
menggantungkan Tab Indicator ketika pengguna melakukan scroll
keatas di halaman home pada salah satu tab nya?
28. CollapsingToolbarLayout
• Ditambahkan langsung kedalam AppBarLayout agar item didalamnya
dapat menerima efek animasi Collapse ketika dilakukan scroll oleh
pengguna.
• Pada item didalam CollapsingToolbarLayout ditambahkan dua tipe
collapse effect :
• pin (app:layout_collapseMode="pin") atau
• parallax (app:layout_collapseMode=“parallax")