Jumat, 05 Agustus 2016

Materi Pelatihan IT

Pelatihan IT dalam rangka KKN Desa Pandes oleh Mahasiswa Universitas Sebelas Maret. Silahkan di download materinya. Tetap semangat ._.


PELATIHAN 1 





PELATIHAN 2

Sabtu, 20 Februari 2016

Oprek Contacts_Grid Example di Fastplaz

Kali ini saya akan sharing mengenai salah satu example yang ada di fastplaz khususnya di folder db bagian contacts_grid. Berikut penampakannya. 
Sekilas cuman CRUD doang kan ya. Bisa nambah, bisa save, bisa delete, bisa edit inline, sama bisa reset. Walaupun begitu, contoh ini merupakan contoh yang paling penting dan paling urgent :v Coba bayangkan, misal kita ingin bikin aplikasi perpustakaan atau aplikasi rumah sakit atau apalah. Pastinya kita butuh nambah petugas, nambah buku, edit nama petugas, edit nama dokter, hapus buku yang sudah hilang, dan lain lain. Nah, kali ini di Fastplaz nya sendiri khususnya di githubnya ada repo yang khusus buat example. Nah salah satunya ini. Oke langsung saja.
1. Di dalam folder source terdapat beberapa folder seperti ini. Nah yang menjadi folder utama yaitu main.pas. Kenapa ekstensionnya .pas? Yaiyalah kan Fastplaz kan berbasis Pascal  -_-. Oya coba lihat di folder src. Terdapat contacts_controller. Ini merupakan controller nya dari aplikasi contacts_grid ini. Controller ini buat apa? Sama kayak framework pada umumnya. Controller ini buat ngatur jalannya program. Query juga dimasukkan sini. 
Berikut penampakan main.pas nya http://pastebin.com/ExBvYFQR  .Nah untuk file main.pas nya kita biarkan saja :v Karena nggak ngefek :v Ngefek ding, tapi cuman kalau misal kita pengen benerin halaman utamanya. Kalau mau edit controllernya di main.pas ini terus tinggal kita bikin file di modulnya. Kemudian buka folder src. Nah ada contacts_controller dan contacts_modal. Nah di contacts_controller, penampakannya seperti ini http://pastebin.com/tcWm0anm 

Nah di sekrinsyut an di atas merupakan sekrinsyutan yang udah diubah :v Pertamanya kan dia dijadikan json array. Nah sekarang, diubah jadi json object :o. Kenapa diubah? Noh, bisa dilihat sendiri syntax di atas. Dan lihat apa perbedaannya sama yang barusan kalian download di github. Enak yang mana query nya? Dijamin enak yang ini :v Nah, pada awalnya saya udah seneng nih yeeeyyy querynya sama kayak query sql biasa. Yeey.. Bahagiaa.. Tiba- tiba jleb. Jsonnya ga bisa dipangil. No row in the table. Oke fix. Coba bisa dibandingkan bentuk jsonnya. 
Json yang lama = json bentuk array
Json yang baru = json bentuk object
Nah apa perbedaannya? Coba cari disini. DIBACA!

Oke kalau udah tau perbedaannya, berarti udah tau masalah yang akan kita hadapi dong ya. Yaitu, model pemanggilan json array berbeda dengan json object. Nah disini juga, saya harus menampilkan data hasil query kedalam suatu tabel. Bukan tabel biasa saudara saudara. Di contoh, om Luri menggunakan jquery simple datagrid. Nah sekarang, suruh ganti pake jquery DataTable. Oh my God. Gue males nyentuh jquery -_-. Oke, karena saya wanita tangguh maka akhirnya saya oprek jugak. Nah disini ada beberapa syntax yang bisa dilihat untuk pengubahan dari jquery simple datagrid ke jquery Data Table.
1. Penampakan ini merupakan form nya. Setiap inputan memiliki value sendiri- sendiri. Value tersebut akan terintegrasi dengan file Contacts_ controller. Jadi waktu user mengetikkan fullname, maka nanti di contacts_controller, fullname tersebut akan terpanggil dengan $Contacts.name. 

2. Ini penampakan untuk table nya. Di sini perlu diingat table id nya =contacts-table. Data-url di sini untuk ngakses json nya di ./contacts?act=data.

3. Nah ini script yang dibawah inilah kunci segalanya :v Akhirnya jsonnya bisa dimasukin ke table :v Kok bisa? Nah ini json yang udah dikeluarin di url tadi terus dipanggil lewat di ajax. Nah terus json nya yang udah dipanggil lewat ajax tadi dimasukin ke jquery DataTable. Ohiya jangan lupa id table nya tadi ._. Untuk kode nya bisa dilihat di sini http://pastebin.com/aWuCRa6S

4.  Nah untuk kode di bawah ini fungsinya buat apa? Fungsinya agar data yang udah tampil di DataTable tadi bisa ke select :v Nah pas awal- awal pas nggak ada fungsi selected ini tadi, data hasil query bisa ditampilin. Bisa. Tapi nggak bisa di select :v Nah berhubung udah ada selected ini jadi bisa diselect :v Nah muncul masalah baru lagi. Ini bener- bener meres otak :v Masalahnya yang baru adalah data yang udah ke select, nggak bisa tampil di form nya. Oke fix. Setelah bertapa kesana kemari akhirnya saya menemukan solusi :v yaitu row = table.row[this] data. Lalu dimasukin ke val(row.id), row.nama dll. Fix. Akhirnya bisa. Bahagia ._.

5. Nah akhirnya bisa muncul yeeey. Bisa diselect yeey ^^. Nah masalah muncul lagi. Save nya nggak bisa. Delete nya nggak bisa. Edit nya nggak bisa. Yang bisa cuman reset doang -_-

6. Berikut syntax save nya. Ohiya jangan lupa liat yang bagian contacts_controller yang save. Coba dicermati. Kalau reset nya udah bener.

7. Nah ini syntax delete nya. Jangan lupa dataType nya diubah ke json dulu. 

8. Di bawah ini merupakan fungsi. Fungsi sama dengan function :v Jadi disini merupakan fungsi yang akan dipanggil jika delete, save, edit, berhasil. Ohiya jangan lupa di fnDestroy pada datatable nya. Biar nanti nggak nge loop :v
Finally, jadi jugak :v 
Untuk refensi bisa dibaca datatables.net. Official website ini sangat perlu dibaca dengan baik- baik dan teliti. Kadang hal kecil sangat berharga dan membuat error kita teratasi ._.

Jumat, 19 Februari 2016

How to Record Your Desktop in Linux

Hi! Nice to meet you again. Now, I'll share about how to record your desktop in Linux. Sometimes we need to record our activities in laptop. What for? For making some tutorial, for show the way to the other person about how to solve the problem. Something like that. :v In windows I used to use Macromedia Captive. Yeaah this is for Windows. And now, we're using Linux. So the question is,

"Can we record our desktop in Linux?"
Offcourse yes! Absolutelly yes! We can made anything with this lovely software operating system. We can use this Record My Desktop!

So, how we using it?
It's so easy. We opened it, click select window then drag in the small screen there. Why? It's for making some layout/ screen that we want to record. If we drag in small area so we just record the desktop in small area. If we drag in wide area or in 100% area so the record will be in 100% too. Then we can making some choice for record our desktop. With sound or no. If without sound (only the activity of desktop) we can lost the checklist there. If we've ready for making some record, then click record. Voila! Your desktop will be recorded.

When your desktop still in record mode, the panel will be in mainbar. In the top or in the bottom (taskbar). If you want to pause your record, you've to press pause. If you wanna stop it, you only press the stop. Click! Your record has been finish. After that, don't forget to save your record. Click save as then choose your directory for saving. Wait unting rendering was saved. If already finish, voila! You can play your record with your lovely media player :v 

Instalasi Aplikasi Pemilu Quick Count

SMS Gateway di sini sebenarnya udah ada dari jaman bahulak. Udah out of date memang. Tapi jangan salah, ternyata sms gateway masih banyak digunakan untuk proses quick count. Ada yang belum tau proses quick count? Itu lho quick count yang biasa di pemilu- pemilu. Kadang hasil quick count pun nggak jauh jauh dari hasil pemilu. Kok bisa? Karena quick count menempatkan relawan di TPS- TPS yang ada di suatu wilayah. Jadi relawan- relawan tersebut ditempatkan di berbagai basis partai politik. Oke disini saya bukan mau ngasih kuliah umum tentang quick count karena saya sendiri baru ngeh kemarin hahaha :v tapi saya mau ngasih tau cara pakai aplikasi pemilu quick count ini

Prinsipnya sama sih kayak mindahin file ke web server biasa :v
1. Untuk link download nya saya ambil di repository BLC Telkom Klaten. Untuk para penghuni BLC Telkom Klaten, silahkan untuk download di repository lokal. Untuk penghuni bumi dan penghuni alam bawah sadar, nggak tau harus download dimana :v Pas saya cari di mbah gugel ternyata ini aplikasinya harus beli dulu :v Yaudah ya.. Terima saja :v
2. Nah kalau udah pindahkan file pemilu.zip ke server dengan scp. Lalu pindahkan ke /var/www/html nya
3. Kemudian ekstrak. Maka akan muncul file file di dalamnya

4. Lalu masuk ke folder config kemudian buak file koneksi.php dan sinkronisasikan dengan punya kalian. Ohiya jangan lupa database pemilu nya dibuat dulu. 

5. Nah kalau udah, masukkan sql yang ada di folder database. Terdapat file pemilu.sql kemudian import. 

6. Ohiya jangan lupa setting database di /etc/gammu-smsdrc. Database nya di sesuaikan. tadi kan namanya pemilu. Yaudah yang ditulis namanya pemilu.

7. Kalau udah coba ketikkan ip server/playsms maka akan muncul halaman login seperti ini

8. Isi username: admin, password: admin. Maka akan masuk ke aplikasinyaa ._.

9. Nah coba kita kirim sms. Klik Kirim sms. Oya kita harus menambahkan nomor orang tersebut di phonebook.

10. Kalau udah coba kirim sms

11. Just wait and see! Tunggu ada sms masuk nggak ._. Nggak nyampe semenit ada sms masuk nih. Siapa? Pacar? Bukan. Indosat? Bukan. Lha? anuu ._. ada sms nyasar :v


Bisa kan ya. Besok saya akan posting interface bikinan saya sendiri. Cuman pake php kok. Gampang wkwk

(Instalasi PlaySMS) Membuat SMS Gateway dengan Raspberry Pi

Haloo...
Kemarin saya janji mau sharing tentang aplikasi yang memudahkan kita untuk bersms gateway ria wkwk. jadi kita bisa lihat kotak masuk, kotak keluar, kotak terkirim dan lain lain. Nah kali ini saya akan sharing tentang aplikasi playsms. Playsms merupakan interface yang berfungsi sebagai penghubung antara gammu dengan client. Nah untuk tau lebih jelasnya bisa lihat di web resminya di http://playsms.org/ . Oke kali ini saya akan sharing tentang cara install playsms di raspberry pi. Langsung saja yak
1. Siapkan raspberry pi, mikrotik, modem dan laptop jangan lupa. Ohiya raspberry pi nya yang udah install gammu yak ._.
2. Remote raspberry pi via ssh kemudian instal apache2, mysql, php seperti gambar di bawah ini. Kalau misal udah, coba tetap di tambahkan mungkin ada beberapa php yang belum terinstall

3. Kemudian ketikkan php5enmod mcrypt setelah itu restart apache nya


4. Lalu buat database dengan nama playsms. Cara bikinnya langsung ketikkan ip nya di browser kemudian /phpmyadmin seperti biasa


5. Kalau sudah download file playsms nya di website resminya. Kemudian copy ke server dengan perintah scp


6. Setelah itu ekstrak. Kemudian masuk ke dalam folder. Kita lihat banyak file di dalamnya. Kemudian ganti file install.conf.dist menjadi install.conf dengan perintah cp install.conf.dist install.conf


7. Kemudian masuk ke install.conf dengan perintah nano install.conf. Sesuaikan dengan settingan database kalian. 

8. Kemudian cari file rc.local. Caranya ketikkan whereis rc.local maka akan muncul lokasi dimana rc.local ada. Nah setelah di whereis maka ternyata ada di /etc/rc.local. Setelah itu masuk ke nano /etc/rc.local. Tambahkan /usr/local/bin/playsmsd start sebelum exit0.

9. Setelah itu install playsms. Caranya ./install-playsms.sh 

10. Kemudian tekan y. Oya kali ini kalian harus masuk mode root. Baca konfigurasinya dan sesuaikan. Tunggu proses penginstallan hingga selesai.

11. Nah, proses install sudah selesai. Kita nggak perlu untuk merestart service nya manual. Karena tadi pas di rc.local kita udah mengintegrasikannya di awal. Jadi, kita nggak perlu menghidupkan service secara manual seperti gammu. Tapi kalau misal pengen manual juga gapapa sih hehe :v

12. Nah, playsms telah terinstall. Untuk pengecekan kita ketikkan ps ax | grep playsms. Buat apa? Buat ngecek kalau playsms itu udah berjalan di server kita.

13. Kemdudian coba cek status nya dengan playsmsd status. Ohh udah jalan. Coba cek lagi dengan perintah playsmsd check. Ohhh fix baguss. Lanjutkaan.

14. Nah sekarang coba lihat phpmyadminnya. Coba cek database playsms nya. Cieee udah ada isinya :v

15. Nah sekarang masuk ke browser. Tulis ip server/playsms. Taraaaaaa. Jedul deh form login playsmsnya ._.

16. Masukkan username: admin. password: admin. Kemudian masuk ke tampilan pertama. Nah sekarang kita tinggal mengkonfigurasikan dengan gammu yang telah kita install.


17. Nah cara mengkonfigurasikan gammu dengan playsms juga sangat mudah. Pertama, manage gateway and SMSC di klik. Jangan lupa service gammu nya di start dengan cara /etc/init.d/gammu-smsd start.

18. Kemudian klik pada gambar folder.

Lalu copy direktorinya /var/spool/gammu/ 

19. Lalu back. Kemudian klik tanda "+" maka akan muncul tampilan seperti di bawah ini. Kemudian sesuaikan. Gateway gammu, SMSC name gammu, dan Spool folder di /var/spool/gammu (di paste aja ._.)

20. Kemudian save. Maka ada tulisan new SMSC has been added.

21. Setelah di save konfigurasi SMSC yang tadi, maka masuk ke Settings kemudian Main Configuration. Lalu pada Default SMCS gammu.

22. Nah, setelah itu coba kita tulis sms ._. 

Yeey ^^ proses install playsms telah selesai ^^ Coba di send. Yeeey terkirim ._.
Oya kalau misal nggak bisa, mungkin koneksi ke gammu nya yang belum sempurna. Kalau misal kayak gitu, usahakan settingan gammu nya di default aja seperti gambar di bawah ini.

Selamat mengoprek ria ._. 

Kamis, 18 Februari 2016

Install PHPStorm in Linux

Morning..
This post maybe will be written in English. Why? Cause I miss write post in English haha. Yaah, eventhough my Grammar was so bad but I think the meaning of English is just simple. I know what you mean, and you know what I mean. :v
Okay, for this post I will explained about how to installed PHPStorm in linux. Yeah, we khow there are many editor for coding like sublime text, notepad++, bluefish, geany, or dreamweaver. Why we choose PHPStorm? Cause this editor could detect alone :v Like netbeans. If we write html, the editor could detect and build some form there. Then, we do not use phpmyadmin for help us to making some query. Because we can made some query there. Negatively, the PHPStorm is not free. We can use trial. But, we  can made it free. Not use crack or with illegal ways. We have to registered there as a student with our student email and we can take it free. Hmmm the student always like anything with a FREE :v

Okay, lets cek it out.
1. First, open the official website http://www.jetbrains.com/phpstorm/
2. Download it. Because we use linux, so we choose for linux.
3. Extract that file in FileSystem /opt/. 

4. Before installation, make sure that you've already install or java. For make sure we could cek with this command. Ohh okay, we got it!

5. Then move to directory /opt/PhpStorm/bin. I suggested, don't use root mode. Because if you installed in root mode we will have configuration as root. Actually no problem, but if you are new in linux don't use root mode. Then, if you don't use root mode, it will be problem with the permission like that

6. Don't worry. We can change the permission here. Remember, it is Linux not Windows :p

7. Voila! We can move to /opt/PhpStorm/bin.

8. Then, look for a phpstorm.sh then change the permission first with chmod +x phpstorm.sh. Why? It will made the phpstorm.sh can executed.

9. Voila! The PhpStorm already installed. 

Thanks to Mas Agus that already give us some suggestion wkwk. The interface is similar like Android Studio you know wkwk. Ohh I remember, Mas Agus's said that this editor is sometimes making your ram full :v Because it's java based so up to you. All the choice is depend on you :v 

*Kampreto mas agus i tiwas install bot bot i ram :v wakakak. But it's okay thanks for your suggestion :v