Ansori, M.

Setelah mencoba Pyenv di Mac, saya merasa tertarik untuk mencobanya juga di Linux Ubuntu. Alasan saya adalah karena kerapiannya dalam maintain versi aplikasi dengan versi python tertentu, sehingga lib-lib yang dibutuhkan terkait aplikasi bisa sesuai dan tidak menemukan kendala error saat instalasi maupun development. OK, langsung saja kita install  pyenv  -nya. sudo apt install -y make build-essential libssl-dev zlib1g-dev libbz2-dev libreadline-dev libsqlite3-dev wget curl llvm libncurses5-dev libncursesw5-dev xz-utils tk-dev libffi-dev liblzma-dev python-openssl git git clone https://github.com/pyenv/pyenv.git ~/.pyenv Konfigurasi environment Pyenv, echo 'export PYENV_ROOT="$HOME/.pyenv"' >> ~/.bashrc echo 'export PATH="$PYENV_ROOT/bin:$PATH"' >> ~/.bashrc echo -e 'if command -v pyenv 1>/dev/null 2>&1; then\n eval "$(pyenv init -)"\nfi' >> ~/.bashrc exec "$SHELL" Cek list versi python yang bis...

   Persiapan Pastikan sudah terinstall  pyenv . Tutor lengkap instalasi  baca di sini . Download & Install  postgresql  (minimal versi 9.6).  Download  odoo 12  , isi form, lalu gulir ke bawah ke bagian Odoo 12, Download  Odoo Community  yang  Source , atau bisa klik  direct link  ini. Instalasi Odoo Ekstrak  odoo_12.0.latest.tar.gz  . Lokasi / path ekstrak bebas, contoh kita ekstrak di folder Downloads (  ~/Downloads/odoo-12.0.post20200403/  ). Buka Terminal, buat virtual environment untuk  odoo12 : pyenv virtualenv 3.6.14 odoo12 Aktifkan virtual environment odoo12  cd ~/.pyenv/versions/odoo12 source bin/activate Masuk ke folder hasil ekstrak odoo 12. cd ~/Downloads/odoo-12.0.post20200403/ Install requirement odoo pip install -r requirements.txt Install setup odoo, python setup.py install Nonaktifkan virtual environment deactivate Menjalankan Odoo Buka terminal, aktifkan virtual...

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

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!

Di pelajaran sebelumnya, kita sudah membuat view baru, yaitu view Users dan Groups. Langkah selanjutnya, gimana cara pakai / memanggil view tersebut di menu. Kita klik menu Users muncul view Users begitu juga yang menu Groups. Mari kita coba aplikasikan untuk menu Users: Buka file Users.js , tambahkan config xtype: 'view-users' , baris kodenya akan menjadi seperti di bawah ini:   Buka file  Main.js  , di menu Users  (title: 'Users')  cari baris kode  iconCls: 'fa-user  , tambahkan config items setelahnya: items: [ { xtype: 'view-users' } ] Comment atau hapus config bind   Kurang lebih script lengkap dari Main.js adalah seperti ini, Cek hasilnya! Seperti biasanya, buka terminal, masuk folder MantapApp, sencha app watch , buka browser. Seharunya akan tertampil seperti gambar di bawah ini saat klik menu Users, Lakukan proses di atas, untuk menu Groups. Catatan penting:  Config items : untuk memasukkan satu atau beberapa ko...

Sebelum memulai materi pembelajaran ini, setidaknya kamu sudah mengikuti dan mempraktekkan tutorial  APLIKASI LOGIN (EXTJS 7.0.0) , minimal Part 1 dan Part 2. A. Cara 1: Membuat view Baru dengan SenchaCmd Sebagai contoh, mari kita buat view users. Nantinya view ini kita gunakan untuk menu Users. Buka Terminal / CMD Masuk ke folder aplikasi:      cd MantapApp      Perintah generate view:    sencha generate view users.Users        Secara otomatis akan terbuat folder user, file view, controller dan view model user. B. Cara 2: Membuat view Baru tanpa SenchaCmd Sebetulnya untuk cara 2 ini, sudah pernah kita praktekkan di tutorial Aplikasi Login Part 2. Mari kita coba untuk membuat view groups. Di sisi kiri Text Editor, klik kanan folder app/view -> New Folder -> beri nama: groups 2. Di sisi kiri Text Editor, klik kanan folder app/view/groups -> New File -> beri nama: Groups.js 3. Di dalam file Group.js buat cl...

Kelebihan Extjs selain mudah dalam pembuatan UI adalah disediakannya tema / theme bawaan yang bervariasi. Berikut beberapa contoh tema yang dimiliki Extjs. Tema Triton (default) Tema Material   Berikut cara mengubah tema / theme aplikasi Extjs,  Buka file FolderAplikasi/app.json , contoh yang pernah buat aplikasi Login MantapApp/app.json Ganti value dari config "theme" (baris ke 7) dengan tema yang diinginkan Value pilihan tema yang tersedia adalah seperti yang saya tandai kotak merah di bawah ini, Simpan Buka Terminal, masuk folder Aplikasi (ex: MantapApp)  Jalankan perintah:      sencha app build      Jalankan aplikasi:      sencha app watch     Lihat hasil perubahannya di browser. Bagaimana? Mudah bukan? Sekian seri tutorial penting extjs kali ini. Semoga bermanfaat. Salam Extjs! Seri Tutorial Extjs Berbahasa Indonesia

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

 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

Buat kita para developer, calon developer atau yang sedang belajar pemrograman web perlu tau nih. Ada framework javascript yang menurut saya bagus dan mudah dalam pengembangannya. Saya berkenalan dengan framework ini tahun 2016 di PT. Gosantha Global. Kala itu sedang beralih profesi dari IT Support ke Web Programmer / Developer. Bisa dibayangkan ya,.. Dari yang jarang menulis baris program alias ngoding jadi bakal berjibaku dengan kode-kode. Yap! Seperti yang tertulis di judul, namanya framework EXTJS. Framework extjs cocok untuk pembuatan aplikasi satu halaman (Single Page Application disingkat SPA). Sudah tau kan apa itu SPA? Secara sederhana, ketika kita mengakses/menggunakan aplikasi ini di browser, lalu kita klik suatu menu/tombol, halaman web tidak berpindah (tidak refresh), hanya tampilannya saja yang berubah. Contohnya seperti gmail dan link berikut: Contoh Admin Dashboard menggunakan EXTJS 7.0.0 https://examples.sencha.com/extjs/7.0.0/examples/admin-dashboard/ Kitchen Sink : K...

Jika kamu mengikuti tutorial instalasi odoo 12 di Ubuntu 18.04 / 16.04 ,  untuk menjalankan odoo yaitu dengan perintah  python3 path_source_odoo/odoo-bin . Nah, kali ini kita akan membuat service odoo 12 di sistem Ubuntu. Hal ini sangat diperlukan terutama di komputer server (deploy sistem odoo). Cara ini sudah saya coba di Ubuntu 18.04 dan 16.04.   1. Cek lokasi python3, pada umumnya ada di /usr/bin/python3 which python3 2. Buat file service odoo12.service sudo nano /etc/systemd/system/odoo12.service Detail isi file config odoo (odoo.conf), bisa dilihat di sini . 3. Refresh systemctl sudo systemctl daemon-reload 4. Tes service odoo12 lakukan start, status dan stop, cek juga di browser. sudo systemctl start odoo12.service sudo systemctl status odoo12.service sudo systemctl stop odoo12.service 5. Buat otomatis running (startup/autostart) setelah komputer menyala / restart. sudo systemctl enable odoo12.service Jika tidak ingin autostart, tinggal disa...

Untuk set / menambahkan / merubah icon di suatu modul (addon/app), caranya sangat mudah. Hanya perlu membuat folder static , lalu di dalam folder static buat folder description , terakhir masukkan file icon.png di dalam folder description. Untuk cek hasilnya stop-run service odoo, lalu Update List Apps, cari nama modulnya. tag: tutorial odoo 12 bahasa indonesia, tutorial odoo bahasa indonesia, tutorial custom modul odoo ,   ansori.web.id

Melanjutkan dari tutorial sebelumnya,  Modul Rumah Sakit Part 1 . Kita sudah membuat modul baru dengan 1 model ( rumahsakit.pasien ) dan 2 view ( tree & form ).  Akses  Indeks Tutorial ini untuk mempermudah dalam navigasi / mengikuti tutorial secara keseluruhan. 1. Memberikan hak akses model Setiap model yang dibuat harus dibuatkan hak aksesnya. Jika belum, model yang sudah memiliki view tree, form, dll tidak dapat diakses oleh user biasa, harus mengaktifkan Superuser untuk dapat mengaksesnya. Caranya bagaimana? Buat folder security Buat file  ir.model.access.csv Baris kodenya: id,name,model_id:id,group_id:id,perm_read,perm_write,perm_create,perm_unlink access_rumahsakit_pasien,access.rumahsakit.pasien,model_rumahsakit_pasien,,1,1,1,1 Edit file __manifest__.py , load file  ir.model.access.csv  di data   Stop - Run atau ReRun odoo, lalu update list aplikasinya, upgrade. Seperti langkah 3 - 7 di sini . Setelah set hak a...

Sekarang waktunya kita coba-coba atau bermain-main dari kode yang sudah kita buat di sini . View Tree dan Form Default Hapus baris kode 3 sampai 46, baris kode akan menjadi pendek seperti ini, Simpan. Jalankan ulang odoo, caranya klik tombol Stop (icon kotak warna merah) 2 kali, lalu  Start lagi (icon play warna hijau). Update List Aplikasinya (Menu -> Apps -> Update Apps list) . Cari modul Rumah Sakit. Klik icon titik tiga -> Upgrade . Silahkan cek tampilan tree dan form nya. Aplikasi tetap bisa berjalan, namun ya begitulah tampilannya. Oleh karenanya, kita perlu lakukan custom tampilan pada tree dan form. Selanjutnya kita kembalikan lagi seperti semula.  Balik lagi ke PyCharm, lakukan Undo lalu ikuti langkah 2 sampai 7. Menambahkan Macam-macam View Ubah baris kode 53 (view_mode) menjadi seperti ini: Lalu, lakukan langkah 2 sampai 7. Lihat hasilnya. Dari sini bisa kita simpulkan, bahwa dari suatu model ( rumahsakit.pasien ) bisa ki...