Streaming Jet
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Nikmati akses lancar ke film, acara TV, musik, dan konten favorit Anda lainnya di
layar TV, kapan saja di rumah.
Referensi
Tema
Tema warna
Tema warna dibuat menggunakan generator tema
Desain Material 3.
Tipografi
Skala tulisan JetStream menggunakan typeface Inter untuk menciptakan tampilan yang sederhana dan jelas untuk layar TV.
Bentuk
Radius halus diterapkan pada kartu dan tombol untuk membuat tepi yang bersahabat dan mudah dijangkau.
Fokus
Garis batas 3 dp dengan warna garis batas digunakan di JetStream.
Beranda
Beranda
Halaman landing aplikasi JetStream.
Carousel unggulan
Carousel dengan tata letak bergaya kartu.
Baris konten
JetStream menggunakan gaya kartu standar dengan rasio aspek 2:3 dalam tata letak 5 kolom.
Daftar imersif
Tandai konten khusus dalam aplikasi menggunakan komponen daftar imersif, seperti 10 film trending teratas.
Kategori
Kategori
Halaman Kategori menampilkan genre dalam format petak untuk memudahkan navigasi dan akses.
Detail kategori
Petak kartu 2:3 dengan header digunakan untuk membuat halaman detail Kategori.
Film
Tab film standar dengan kartu unggulan berukuran 16:9 di bagian atas dengan petak konten di bagian bawah.
Koleksi
Favorit
Tab Favorit menyertakan filter chip di bagian atas layar untuk memungkinkan penelusuran konten dengan cepat.
Telusuri
Halaman landing penelusuran
Halaman penelusuran menampilkan kotak penelusuran dengan kueri penelusuran yang disarankan berdasarkan penelusuran terbaru.
Penelusuran aktif
Ketika pengguna berfokus pada kotak penelusuran, keyboard akan muncul, dan hasil di bawah akan diperbarui secara dinamis seiring pengguna mengetik.
Detail entitas
Detail landing
Halaman detail menyajikan tampilan sinematik dengan ringkasan plot singkat dan tombol pesan ajakan (CTA) yang terlihat jelas untuk menonton film.
Pemeran dan kru
Bagian Cast and Crew menampilkan deretan kartu klasik dengan judul dan deskripsi, masing-masing disertai aset gambar 2:3.
Rating
Bagian rating menampilkan kartu lebar klasik kustom yang menyertakan informasi tambahan.
Pemutaran
Pemutar video
Pemutar video standar dengan praktik terbaik.
Setelan pemutar video
Pop-up teks tertutup pada pemutar video.
Setelan
Setelan akun
Tata letak halaman akun menampilkan desain dua kolom dengan komponen daftar di sebelah kiri dan komponen kartu kustom di sebelah kanan, yang disusun dalam format petak.
Dialog hapus akun
Kotak dialog dirancang dengan latar belakang yang kontras agar terlihat berbeda dari bagian layar lainnya. Dua tombol dalam dialog ini disejajarkan ke kiri untuk tampilan yang bersih dan teratur.
Tentang
Bagian Tentang menampilkan panel sebelah kanan dengan tampilan teks yang dapat di-scroll.
Setelan subtitel
Komponen daftar digunakan untuk menampilkan berbagai setelan di bawah subtitel, dan menggunakan tindakan seperti tombol atau label.
Histori
Histori penelusuran menggunakan tata letak yang menampilkan daftar kueri yang ditelusuri sebelumnya, beserta opsi untuk menghapus semua histori penelusuran.
Bantuan
Bagian Bantuan dan Dukungan menggunakan komponen daftar kustom untuk menampilkan berbagai opsi, termasuk informasi kontak dan FAQ.
Konten dan contoh kode di halaman ini tunduk kepada lisensi yang dijelaskan dalam Lisensi Konten. Java dan OpenJDK adalah merek dagang atau merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2025-07-27 UTC.
[[["Mudah dipahami","easyToUnderstand","thumb-up"],["Memecahkan masalah saya","solvedMyProblem","thumb-up"],["Lainnya","otherUp","thumb-up"]],[["Informasi yang saya butuhkan tidak ada","missingTheInformationINeed","thumb-down"],["Terlalu rumit/langkahnya terlalu banyak","tooComplicatedTooManySteps","thumb-down"],["Sudah usang","outOfDate","thumb-down"],["Masalah terjemahan","translationIssue","thumb-down"],["Masalah kode / contoh","samplesCodeIssue","thumb-down"],["Lainnya","otherDown","thumb-down"]],["Terakhir diperbarui pada 2025-07-27 UTC."],[],[],null,["# Jet Stream\n\nEnjoy seamless access to your favorite movies, TV shows, music, and more on\nthe big screen, anytime at home.\n\nResources\n---------\n\n| Type | Link | Status |\n|----------------|---------------------------------------------------------------|-----------|\n| Design | [Design source (Figma)](https://goo.gle/jet-stream-figma) | Available |\n| Design | [Inter (Google Fonts)](https://goo.gle/jet-stream-fonts) | Available |\n| Implementation | [Jetpack Compose (Github)](https://goo.gle/jet-stream-github) | Available |\n\nTheme\n-----\n\n\u003cbr /\u003e\n\n**Color theme**\nA color theme is generated using the Material Design 3 theme generator. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Typography**\nJetStream's type scale uses the Inter typeface to create a simple and clear look for TV screens. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Shape**\nA subtle radius is applied to the cards and buttons to create friendly and approachable edges. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Focus**\nA 3dp outline with an outline color is used in JetStream. \n\n\u003cbr /\u003e\n\nHome\n----\n\n\u003cbr /\u003e\n\n**Home**\nLanding page of JetStream app. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Featured carousel**\nA carousel with a card-style layout. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Content row**\nJetStream utilizes a standard card style with a 2:3 aspect ratio in a 5-column layout. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Immersive list**\nHighlight special content in the app using the Immersive list component, such as top 10 trending movies. \n\n\u003cbr /\u003e\n\nCategories\n----------\n\n\u003cbr /\u003e\n\n**Categories**\nThe Categories page displays genres in a grid format for easy navigation and access. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Category cards** \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Category details**\nA 2:3 card grid with a header is used to create the Category details page. \n\n\u003cbr /\u003e\n\nMedia\n-----\n\n\u003cbr /\u003e\n\n**Movies**\nA standard movies tab with a 16:9 featured cards on the top with content grid on the bottom. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Shows** \n\n\u003cbr /\u003e\n\nLibrary\n-------\n\n\u003cbr /\u003e\n\n**Favorites**\nThe Favorites tab includes filter chips at the top of the screen to allow for quick content searching. \n\n\u003cbr /\u003e\n\nSearch\n------\n\n\u003cbr /\u003e\n\n**Search landing**\nA search page features a search bar with suggested search queries based on recent searches. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Active search**\nWhen the user focuses on the search bar, the keyboard pops up, and the results below dynamically update as the user types. \n\n\u003cbr /\u003e\n\nEntity details\n--------------\n\n\u003cbr /\u003e\n\n**Details landing**\nThe details page presents a cinematic view with a brief plot summary and a prominent call-to-action button to watch the movie. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Cast and crew**\nThe Cast and Crew section features a row of classic cards with titles and descriptions, each accompanied by a 2:3 image asset. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Ratings**\nThe ratings section features a custom classic wide card that includes additional information. \n\n\u003cbr /\u003e\n\nPlayback\n--------\n\n\u003cbr /\u003e\n\n**Video player**\nA standard video player with best practices. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Video player settings**\nA close caption popover on the video player. \n\n\u003cbr /\u003e\n\nSettings\n--------\n\n\u003cbr /\u003e\n\n**Account settings**\nThe accounts page layout features a two-column design with a list component on the left and custom card components on the right, arranged in a grid format. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Delete account dialog**\nThe dialog box is designed with a contrasting background to make it stand out from the rest of the screen. The two buttons in the dialog are aligned to the left for a clean and organized look. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**About**\nThe About section features a right-hand panel with a scrollable text view. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Subtitle settings**\nA list component is used to display various settings under subtitle, and uses actions such as a switch or a label. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**History**\nThe search history uses a layout that displays a list of previously searched queries, along with an option to clear all the search history. \n\n\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n**Help**\nThe Help and Support section uses a custom list component to display various options, including contact information and FAQs. \n\n\u003cbr /\u003e"]]
