Dicoding Developer Coaching merupakan webinar, yang membahas tuntas kendala maupun pertanyaan yang sering ditanyakan di Academy Dicoding. Tema kali ini adalah "Cara Membuat Widget di Aplikasi Androidmu" Di sini Anda akan belajar mengenai komponen Widget. Widget merupakan komponen untuk menampilkan informasi pada layar home perangkat Android. Dengan menambahkan Widget pada layar home, Anda dapat memprioritaskan informasi penting sehingga informasi tersebut dapat langsung ditindaklanjuti oleh pengguna.

1. Khrisna Indrawan Eka Putra
Google Associate Android Developer, Code Reviewer Dicoding

3. 1. Information Widgets
2. Collection Widgets
3. Control Widgets
4. Hybrid Widgets
https://developer.android.com/guide/topics/appwidgets/overview

4. Information widgets typically display a few
crucial information elements that are
important to a user and track how that
information changes over time.
Example
- Weather widgets
- Clock widgets
- Sports score trackers.
https://developer.android.com/guide/topics/appwidgets/overview

5. Collection widgets specialize in displaying
multitude elements of the same type, such as a
collection of pictures from a gallery app, a
collection of articles from a news app or a
collection of emails/messages from a
communication app.
Focus :
- Browsing the collection
- View more detail information
Collection widgets can scroll vertically.
https://developer.android.com/guide/topics/appwidgets/overview

6. The main purpose of a control widget is to display
often used functions that the user can trigger right
from the home screen without having to open the app
first. Think of them as remote controls for an app. A
typical example of control widgets are music app
widgets that allow the user to play, pause or skip
music tracks from outside the actual music app.
Interacting with control widgets may or may not
progress to an associated detail view depending on if
the control widget's function generated a data set,
such as in the case of a search widget.
https://developer.android.com/guide/topics/appwidgets/overview

7. While all widgets tend to gravitate towards one of the
three types described above, many widgets in reality
are hybrids that combine elements of different types.
For the purpose of your widget planning, center your
widget around one of the base types and add
elements of other types if needed.
A music player widget is primarily a control widget,
but also keeps the user informed about what track is
currently playing. It essentially combines a control
widget with elements of an information widget type.
https://developer.android.com/guide/topics/appwidgets/overview

8. 1. Gestures
Because widgets live on the home screen, they have to co-exist with the navigation
that is established there.
The only gestures available for widgets are:
- Touch
- Vertical swipe
2. Elements
Given the above interaction limitations, some of the UI building blocks that rely on
restricted gestures are not available for widgets.
https://developer.android.com/guide/topics/appwidgets/overview

9. 1. Content
2. Navigation
3. Resizing
4. Layout Considerations
5. Configuration
https://developer.android.com/guide/topics/appwidgets/overview

10. Widgets should consolidate and
concentrate an app's information and
then provide a connection to richer
detail within the app.
Always make sure that your app shows
more detail about an information item
than what the widget already displays.
https://developer.android.com/guide/topics/appwidgets/overview

11. Besides the pure information content, you should also consider to round out your
widget's offering by providing navigation links to frequently used areas of your
app.
Good candidates for navigation links to surface on widgets are:
- Generative functions.
- Open application at top level
https://developer.android.com/guide/topics/appwidgets/overview

12. Resizing allows users to adjust the height and/or the
width of a widget within the constraints of the home
panel placement grid.
Allowing users to resize widgets has important
benefits:
- They can fine-tune how much information they
want to see on each widget.
- They can better influence the layout of widgets
and shortcuts on their home panels.
https://developer.android.com/guide/topics/appwidgets/overview

13. https://developer.android.com/guide/topics/appwidgets/overview
Information widgets on the other hand require a bit more hands-on planning, since they are
not scrollable and all content has to fit within a given size. You will have to dynamically
adjust your widget's content and layout to the size the user defined through the resize
operation.

14. It will be tempting to layout your widgets according to the dimensions of the
placement grid of a particular device that you own and develop with. This can be
a useful initial approximation as you layout your widget, but keep the following in
mind:
- The number, size and spacing of cells can vary widely from device to device.
- In fact, as the user resizes a widget, the system will respond with a dp size
range in which your widget can redraw itself.
https://developer.android.com/guide/topics/appwidgets/overview

15. Sometimes widgets need to be setup before they can become useful. Think of
an email widget for example, where you need to provide an account before
the inbox can be displayed. Or a static photo widget where the user has to
assign the picture that is to be displayed from the gallery.
Keep the widget configuration light and don't present more than 2-3
configuration elements.
https://developer.android.com/guide/topics/appwidgets/overview

16. 1. Focus on small portions of glanceable information on your widget. Expand on
the information in your app.
2. Choose the right widget type for your purpose.
3. For resizable widgets, plan how the content for your widget should adapt to
different sizes.
4. Make your widget orientation and device independent by ensuring that the
layout is capable of stretching and contracting.
https://developer.android.com/guide/topics/appwidgets/overview

17. Contact:
khrisna@dicoding.com
Follow us: @dicoding