Ansori, M.

Sudah lama saya mencari-cari tahu terkait cara mengkompres source code file aplikasi EXTJS yang lumayan besar. Bagi yang sudah pernah menggunakan extjs versi 4.2.0, ukuran source file masih terbilang wajar. Begitu menggunakan extjs versi 6.2.0 ke atas, sudah di kisaran 150MB. Hari ini di Sabtu pagi, 23 Januari 2020, ketika saya mau membuat tutorial extjs yang baru, saya melihat susunan folder project yang membuat saya tertarik dan berpikir. Di dalam folder build -> ada folder  development  dan  production . Isi di dalam folder development lebih sedikit dibanding production . Di folder production terdapat file index.html, yang isinya mirip dengan index.html utama (yang ada di atasnya, root MantapApp). Sebelumnya sering eksekusi perintah  sencha app build di terminal, terdapat keterangan default build development. Iseng tarik file MantapApp/build/production/MantapApp/index.html ke browser, tampilannya sama persis dengan yang kita develop (pas proses coding). Co...

 Tutorial membuat Aplikasi Login dengan EXTJS 7.0.0 part 3 ini, secara khusus diperuntukkan bagi teman-teman yang suka main Front End dan Back End sekaligus alias Full Stack Developer. Tanpa mengikuti tutorial part 3 ini tidak masalah, bagi teman-teman yang fokus di bagian UI / Tampilan Antar Muka a.k.a Front End. Di tutorial ini, kita akan membuat SERVICE yang nantinya digunakan oleh MantapApp dengan bahasa pemrograman PHP secara sederhana . Database yang digunakan menggunakan MySQL / MariaDB. A. PERSYARATAN Minimal kamu sudah pernah install XAMPP Tahu letak dokumen localhost, biasanya ada di folder instalan XAMPP -> folder htdocs. Linux users yang manual install apache, php & mysql ada di /var/www/html atau /var/www/public/html Bisa membuat database dengan phpmyadmin atau software sql editor. Tutorial ini akan lebih mudah diikuti kalau pernah ngoding php, kalau belum juga bisa kok. Yang penting ketiga poin di atas. B. PERSIAPAN Install Web Server. Pada umumnya menggunakan ...

 Kita lanjut serial tutorial membuat Aplikasi Login dengan EXTJS 7.0.0. Tutorial ini merupakan lanjutan dari part 1. Jadi harus diikuti secara berurutan ya. A. GUNAKAN TEXT EDITOR PILIHANMU Bagi yang belum tahu apa itu Text Editor, secara sederhana di dunia pemrograman namanya aplikasi buat ngoding. Diantaranya: Sublime Text  (Sublime) Visual Studio Code  (VS Code) Atom Notepad++ DLL. Yang terpenting adalah saat ngoding dengan text editor tersebut mudah, nyaman dan bisa produktif. Kalau saya sendiri biasa pakai Sublime Text untuk project dengan Extjs atau php. Visual Studio Code untuk project android dengan Flutter. Pokoknya pilih yang cocok aja sama kebiasaanmu. B. PAHAMI AREA BERMAIN -> FOLDER APP  Penampakan struktur folder MantapApp dibuka dengan Sublime Text Silahkan buka folder MantapApp dengan Text Editor (Sublime/VS Code/sejenisnya).  Di dalamnya ada banyak folder dan file. Pastilah ya... Nah, fokus kita ada di folder app . Kita nantinya bakal berma...

Sebelum memulai pembuatan aplikasi login dengan framework Extjs 7.0.0 pastikan sudah menyelesaikan tugas-tugas berikut ini: Download SDK EXTJS 7.0.0 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. PERSIAPAN Buat folder baru dengan nama: ProjectExtJS , lokasi bebas. Sebagai contoh saya membuat di /Users/gosantha/ProjectExtJS . Untuk pengguna windows, misal di drive D:\ProjectExtJS Buat folder baru lagi di dalamnya dengan nama: sdk_extjs   Pindahkan file  ext-7.0.0-gpl.zip  (SDK EXTJS 7.0.0) yang sudah di download ke folder sdk_extjs Ekstrak file  ext-7.0.0-gpl.zip    Kurang lebih seperti ini struktur folder projectnya. BUAT APLIKASI Buka Terminal (Linux/Mac) atau Command Prompt (Windows) Masuk ke folder  ProjectExtJS  dengan perintah cd ke_path_ProjectExtJS contoh punya saya: cd /Users/gosantha/ProjectExtJS contoh ...

Untuk membuat aplikasi satu halaman (SPA) dengan framework EXTJS 7.0.0 kita membutuhkan tool Sencha Cmd (command line). Sebetulnya mulai dari versi 6.2.0 musti pakai sencha cmd. Kalau extjs 4.2.0, gak perlu. Mungkin di lain kesempatan akan saya buatkan tutorial yang menggunakan extjs 4.2.0 (lebih ringan & sederhana), kalo ada yang berminat. Tergantung dari feedback pembaca yang tertarik dengan framework extjs ini. 😊 Oke, langsung aja kita  download  Sencha Cmd: https://www.sencha.com/products/extjs/cmd-download/ Pilih yang INSTALLERS WITHOUT JRE INCLUDED arsitektur 64 bit atau 32 bit, sesuaikan dengan spek komputer. Direct link: 64bit:  http://cdn.sencha.com/cmd/7.3.0.19/no-jre/SenchaCmd-7.3.0.19-linux-amd64.sh.zip 32bit:  http://cdn.sencha.com/cmd/7.3.0.19/no-jre/SenchaCmd-7.3.0.19-linux-i386.sh.zip > Selanjutnya,  Extrak  file SenchaCmd-7.3.0.19-linux-amd64.sh.zip atau SenchaCmd-7.3.0.19-linux-i386.sh.zip > Pastikan sudah terinstall java, ...

Untuk membuat aplikasi satu halaman (SPA) dengan framework EXTJS 7.0.0 kita membutuhkan tool Sencha Cmd (command line). Sebetulnya mulai dari versi 6.2.0 musti pakai sencha cmd. Kalau extjs 4.2.0, gak perlu. Mungkin di lain kesempatan akan saya buatkan tutorial yang menggunakan extjs 4.2.0 (lebih ringan & sederhana), kalo ada yang berminat. Tergantung dari feedback pembaca yang tertarik dengan framework extjs ini. 😊 Oke, langsung aja kita  download  Sencha Cmd: https://www.sencha.com/products/extjs/cmd-download/ Pilih yang INSTALLERS WITH JRE INCLUDED arsitektur 64 bit atau 32 bit, bebas. Sesuaikan dengan spek komputer saja. Direct link:  64 bit: http://cdn.sencha.com/cmd/7.3.0.19/jre/SenchaCmd-7.3.0.19-windows-64bit.zip 32 bit:  http://cdn.sencha.com/cmd/7.3.0.19/jre/SenchaCmd-7.3.0.19-windows-32bit.zip > Selanjutnya,  Extrak  file SenchaCmd-7.3.0.19-windows-XXbit.zip > Install  SenchaCmd-7.3.0.19-windows-XXbit.exe   Tinggal ikuti...

Untuk membuat aplikasi satu halaman (SPA) dengan framework EXTJS 7.0.0 kita membutuhkan tool Sencha Cmd (command line). Sebetulnya mulai dari versi 6.2.0 musti pakai sencha cmd. Kalau extjs 4.2.0, gak perlu. Mungkin di lain kesempatan akan saya buatkan tutorial yang menggunakan extjs 4.2.0 (lebih ringan & sederhana), kalo ada yang berminat. Tergantung dari feedback pembaca yang tertarik dengan framework extjs ini. 😊 Oke, langsung aja kita download Sencha Cmd: https://www.sencha.com/products/extjs/cmd-download/ Pilih yang INSTALLERS WITH JRE INCLUDED (MAC) Direct link:  http://cdn.sencha.com/cmd/7.3.0.19/jre/SenchaCmd-7.3.0.19-osx.app.zip > Selanjutnya, Extrak file senchacmd-7.3.0.19-osx.app.zip > Install  SenchaCmd-7.3.0.19-osx  Tinggal ikuti aja wizardnya, sampai selesai. > Buka terminal, ketikkan perintah: sencha Berhasil install dan bisa eksekusi sencha Troubleshoot: Jika sudah sukses install, namun tidak ditemukan command/perintah sencha, silahkan...