F U J I T O R A - B L O G !

"Kesalahan terbesar manusia adalah tidak memaafkan dirinya sendiri"

CRUD DataGrid dengan jQuery UI + Ajax

Hallo, Assalamualaikum Sobat :D

Jujur :
  1. Ngantuk (mana besok mesti ke Utara Jakarta).
  2. Lapar pula.
  3. Mau share simple coding aja.
  4. Apalah-apalah, wkwkwk.
Dah lama banget gak nulis dimari, saking sibuknya kali, ya kali bang. Abang kan sibuk tidur, eh kerja maksudnya wkwkw.

Entah 1-2 minggu ke belakang, pas refreshing ke kampus, ada beberapa orang yang menanyakan gimana dan apa itu AJAX. Zzzz dalam hati saya : 'kan ada google, dia lebih pintar lho daripada saya' :)

Dan disini pun saya gak bakalan ngebahas detail AJAX, karena saya cuma mau share dan kasih contoh sederhana bagaimana sebuah function dipanggil melalui AJAX dan direturn kembali menjadi data olahan, bisa berupa XML, JSON, dll.

Pada dasarnya, kalian hampir tiap hari menggunakan facebook, twitter, instagram, dll. Oke ambil contoh facebook, saat kalian login dan membukanya lewat device Laptop/ Mobile, dan kalian hendak update status. Ketika teks sudah selesai diketik, maka system FB akan mempost hasil entry-an kalian dan diolah lagi menjadi value teks lagi.

Nih lah abang kasih screenshoot buat nge-twit.
Gambar 1. Ketika Pertama Kali Buka Twitter
Gambar 2. Ketika Nge-Twit.
Gambar 3. Setelah Nge-Twit.
 Penjelasan singkatnya begini aja deh :
  1. Gambar 1 : pada saat ngebuka itu medsos, si twitter sebenarnya butuh action request AJAX yang akan menampilkan twit dari teman atau sponsor die ke page akun kita liat gambarnye.
  2. Gambar 2 : noh, pada saat mau nge-twit die kan muncul kotak, kita sih taunya muncul aja, padahal die juga sama nge request AJAX. Nama function-nya COMPOSE.
  3. Gambar 3 : pada saat telah di twit, maka request lagi, dan nama function kali ini adalah CREATE.
Yang paling menarik dari twitter adalah bahwa media sosial ini termasuk dari jutaan website yang sudah mengadopsi Konsep "Single Page Application". Apa itu ? ya sederhananya sih, ketika kalian menulis, menghapus, merefresh, kalian hanya butuh data yang kecil (sudah saya sebutkan diatas), yaitu berupa (misalkan) JSON. FB pula begitu, Instagram, many more.

Lalu, apa yang mau saya share ? Eng-Ing-Eng !! :D
Setali tiga uang, sambil menyelam buang air. wkwkw
Saya mau share bagaimana mengimplementasikan JQuery User-Interface dengan AJAX, maka kebentuklah CRUD sederhana seperti dibawah.

Gambar 4. Data Empty.
Gambar 5. Proses Tambah Data.
Gambar 6. Proses Edit data
 Penjelasan singkatnya begini aja deh (apaan sih copas dari atas) :
  1. Gambar 4 : pada saat ngebuka source pada browser, karena masih kosong, jadi ya kosong.
  2. Gambar 5 : pada saat create data.
  3. Gambar 6 : pada saat update data.
Oke, saya paparkan teknis supaya source-nya running as well.
  1. Download dulu disini, iya disini :( 
  2. Pastikan udah ada XAMPP, WAMPP, atau apapun lah yang penting running Apache sama MySQL.
  3. Buka MySQL, create database dengan nama ajax_sample, lalu import dengan cara browse file location ajax_sample.sql pada folder yang tadi didownload.
  4.  Taro semua core/ folder tadi pada direktori HTDOCS. Gausah dijelasin.
  5. Buka dah index.html
Semoga Bermanfaat.
Oh iya, saya mau nyari orang yang peduli dan gemar berbagi hal-hal positif.
Untuk apa ? Untuk ikut jadi writter di blog ini dan kalo ada yang minat silakan kirim email aja ke sahidtrimbudi@gmail.com.

Wassalamualaikum wr. wb



Nyari Dollar Modal Smartphone Android via Whaff Rewards !

Assalamualaikum wr. wb.
Selamat malam minggu buat semua wilayah DKI Jakarta dan sekitarnya ! :D

Maaf kalo akhir-akhir ini jadi jarang update sama share knowledge, dikarenakan sibuk dan beberapa hal. So, harap maklum ;)

Sesuai judul postingan, saya bakal kasih tau cara sederhana nyari dollar by Android Phone pake aplikasi Whaff ! Singkatnya begini, setelah install aplikasinya di android punya kalian, kalian diminta login via facebook account. Terus cara maling dollarnya gimana ? Sabar-sabar !

Cara dapet $$ nya gampang, setelah login anda cuma perlu Like, Install dan Mainkan aplikasinya, lalu $$ bakal masuk ke akun Whaff anda !

Flashback dulu, saya baru instal aplikasi ini malam kemarin, rada aneh sih rada gak percaya juga, tapi kalo dilihat di user stream-nya Whaff, buset dah duitnya pada ribuan dollar cuy, dan kebanyakan orang indonesia !

Saya baru semalam sih ya install, dan dapat $2.13 atau dirupiahkan sekitar Rp. 26.570. (Dollar per 24 Januari 2015, $1 = Rp. 12.474,-)

Oke, semisal sehari kalian dapat $2, maka sebulan adalah : $2 x 30 = $60 = Rp. 748.467. Wow !
Coba kalo kalian lebih aktif, pasti sehari bisa lebih dari $5 !

Screen Capture Dashboard Whaff
Berikut caranya :
1. Pastikan anda punya smartphone android yang minimal terkoneksi inet !
2. Download app-nya disini : Whaff Rewards.
3. Setelah terpasang, login via facebook.
4. Lalu masukkan code : AQ85268 (Ini untuk mendapatkan $0.30 pertama anda)
5. Tugas kalian hanya menginstal aplikasi di tab Whaff Picks atau Menginstall dan Bermain Game di tab Premium Pick !
6. Selamat berburu dollar !

Uang yang dicairkan minimal $10 dan bisa ditarik ke e-pay via Amazon Gift, Xbox Live, Google Pay, Facebook Gift Card dan Paypal. Saya pribadi memilih paypal dengan alasan, nanti bakal dicairkan ke rekening bank nasional ! :)

Semoga artikelnya bermanfaat ! Amin.
Wassalamualaikum.

[Kerja Praktek] Screen Design Worksheet

Assalamualaikum wr. wb.
Ohaaii Mina-san !!
Bener-bener lupa posting nih, maklum sibuk ehehehe (jangan tanya sibuk apaan).

Postingan kali ini masih tentang IT Stuff, mm karena banyak junior saya yang lagi melaksanakan Kerja Praktek, jadi saya share sesuatu yang sangat bermanfaat (Insya Allah). Apa itu ?

Pertama, sebelum ke materi (walaah materi), saya mau jelaskan garis besar kehidupan seorang 'Kuli-Program' seperti saya. Programmer itu mengerjakan apa/semua hasil analisis dari Leader/System Analysis.

Singkat kata : "System Analys merancang ERD, menentukan Bussiness-Flow, mengatur estimasi program, dsb. Nah Programmer bertugas membuat Aplikasi dari hasil analisis SA."

Jika ada salah pada coding, Programmer lebih bertanggung jawab, jika ada salah pada alur 'kemungkinan' kesalahan terletak pada SA. Yakin ? Belum tentu juga.
Kalo proses dari SA udah bener, dan kita yang salah coding, ya kita juga yang kena..

SEDIH YAH JADI AING (ceuk Programmer teh) hahahaha

Sudahlah ! Ke-intinya saja ! -_____________________-" gak bakat banget nulis blog, apalagi berharap terkenal kaya si Anak-nya Salam Dua Jari.

Pas semester 7, dulu saya mengambil program Kerja Praktek, itu merupakan syarat sebelum menempuh Tugas Akhir. KP itu kalo nggak salah ya, mau gak mau bikin aplikasi, kenapa dan detailnya saya gak tau. Mungkin karena nantinya hasil KP kita bakal di-aplikasi-kan di tempat yang kita ambil sebagai penelitian.

Nah pas KP itulah berasa semuanya diborong, mulai dari bikin perancangan ERD, Flow-Map, Flow-Chart, SDW, UI dan tentunya Code sendiri ! Nah sebagian mungkin sudah mengenal istilah yang baru disebutkan, atau nggak sama sekali ? -__________________-"

Saya akan bahas SDW atau kepanjangannya Screen Design Worksheet. SDW adalah alat bantu untuk membuat tampilan antarmuka program. Intinya, SDW itu SKETSA-nya, dan SKETSA itu bakal jadi acuan (tidak selalu persis) untuk tampilan program sebenarnya. Paham dong yah sampai sini ? muach ! :D hahaha

Mungkin diantara yang mengambil KP ada yang tidak menyertakan SDW dengan alasan : tidak disuruh dan tidak penting. hahaha. Alasan jaman primitif ! Bergeraklah tanpa harus diperintah dan majulah tanpa rasa takut #marioBross

Catatan :
Kerja Praktek, saya telat 1 bulan, karena malas. Jadi harusnya sidang Januari, malah sidang Februari akhir. Dan saya pun balas dendam di Tugas Akhir, entah sih tapi Dekan dan Kajur (saat itu) bilang 3 minggu itu sangat cepat di Teknik Unsil.

FYI, judul KP saya saat itu adalah : 
Rancang Bangun Aplikasi Inventory Peralatan di Laboratorium Jurusan Teknik Informatika
Fakultas Teknik Universitas Siliwangi Tasikmalaya.
  

Nama App nya adalah 'LISA' singkatan dari LabTI Inventory System Application (revisi).
Berikut beberapa User Interface hasil dari perancangan SDW !

Untuk men-download file SDW dan Image-nya, silakan klik disini ! (2.72 mb)

Mungkin di postingan berikutnya saya bahas tentang KP lebih lanjut.

Ada pertanyaan ? Email ke sahidtriambudi@gmail.com atau invite (promosi hahahaha) : 51AEC18E

Semoga Bermanfaat !
Wassalamualaikum wr. wb.

Sahid Triambudhi.
Gambar 1. Screen Design Worksheer (HTML + Javascript + CSS)
Gambar 2. Form Login
Gambar 3. Form Entry Barang Inventaris

Gambar 4. Form Entry Data Peminjaman
Gambar 5. Keluaran Data Pencataan

Android Game : Jumping Blood Lite

Assalamualaikum wr. wb.

Gambar 1. Screen Game Over.
Gambar 2. Jumping Blood Lite On Sony Xperia Z

Howdy guys? Are thing's going fine to you? May The Almighty always take care of you, aamiin.
Well, today is Friday, 2 more days before the fasting. :) Have you guys buy clothes for our Great Eid? hahaha

This post would be very much excited, why? I don't know :) haha
Clearly this post's concerned with the "Share Android App". hehe well
I don't think that the reason is not right yet, huh? : D

This game is carrying 2 Indie Developers, my self as a Founder of LabTI Studio and Deni Agus Mulyana, the Founder of Decay Studio Animation. For the game-play, this game's sure so quite simple, you just have to 'jump' and find a "stop" point. The genre itself is a platform, 25 levels with different tile.

Here's the story,
the Blood (nexthereis : 'The Blood') have to rescue the Patient. Then he goes to rescue that Patient, but when he's doing his the journey, obstacles' facing him! So much falling squares which you have to
follow the Blood. Isn't that so simple ?
Until now the game itself is up to version 1.0.25, with the tester results:

  • Windows : Oke
  • Linux : Oke
  • Mac OSX : Oke
  • HTML5 : Beta Testing
  • iOS : Oke
  • Windows Phone : Oke
  • Android OS : Oke
However, I am just going to release to the 2 platforms, the first is Windows, then the Android OS. Next target's publishing it to the App Store (iOS) and Windows Phone. I actually aimed this game for mobile phone users.
----------------------------------------------------------------------
Detail App.
Name : Jumping Blood Lite
Download on Google Play : http://goo.gl/gk5Mmn
Release Version : 1.0.25 (saat ini)
Android OS : 2.1+
Programmer : Sahid Triambudhi
Graphic Sprite and Animation : Deni Agus Mulyana (Decay Studio Animation)
Copyright : LabTI Studio 2014
Fitur :

1. Save - Continue - Load.
2. 25 Levels Full Color.
3. Particle System.
4. The Interactive Brick with Artificial Intelligence
----------------------------------------------------------------------

The good news, for those who interested in the full source of Jumping Blood Lite and started to entering the world of Game Developer, you can Buy Source Here or email to sahidtriambudi@gmail.com.

Great Additional Features:
1. Include library Google Analytics and Google Admob (to 'find' dollars via ads).
2. Enable to Ported to iOS, HTML5 and Windows Phone.
3. Enable to adding level (unlimited).
4. Source Ebook how Custom Game are avaible.
----------------------------------------------------------------------

Thank you, and please submit your suggestions, it would be greatly received.
Wassalamualaikum wr. wb. :)

Here Promote Video via Youtube.


Screenshot game "Jumping Blood Lite".

Gambar 3. Jumping Blood Lite On Samsung S5 White
Gambar 4. Jumping Blood Lite On Nexus 7
Gambar 5. Jumping Blood Lite On Nexus 5