Edit Profile

Berikut merupakan dokumentasi untuk mengubah profile pada admin panel dan mobile app.

Komponen: Admin Panel

Screen

Screen Edit Profile

Field Username

Property

Description

Type

Input text

Validation

  • Required

  • Length 4-255 characters

Interaction

State=enabled, value=current username

Field Nama Lengkap

Property

Description

Type

Input text

Validation

  • Required

  • Lenght 4-255 character

Format yang diijinkan:

  • a-z (huruf kecil)

  • A-Z (huruf besar)

  • ` (aposthrope)

  • . (titik)

Interaction

None

Field Email

Property

Description

Type

Input text

Validation

  • Required

  • Format email valid

  • Length 3-255 chars

  • Email harus belum terdaftar sebelumnya

Interaction

None

Field Password

Property

Description

Type

Password

Validation

Length 5-255 chars

Interaction

None

Field Ulangi Password

Property

Description

Type

Password

Validation

Isian sama dengan field Password

Interaction

None

Field Telepon

Property

Description

Type

Input text

Validation

  • Required

  • Hanya mengandung karakter numerik (0-9)

  • Length 3-13 chars

  • First character must be 0

Interaction

None

Field Peran

Property

Description

Type

Dropdown

Validation

Required

Interaction

State=disabled

Field Pendidikan

Property

Description

Type

Dropdown

Validation

None

Interaction

Value:

  • SD/MI

  • SMP/MTS

  • SMA/SMK

  • D1

  • D2

  • D3

  • S1

  • S2

  • S3

Field Pekerjaan

Property

Description

Type

Dropdown

Validation

None

Interaction

Value:

  • Belum Bekerja

  • Ibu Rumah tangga

  • Pelajar/mahasiswa

  • Pegawai Negeri

  • Pegawai Swasta

  • TNI/ Polisi

  • Wiraswasta

  • Petani

  • Peternak

  • Nelayan

  • Tukang Bangunan

  • Pengobatan

  • Hukum

  • Tokoh agama

  • Pemerintahan

  • Pendidikan

  • Kesehatan

  • Keuangan

  • Mesin

Field Tanggal Lahir

Property

Description

Type

Date

Validation

Usia tidak boleh kurang dari 20 tahun

Interaction

None

Field Alamat

Property

Description

Type

Input Text

Validation

  • Required

  • Length max. 255 char

Interaction

None

Field Latitude

Property

Description

Type

Input Text

Validation

  • Required jika field Longtitude diisi.

  • Karakter yang diijinkan:

    • Number (0-9)

    • - (minus)

    • . (titik)

    • + (plus)

Interaction

None

Field Longitude

Property

Description

Type

Input Text

Validation

  • Required jika field Lattitude diisi.

  • Karakter yang diijinkan:

    • Number (0-9)

    • - (minus)

    • . (titik)

    • + (plus)

Interaction

None

Field Twitter

Property

Description

Type

Input Text

Validation

Karakter yang diijinkan:

  • a-z (huruf kecil)

  • number 0-9

  • . (titik)

  • _ (underscore)

Interaction

None

Field Facebook

Property

Description

Type

Input Text

Validation

None

Interaction

None

Field Instagram

Property

Description

Type

Input Text

Validation

Karakter yang diijinkan:

  • a-z (huruf kecil)

  • angka 0-9

  • . (titik)

  • _ (underscore

Interaction

None

Photo

Property

Description

Type

Image

Validation

  • Format yang diijinkan:

    • JPG/JPEG/Png

    • Resolusi max 640 x 640px

  • Notes: Apabila resolusi gambar melebihi 640 x 640px maka akan otomatis ke resize oleh sistem

Interaction

None

Button Update Pengguna

Jika data valid:

  • Menyimpan data dan kembali ke halaman View Detail dari current user profile.

  • Menampilkan pesan sukses: "Data user berhasil di-update"

Jika data tidak valid:

  • Tetap pada halaman Form Edit Profil dengan kondisi isian pada tiap field sebagaimana yang diinput user

  • Menampilkan pesan gagal (berwarna merah) pada field yang tidak valid

Button Batal

Kembali ke halaman View Detail dari current user profile tanpa menyimpan data.

Komponen: Mobile Flutter & Ionic

Screen

User RW dipaksa untuk melengkapi profile pada saat pertamakali login (Ionic)
Profile User RW (Flutter)
Edit Profile User (Ionic)
Edit Profile User (Flutter)

Field Username

Property

Description

Type

Input text

Validation

  • Required

  • Length 4-255 characters

Interaction

State=enabled, value=current username

Field Nama

Property

Description

Type

Input text

Validation

  • Required

  • Lenght 4-255 character

Format yang diijinkan:

  • a-z (huruf kecil)

  • A-Z (huruf besar)

  • ` (aposthrope)

  • . (titik)

Interaction

None

Field Email

Property

Description

Type

Input text

Validation

  • Required

  • Format email valid

  • Length 3-255 chars

  • Email harus belum terdaftar sebelumnya

Interaction

None

Gunakan Alamat Email Anda

Property

Description

Type

Redirect to Gmail

Validation

None

Interaction

  • User diarahkan pada email (gmail) yang ada pada device user untuk memilih email

  • Field email akan otomatis terisi dengan email yang telah dipilih user

Field Telepon

Property

Description

Type

Input text

Validation

  • Required

  • Hanya mengandung karakter numerik (0-9)

  • Length 3-13 chars

  • First character must be 0

Interaction

None

Field Alamat

Property

Description

Type

Input Text

Validation

  • Required

  • Length max. 255 char

Interaction

Jika klik pada button set lokasi maka akan redirect pada current location user.

Field Kab/Kota

Property

Description

Type

Text

Validation

None

Interaction

Disabled, Value: Current Kab/Kota

Field Kecamatan

Property

Description

Type

Text

Validation

None

Interaction

Disabled, Value: Current Kecamatan

Field Kelurahan

Property

Description

Type

Text

Validation

None

Interaction

Disabled, Value: Current Kelurahan

Field RW

Property

Description

Type

Text

Validation

None

Interaction

Disabled, Value: Current RW

Field RT

Property

Description

Type

Input Text

Validation

  • Required

  • Lenght 3 character

Interaction

None

Field Role

Property

Description

Type

Text

Validation

None

Interaction

Disabled, Value: Current Role

Field Twitter

Property

Description

Type

Input Text

Validation

Karakter yang diijinkan:

  • /

  • ^

  • [

  • a-z

  • 0-9

  • _

  • .

  • ]

  • +

  • $

  • /

Interaction

None

Field Facebook

Property

Description

Type

Input Text

Validation

None

Interaction

None

Field Instagram

Property

Description

Type

Input Text

Validation

Karakter yang diijinkan:

  • /

  • ^

  • [

  • a-z

  • 0-9

  • _

  • .

  • ]

  • +

  • $

  • /

Interaction

None

Photo

Property

Description

Type

Image

Validation

  • Format yang diijinkan:

    • JPG/JPEG/Png

    • Resolusi max 640 x 640px

  • Notes: Apabila resolusi gambar melebihi 640 x 640px maka akan otomatis ke resize oleh sistem

Interaction

None

Tanggal Lahir

Property

Description

Type

Date

Validation

Usia tidak boleh kurang dari 20 tahun

Interaction

None

Pendidikan

Property

Description

Type

Input Text

Validation

Value:

  • SD/MI

  • SMP/MTS

  • SMA/SMK

  • D1

  • D2

  • D3

  • S1

  • S2

  • S3

Interaction

None

Pekerjaan

Property

Description

Type

Input Text

Validation

Value:

  • Belum Bekerja

  • Ibu Rumah tangga

  • Pelajar/mahasiswa

  • Pegawai Negeri

  • Pegawai Swasta

  • TNI/ Polisi

  • Wiraswasta

  • Petani

  • Peternak

  • Nelayan

  • Tukang Bangunan

  • Pengobatan

  • Hukum

  • Tokoh agama

  • Pemerintahan

  • Pendidikan

  • Kesehatan

  • Keuangan

  • Mesin

Interaction

None

Button Simpan

Jika data valid:

  • Menyimpan data dan kembali ke halaman utama.

  • Menampilkan pesan sukses: "Data user berhasil di-update"

Jika data tidak valid:

  • Tetap pada halaman Form Edit Profil dengan kondisi isian pada tiap field sebagaimana yang diinput user

  • Menampilkan pesan gagal (berwarna merah) pada field yang tidak valid

Last updated