Langsung ke konten utama

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.

  1. 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


  1. 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


  1. 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.


Label:
Lokasi: Yogyakarta, Kota Yogyakarta, Daerah Istimewa Yogyakarta, Indonesia

Komentar

Posting Komentar

Silahkan beri komentar terkait postingan ini, berupa pertanyaan atau pernyataan boleh. Terima kasih.

Postingan populer dari blog ini

Download EXTJS 7.0.0 GPL

 Silahkan kunjungi laman berikut: https://www.sencha.com/legal/gpl/ Silahkan isi form yang berada di sisi kanan,  mulai dari nama, email sampai negara. Select Sencha Product : pastikan EXT JS Lalu klik tombol GET SDK . Cek email masuk dari Sencha. Di email tersebut ada link Download. Klik aja.  Selesai! Langkah-langkah di atas adalah cara yang disarankan untuk mengunduh resource sdk extjs. 😊 Berikut direct link download, jika sudah tidak bisa mengunduh EXTJS versi 7.0.0, karena secara default link downloadnya auto pointing ke versi extjs yang terbaru. ext-7.0.0-gpl.zip Versi Lama lainnya: ext-6.2.0-gpl.zip ext-4.2.0-gpl.zip Note: Link download extjs 7.0.0 Link download extjs 6.2.0 Link download extjs 4.2.0
Posting Komentar
Baca selengkapnya

Cara Membuat Virtual Environment Python di Mac OS (Catalina) dengan Pyenv

 Baru-baru ini saya mengalami kendala development karena coba-coba upgrade versi python di Mac. Setelah melakukan troubleshooting beberapa jam, akhirnya saya menemukan titik terang perihal development aplikasi yang aman dengan menggunakan versi python tertentu yaitu menggunakan pyenv . Sebagai contoh untuk develop module odoo 12 direkomendasikan menggunakan python 3.6, untuk odoo 14 menggunakan python 3.8. Di satu komputer / mesin / sistem operasi Mac Oc dan Linux biasanya hanya akan terinstall satu versi python (misal di mac: python 2.7) atau dua versi python (python 2.7 dan python 3.6). Untuk mengeceknya dengan melakukan perintah python -V dan/atau  python3 -V  di Terminal. OK, langsung saja kita install pyenv  -nya. Pastikan sudah terinstall brew (Homebrew)  dan Xcode Command Line Tools . brew install readline xz brew install pyenv pyenv-virtualenv Selanjutnya, install beberapa versi python yang akan digunakan. Contoh saya akan menginstall python 3.6 dan 3....
Posting Komentar
Baca selengkapnya

Komponen-komponen EXTJS [Wajib Tahu]

Untuk mempercepat dalam proses belajar dan membangun aplikasi menggunakan framework Extjs adalah dengan mengenal komponen-komponen Extjs.  Berikut komponen-komponen Extjs yang wajib tahu dan yang biasa digunakan dalam pengembangan aplikasi: Form Text TextArea Number Date Time ComboBox Checkbox Radio HtmlEditor File Display Hidden Button Panel Tab Panel Container Window Grid Menu Materi detail akan lebih mudah dipahami melalui tutorial video di channel youtube Ansori M . Playlist:  BELAJAR EXTJS BAHASA INDONESIA   Terima kasih. Salam Koding! Salam Extjs!
Posting Komentar
Baca selengkapnya