WIREFRAMES

Component ID Image Items

1.1.0.0 Header - Home
1. Logo BCA
2. Menu Level 1
3. Pilihan Bahasa (Indonesia/Inggris)
4. Banner Halo BCA
5. Kolom Pencarian
6. Menu Level 2
7. Banner BCA Prioritas
8. Icon Kategori Produk
9. Menu Level 3

1.2.0.0 Header - Non Home

1. Logo BCA
2. Menu Level 1
3. Pilihan Bahasa (Indonesia/Inggris)
4. Banner Halo BCA
5. Menu Level 2
6. Banner BCA Prioritas
7. Icon Kategori Produk
8. Menu Level 3
9. Kolom Pencarian
10. Icon Tutup Pencarian
1.3.0.0 Header - Menu Kartu Kredit
1. Logo BCA
2. Menu Level 1
3. Pilihan Bahasa (Indonesia/Inggris)
4. Banner Halo BCA
5. Menu Kartu Kredit Level 2
6. Banner BCA Prioritas

2.1.0.0 Side Widget

1. KlikBCA
2. Kurs Mata Uang
3. Contact Us
4. Lokasi
5. Share

2.1.1.0 Side Widget - Klik BCA

 1. Icon KlikBCA
2. Teks KlikBCA

2.1.2.0 Side Widget - Kurs BCA

1. Icon Kurs BCA

2. Teks Kurs BCA
3. Judul
4. Tanggal & jam update Kurs BCA
5. Tabel Nilai Kurs BCA
6. Button link halaman Kurs BCA
7. Button close

2.1.3.0 Side Widget - Kontak BCA

1. Icon Kontak BCA

2. Teks Kontak BCA
3. Judul
4. Teaser
5. Daftar pertanyaan umum
6. Button link halaman kontak BCA
 7. Button close

2.1.4.0 Side Widget - Lokasi BCA

1. Icon Lokasi BCA

2. Teks Lokasi BCA
3. Judul
4. Informasi lokasi kantor cabang / ATM
BCA Terdekat dari lokasi user
5. Informasi lokasi berupa peta
6. Button link halaman Lokasi BCA
7. Button close

2.1.5.0 Side Widget - Share Page

1. Icon Share
2. Teks Share
3. Judul
4. Pilihan channel social media untuk
sharing content
5. Button close
2.2.0.0 Side Widget - Back to Top

1. Icon Back to Top

2.3.0.0 Breadcrumb

1. Link Breadcrumb

3.0.0.0 Footer

1. Informasi OJK
2. Link footer halaman tertentu
3. Informasi hak cipta/milik website BCA

4.0.0.0 Kontak BCA - Shortcut

1. Judul
2. Teaser
3. Icon pilihan kontak BCA
5.1.1.0 Banner - Header Homepage
1. Image banner header
2. Judul banner
3. Teaser berupa informasi singkat
mengenai banner
4. Button link ke halaman detail
5. Banner slider

5.1.2.0 Banner - Header Menu / Sub menu / Index Kategori Produk

1. Image banner header
2. Judul banner
3. Teaser berupa informasi singkat
mengenai banner
4. Button link ke halaman detail #1
5. Button link ke halaman detail #2
6. Banner slider

5.1.3.0 Banner - Header Produk

1. Image banner header
2. Judul banner
3. Teaser berupa informasi singkat
mengenai banner
4. Button link ke halaman detail #1
 5. Button link ke halaman detail #2

5.1.4.0 Banner - Banner Header Kartu Kredit

1. Image banner Corporate Value #1
2. Judul Corporate Value #1
3. Teaser Corporate Value #1
4. Image banner Corporate Value #2
5. Judul Corporate Value #2
6. Teaser Corporate Value #2
7. Image banner Corporate Value #3
8. Judul Corporate Value #3
9. Teaser Corporate Value #3
10. Judul Banner KlikBCA
11. Teaser banner KlikBCA
12. Tombol link KlikBCA

5.1.5.0 Banner - Corporate Value & KlikBCA

1. Image banner Corporate Value #1
2. Judul Corporate Value #1
3. Teaser Corporate Value #1
4. Image banner Corporate Value #2
5. Judul Corporate Value #2
6. Teaser Corporate Value #2
7. Image banner Corporate Value #3
8. Judul Corporate Value #3
9. Teaser Corporate Value #3
10. Judul Banner KlikBCA
11. Teaser banner KlikBCA
12. Tombol link KlikBCA
 Link To
Personalized
Behaviour Content Type Information Architecture Use Case Layout Design Integration Points
Component

Clickable No Image
Clickable No Text
Selection No Text
Clickable (only on mobile) No Text
Input No Text
Clickable No Text
Clickable No Text
Changeable No Image
Clickable No Text

Forum Use Case Diagram

Clickable No Image
Clickable No Text
Selection No Text
Clickable (only on mobile) No Text
Clickable No Text
Clickable No Text Forum Use Case Diagram
Changeable No Image
Clickable No Text
Input No Text
Clickable No Image
Clickable No Image
Clickable No Text
Selection No Text
Clickable (only on mobile) No Text Forum Use Case Diagram
Clickable No Text
Clickable No Text

Hover & Clickable No Image & Text

Hover & Clickable No Image & Text
Hover & Clickable No Image & Text
Hover & Clickable No Image & Text
Hover & Clickable No Image & Text

Forum Use Case Diagram

Forum Use Case Diagram

Hover & Clickable No Image
Static No Text

Hover & Clickable No Image

Static No Text
Static No Text
Changeable No Text
Changeable No Text
Changeable No Text
Clickable No Text / image Forum Use Case Diagram

Hover & Clickable No Image

Static No Text
Forum Use Case Diagram
Static No Text
Changeable No Text
Changeable No Text
Changeable No Text
Clickable No Text / image

Hover & Clickable No Image

Static No Text
Static No Text

Changeable No Text
Changeable No Text
Changeable No Text
Clickable No Text / image

Forum Use Case Diagram

Hover & Clickable No Image

Static No Text
Static No Text Forum Use Case Diagram

Changeable No Text
Clickable No Text / image
Clickable No Text / image

Forum Use Case Diagram

Clickable No Text
Forum Use Case Diagram

Static No Text / image

Clickable No Text
Forum Use Case Diagram
Static No Text

Static No Text
Changeable No Text
Clickable No Image
Forum Use Case Diagram
Changeable No Image
Changeable & Clickable No Text

Changeable No Text
Clickable No Text
Clickable No Text
Forum Use Case Diagram

Changeable No Image
Changeable & Clickable No Text

Changeable No Text
Clickable No Text
Clickable No Text
Clickable No Text
Forum Use Case Diagram

Changeable No Image
Changeable & Clickable No Text
Forum Use Case Diagram

Changeable No Text
Clickable No Text
Clickable No Text

Changeable & Clickable No Image

Changeable & Clickable No Text
Changeable & Clickable No Text
Changeable & Clickable No Image
Changeable & Clickable No Text
Changeable & Clickable No Text
Changeable & Clickable No Image Forum Use Case Diagram
Changeable & Clickable No Text
Changeable & Clickable No Text
Changeable No Text
Changeable No Text
Clickable No Text

Changeable & Clickable No Image

Changeable & Clickable No Text
Changeable & Clickable No Text
Changeable & Clickable No Image
Changeable & Clickable No Text
Changeable & Clickable No Text
Changeable & Clickable No Image Forum Use Case Diagram
Changeable & Clickable No Text
Changeable & Clickable No Text
Changeable No Text
Changeable No Text
Clickable No Text
Please refer to this document for the Use Case Diagram
UMLPrioritasEnhancement-Berita - Rev2.pdf
Information Architecture

Device Types
Component ID Page Contents [1] User [3] Wireframes Use Case
[Desktop, Tablet, Mo [2]

1.1.0.0 Header - Home Desktop All User

1.2.0.0 Header - Non Home [4]
Information Architecture

Device Types
Component ID Page Contents [1] User [3] Wireframes Use Case
[Desktop, Tablet, Mo [2]

1.3.0.0 Header - Kartu Kredit [5] Desktop All User

Information Architecture

Device Types
Component ID Page Contents [1] User [3] Wireframes Use Case
[Desktop, Tablet, Mo [2]
Information Architecture

Device Types
Component ID Page Contents [1] User [3] Wireframes Use Case
[Desktop, Tablet, Mo [2]

2.1.1.0 Side Widget - Klik BCA [6] Desktop All User

2.1.2.0 Side Widget - Kurs BCA [7] Desktop All User

Information Architecture

Device Types
Component ID Page Contents [1] User [3] Wireframes Use Case
[Desktop, Tablet, Mo [2]

2.1.3.0 Side Widget - Kontak BCA [8] Desktop All User

Information Architecture

Device Types
Component ID Page Contents [1] User [3] Wireframes Use Case
[Desktop, Tablet, Mo [2]
Information Architecture

Device Types
Component ID Page Contents [1] User [3] Wireframes Use Case
[Desktop, Tablet, Mo [2]

2.1.4.0 Side Widget - Lokasi BCA [9] Desktop All User

Information Architecture

Device Types
Component ID Page Contents [1] User [3] Wireframes Use Case
[Desktop, Tablet, Mo [2]

2.1.5.0 Side Widget - Share Pag [10] Desktop All User

Information Architecture

Device Types
Component ID Page Contents [1] User [3] Wireframes Use Case
[Desktop, Tablet, Mo [2]

2.2.0.0 Side Widget - Back to To [11] Desktop All User

Information Architecture

Device Types
Component ID Page Contents [1] User [3] Wireframes Use Case
[Desktop, Tablet, Mo [2]

2.3.0.0 Breadcrumb [12] Desktop All User

Information Architecture

Device Types
Component ID Page Contents [1] User [3] Wireframes Use Case
[Desktop, Tablet, Mo [2]

3.0.0.0 Footer [13] Desktop All User

Information Architecture

Device Types
Component ID Page Contents [1] User [3] Wireframes Use Case
[Desktop, Tablet, Mo [2]

4.0.0.0 Kontak BCA - Shortcut [14] Desktop All User

Information Architecture

Device Types
Component ID Page Contents [1] User [3] Wireframes Use Case
[Desktop, Tablet, Mo [2]

5.1.1.0 Banner - Header Homepa [15] Desktop All User

Information Architecture

Device Types
Component ID Page Contents [1] User [3] Wireframes Use Case
[Desktop, Tablet, Mo [2]

5.1.2.0 Banner - Header Menu / S [16] Desktop All User

Information Architecture

Device Types
Component ID Page Contents [1] User [3] Wireframes Use Case
[Desktop, Tablet, Mo [2]

5.1.3.0 Banner - Header Produk [17] Desktop All User

Information Architecture

Device Types
Component ID Page Contents [1] User [3] Wireframes Use Case
[Desktop, Tablet, Mo [2]

5.1.4.0 Banner - Corporate Value [18] Desktop All User

 Descriptions [19] General Header Content General Footer Content

CONTENT DESCRIPTIONS:
- Menampilkan Logo BCA
- Menampilkan data menu level 1
- Pilihan bahasa
- Banner Halo BCA
- Menampilkan data menu level 2
- Menampilkan data menu level 3
- Menampilkan banner/link BCA Prioritas
- Menampilkan kolom pencarian
- Tombol close (Component 1.2.0.0)

FUNCTIONS:
- Link untuk kembali ke Homepage (logo BCA)
- Link menu level 1, 2 dan 3 untuk memilih halaman tert
- Opsi pilihan bahasa untuk mengubah preferensi peng
- link untuk masuk ke microsite BCA prioritas
- Fitur input kata kunci pencarian

FIELDS:
- Logo BCA [image, maks:150x150px]
- Menu Level 1,2,3 [teks, maks:30 karakter ]
- Halo BCA [image, maks:150x150px]
- Link BCA Prioritas [teks, maks:30 karakter]
- Kolom pencarian [teks, maks:65 karakter]

USER INTERACTIONS:
- Klik Logo BCA untuk kembali ke Homepage
- Hover dan klik menu level 1, 2 dan 3 untuk memilih ha
- Klik pilihan bahasa untuk mengubah preferensi pengg
- Klik banner/link BCA prioritas untuk masuk ke microsi
- Klik icon pencarian (Component ID 1.1.0.0) untuk men
- Klik tombol close untuk menutup kolom pencarian (C

RELATIONS:
- Homepage & Semua Halaman Menu Level 1,2,3
- Halaman hasil pencarian
- Microsite BCA Prioritas

PERSONALIZED COMPONENT:
- Not defined
 Descriptions [19] General Header Content General Footer Content

CONTENT DESCRIPTIONS:
- Menampilkan Logo BCA
- Menampilkan data menu level 1
- Pilihan bahasa
- Banner Halo BCA
- Menampilkan data menu level 2 (mouse hover)
- Menampilkan data menu level 3
- Menampilkan data submenu Kartu Kredit
- Menampilkan banner/link BCA Prioritas
- Menampilkan kolom pencarian
- Tombol close (Component 1.2.0.0)

FUNCTIONS:
- Link untuk kembali ke Homepage (logo BCA)
- Link menu level 1, 2 dan 3 untuk memilih halaman tert
- Link menu level 2 khusus Kartu Kredit
- Opsi pilihan bahasa untuk mengubah preferensi peng
- link untuk masuk ke microsite BCA prioritas
- Fitur input kata kunci pencarian

FIELDS:
- Logo BCA [image, maks:150x150px]
- Menu Level 1,2,3 [teks, maks:30 karakter ]
- Submenu Kartu Kredit
- Halo BCA [image, maks:150x150px]
- Link BCA Prioritas [teks, maks:30 karakter]
- Kolom pencarian [teks, maks:65 karakter]

USER INTERACTIONS:
- Klik Logo BCA untuk kembali ke Homepage
- Hover dan klik menu level 1, 2 dan 3 untuk memilih ha
Descriptions [19] General Header Content General Footer Content
 Descriptions [19] General Header Content General Footer Content

CONTENT DESCRIPTIONS:
- Menampilkan Icon KlikBCA
- Menampilkan teks icon KlikBCA

FUNCTIONS:
- Link untuk membuka website KlikBCA

FIELDS:
- Logo KlikBCA [image, maks:64x64px]
- Teks KlikBCA [teks, maks:30 karakter]

USER INTERACTIONS:
- Klik tombol icon kurs untuk membuka widget
- Klik Logo KlikBCA untuk kembali ke masuk ke website KlikBCA
- Klik tombol close untuk menutup widget

RELATIONS:
- Website Klikbca

PERSONALIZED COMPONENT:
- Not defined

PERSONALIZATION RULES:
- Not defined
 Descriptions [19] General Header Content General Footer Content

CONTENT DESCRIPTIONS:
- Menampilkan Icon Kurs
- Menampilkan teks Kurs BCA
- Menampilkan ringkasan nilai kurs beberapa mata uang
- Link halaman detail kurs

FUNCTIONS:
- Link untuk membuka halaman kurs BCA
- Menampilkan informasi nilai tukar mata yang sedang berlaku
- Menampilkan informasi tanggal update nilai kurs

FIELDS:
- Icon Kurs BCA [image, maks:64x64px]
- Teks Kurs BCA [teks, maks:30 karakter]
- Judul Widget (Kurs BCA)
- informasi tanggal update nilai kurs
- Tabel nilai kurs mata uang [tabel, teks]

USER INTERACTIONS:
- Klik tombol icon kurs untuk membuka widget
- Klik tombol lihat nilai tukar mata uang lainnya untuk masuk ke halaman kurs BCA
- Klik tombol close untuk menutup widget

RELATIONS:
- Halaman kurs BCA

PERSONALIZED COMPONENT:
- Not defined

PERSONALIZATION RULES:
- Not defined
 Descriptions [19] General Header Content General Footer Content

CONTENT DESCRIPTIONS:
- Menampilkan Kontak BCA
- Menampilkan teks Kontak BCA
- Menampilkan Judul & Teaser widget Kontak BCA
- Menampilkan beberapa link daftar pertanyaan umum
- Link halaman detail Kontak BCA

FUNCTIONS:
- Link untuk membuka halaman Kontak BCA
- Menampilkan beberapa daftar pertanyaan umum
- Link untuk mengakses informasi dari daftar pertanyaa

FIELDS:
- Icon Kontak BCA [image, maks:64x64px]
- Teks Kontak BCA [teks, maks:30 karakter]
- Judul Widget Kontak BCA [Teks, maks:30 karakter]
- Teaser Widget Kontak BCA [teks, maks:160 karakter]
- Daftar pertanyaan umum [teks, maks 5 item pertanyaa

USER INTERACTIONS:
- Klik tombol icon Kontak BCA untuk membuka widget
- Klik Link daftar pertanyaan umum untuk melihat detil i
- Klik "tombol lanjutkan ke halaman kontak BCA" untuk
- Klik tombol close untuk menutup widget

RELATIONS:
- Halaman kontak BCA
- Detil informasi yang berasal dari daftar pertanyaan u

PERSONALIZED COMPONENT:
- Daftar pertanyaan umum

PERSONALIZATION RULES:
- Daftar pertanyaan menyesuaikan dengan halaman yan
- Maksimal 5 pertanyaan untuk setiap daftar pertanyaa
Descriptions [19] General Header Content General Footer Content
 Descriptions [19] General Header Content General Footer Content

CONTENT DESCRIPTIONS:
- Menampilkan Detil informasi lokasi Kantor Cabang da
- Menampilkan peta lokasi kantor cabang terdekat
- Menampilkan Judul & teaser widget lokasi BCA
- Link halaman detail Lokasi BCA

FUNCTIONS:
- Deteksi lokasi user
- Menampilkan informasi detil kantor cabang atau ATM
- Menampilkan rute kantor cabang terdekat dengan lok
- Akses ke halaman detil lokasi BCA

FIELDS:
- Icon Lokasi BCA [image, maks:64x64px]
- Teks Lokasi BCA [teks, maks:30 karakter]
- Judul Widget Lokasi BCA [Teks, maks:30 karakter]
- Teaser Widget Lokasi BCA [teks, maks:160 karakter]
- Informasi detil kantor cabang atau ATM [teks, maks:5
- Peta lokasi [google maps, maks: 300x300px]

USER INTERACTIONS:
- Klik tombol icon Lokasi BCA untuk membuka widget
- Klik request notifikasi browser untuk mendeteksi loka
- Klik "tombol lihat lokasi cabang/ATM lainnya" untuk
- Klik tombol close untuk menutup widget

RELATIONS:
- Halaman lokasi BCA
- Google maps (jika tersedia opsi)

PERSONALIZED COMPONENT:
- Informasi lokasi kantor cabang / ATM BCA Terdekat d

PERSONALIZATION RULES:
- User harus mengijinkan browser untuk mendeteksi lo
- Sistem akan menampilkan informasi kantor cabang /
- Sistem akan menampilkan koordinat lokasi mengguna
 Descriptions [19] General Header Content General Footer Content

CONTENT DESCRIPTIONS:
- Menampilkan Icon Share
- Menampilkan teks icon Share
- Menampilkan beberapa icon social media

FUNCTIONS:
- Link untuk melakukan sharing informasi menggunakan social media tertentu

FIELDS:
- icon Share [image, maks:64x64px]
- Teks Share [teks, maks:30 karakter]
- icon social media [image, maks:64x64px]

USER INTERACTIONS:
- Klik tombol icon kurs untuk membuka widget
- Klik icon social media untuk melakukan sharing
- Klik tombol close untuk menutup widget

RELATIONS:
- Website atau apps social media

PERSONALIZED COMPONENT:
- Not defined

PERSONALIZATION RULES:
- Not defined
 Descriptions [19] General Header Content General Footer Content

CONTENT DESCRIPTIONS:
- Menampilkan Icon Back to Top

FUNCTIONS:
- Tombol untuk kembali ke halaman website paling atas

FIELDS:
-

USER INTERACTIONS:
- Klik icon Back to Top untuk kembali ke bagian atas halaman

RELATIONS:
-

PERSONALIZED COMPONENT:
- Not defined

PERSONALIZATION RULES:
- Not defined
 Descriptions [19] General Header Content General Footer Content

CONTENT DESCRIPTIONS:
- Menampilkan susunan menu/submenu dari halaman tertentu

FUNCTIONS:
- Link untuk mengakses menu/submenu dari masing-masing halaman

FIELDS:
-

USER INTERACTIONS:
- Klik link dari masing-masing menu/submenu untuk mengakses halaman tersebut

RELATIONS:
- Menu/Submenu masing-masing koten

PERSONALIZED COMPONENT:
- Not defined

PERSONALIZATION RULES:
- Not defined
 Descriptions [19] General Header Content General Footer Content

CONTENT DESCRIPTIONS:
- Menampilkan informasi OJK
- Menampilkan beberapa halaman tertentu
- Menampilkan informasi hak cipta website

FUNCTIONS:
- Link untuk mengakses halaman-halaman tertentu

FIELDS:
- teks & image Informasi OJK
- teks link halaman tertentu
- teks Informasi hak cipta/milik website BCA

USER INTERACTIONS:
- Klik link mengakses masing-masing halaman tertentu

RELATIONS:
-

PERSONALIZED COMPONENT:
- Not defined

PERSONALIZATION RULES:
- Not defined
 Descriptions [19] General Header Content General Footer Content

CONTENT DESCRIPTIONS:
- Menampilkan Judul Component Kontak BCA (Hubungi Kami)
- Menampilkan teaser call to action untuk kontak ke BCA
- Icon dan teks pilihan media kontak ke BCA

FUNCTIONS:
- Link untuk mengakses email HaloBCA
- Link untuk mengakses account twitter HaloBCA
- Link untuk mengakses halaman lokasi kantor cabang BCA
- Link untuk mengakses fitur online chat yang dimiliki oleh HaloBCA

FIELDS:
- teks untuk judul component Kontak BCA [text; max:30 karakter]
- teks untuk teaser Kontak BCA [text; max:165 karakter]
- Icon media kontak BCA [image ; maks:64x64px]
- Teks media kontak BCA [teks; maks:30 karakter]

USER INTERACTIONS:
- Klik alamait email untuk membuka email client
- klik account twitter mengakses twitter account HaloBCA
- Klik cabang BCA untuk membuka halaman lokasi cabang BCA
- Klik chat BCA untuk mengakses fitur online chat

RELATIONS:
-

PERSONALIZED COMPONENT:
- Not defined

PERSONALIZATION RULES:
- Not defined
 Descriptions [19] General Header Content General Footer Content

CONTENT DESCRIPTIONS:
- Menampilkan image banner
- Menampilkan Judul banner
- Menampilkan teaser banner
- Menampilkan content slider icon untuk pergantian banner

FUNCTIONS:
- Link untuk mengakses konten dari masing-masing banner

FIELDS:
- image banner [image; max:900x300px]
- teks judul banner[text; max:65 karakter]
- teks teaser banner[text; max:165 karakter]
- Icon slider [image ; maks:16x16px]

USER INTERACTIONS:
- Klik judul banner untuk mengakses konten detil dari banner
- Klik icon slider untuk mengakses banner berikutnya/sebelumnya

RELATIONS:
-

PERSONALIZED COMPONENT:
- Not defined

PERSONALIZATION RULES:
- Not defined
 Descriptions [19] General Header Content General Footer Content

CONTENT DESCRIPTIONS:
- Menampilkan image banner
- Menampilkan Judul banner
- Menampilkan teaser banner
- Menampilkan content box slider untuk pergantian banner

FUNCTIONS:
- Link untuk mengakses konten dari masing-masing banner

FIELDS:
- image banner [image; max:900x300px]
- teks judul banner[text; max:65 karakter]
- teks teaser banner[text; max:165 karakter]
- content box slider [teks ; maks:5 box slider; teks judul banner max 65 karakter]

USER INTERACTIONS:
- Klik judul banner untuk mengakses konten detil dari banner
- Klik content box slider untuk mengakses banner berikutnya/sebelumnya

RELATIONS:
-

PERSONALIZED COMPONENT:
- Not defined

PERSONALIZATION RULES:
- Not defined
 Descriptions [19] General Header Content General Footer Content

CONTENT DESCRIPTIONS:
- Menampilkan image banner
- Menampilkan Judul banner
- Menampilkan teaser banner
- Menampilkan beberapa tombol Call to Action (CTA)

FUNCTIONS:
- Link untuk mengakses konten fitur yang terkait dari produk/layanan

FIELDS:
- image banner [image; max:900x300px]
- teks judul banner[text; max:65 karakter]
- teks teaser banner[text; max:165 karakter]
- Tombol Call to Action [Text, Link, max:3 tombol]

USER INTERACTIONS:
- Klik tombol CTA untuk mengakses fitur yang terkait dengan produk/layanan

RELATIONS:
-

PERSONALIZED COMPONENT:
- Not defined

PERSONALIZATION RULES:
- Not defined
 Descriptions [19] General Header Content General Footer Content

CONTENT DESCRIPTIONS:
- Menampilkan image banner 3 item Corporate Value
- Menampilkan Judul banner Corporate Value
- Menampilkan teaser banner Corporate Value
- Menampilkan 1 banner KlikBCA

FUNCTIONS:
- Link untuk mengakses konten Corporate Value
- Link untuk mengakses website KlikBCA

FIELDS:
- image banner [image; max:900x300px]
- teks judul banner [text; max:30 karakter]
- teks teaser banner [text; max:65 karakter]
- Tombol KlikBCA [Text, Link,]

USER INTERACTIONS:
- Klik tombol KlikBCA untuk mengakses website KlikBCA
- Klik semua area banner untuk mengakses konten Corporate Value

RELATIONS:
-

PERSONALIZED COMPONENT:
- Not defined

PERSONALIZATION RULES:
- Not defined
Layout Design Integration Points [20]
Layout Design Integration Points [20]
Layout Design Integration Points [20]
Layout Design Integration Points [20]
Layout Design Integration Points [20]
Layout Design Integration Points [20]
Layout Design Integration Points [20]
Layout Design Integration Points [20]
Layout Design Integration Points [20]
Layout Design Integration Points [20]
Layout Design Integration Points [20]
Layout Design Integration Points [20]
Layout Design Integration Points [20]
Layout Design Integration Points [20]
Layout Design Integration Points [20]
Layout Design Integration Points [20]
Not available yet
[1] Keterangan:
List down all page contents
[2] Keterangan:
If different rules applied for specific devices, then add a new row and define the specifics descriptions
[3] Keterangan
If different rules applied for specific Users, then add a new row
[logged in User]
[Public/Anonymus User]
[4] user:
Display all berita from all kategori
[5] user:
Display all berita from all kategori
[6] user:
Display all berita from all kategori
[7] user:
Display all berita from all kategori
[8] user:
Display all berita from all kategori
[9] user:
Display all berita from all kategori
[10] user:
Display all berita from all kategori
[11] user:
Display all berita from all kategori
[12] user:
Display all berita from all kategori
[13] user:
Display all berita from all kategori
[14] user:
Display all berita from all kategori
[15] user:
Display all berita from all kategori
[16] user:
Display all berita from all kategori
[17] user:
Display all berita from all kategori
[18] user:
Display all berita from all kategori
[19] Keterangan:
CONTENT DESCRIPTIONS:
penjelasan singkat mengenai isi dari halaman ini, link yang ada, aturan khusus, dll

FUNCTIONS:
penjabarkan fungsi-fungsi yang akan dibangun khusus untuk halaman ini.

FIELDS:
List field disertai dengan informasi
[type <text,link,image,dropdown,etc>, min character, max character, source<static,CMS, auto-generated, external>]

USER INTERACTIONS:
penjabaran interaksi user dengan system ketika mengunjungi halaman ini

[20] Keterangan:
Describe specifics requirements for external system integrations