Membuat Aplikasi Login dengan EXTJS 7.0.0 (Part 1)

Sebelum memulai pembuatan aplikasi login dengan framework Extjs 7.0.0 pastikan sudah menyelesaikan tugas-tugas berikut ini:

1. Download SDK EXTJS 7.0.0
2. Install Sencha Cmd
• Sudah saya buatkan tutorial instalasi masing-masing sistem operasi (OS), tinggal ikuti saja.
• Jika masih menemukan kesulitan, silahkan bertanya di kolom komentar.

1. PERSIAPAN

1. Buat folder baru dengan nama: ProjectExtJS , lokasi bebas. Sebagai contoh saya membuat di /Users/gosantha/ProjectExtJS. Untuk pengguna windows, misal di drive D:\ProjectExtJS
2. Buat folder baru lagi di dalamnya dengan nama: sdk_extjs 
3. Pindahkan file ext-7.0.0-gpl.zip (SDK EXTJS 7.0.0) yang sudah di download ke folder sdk_extjs
4. Ekstrak file ext-7.0.0-gpl.zip  
5. Kurang lebih seperti ini struktur folder projectnya.

2. BUAT APLIKASI

1. Buka Terminal (Linux/Mac) atau Command Prompt (Windows)
2. Masuk ke folder ProjectExtJS dengan perintah

• cd ke_path_ProjectExtJS

• contoh punya saya:

• cd /Users/gosantha/ProjectExtJS

• contoh di windows, seperti di langkah persiapan:

• cd D:\ProjectExtJS 

3.  Buat aplikasi MantapApp dengan perintah 

sencha -sdk sdk_extjs/ext-7.0.0 generate app classic MantapApp MantapApp

Struktur Folder Aplikasi MantapApp EXTJS

3. JALANKAN APLIKASI

1. Buka Terminal (Linux/Mac) atau Command Prompt (Windows)
2. Masuk ke folder MantapApp

• cd MantapApp

3. Jalankan aplikasi

• sencha app watch

4. Buka browser masukkan alamat

• http://localhost:1841

4. HENTIKAN APLIKASI 

Untuk mematikan/menghentikan aplikasi cukup dengan menekan tombol Ctrl + C di Terminal / Command Prompt.

Oke. Sampai di sini tutorial part 1-nya. Silahkan eksplorasi, main klik-klik ini itu dulu. 😁

Seri tutorial extjs bahasa indonesia.