Showing posts with label Programming. Show all posts

Review 3 Teks Editor Terbaik Buat Ngoding


Sebagai programmer, kita harus punya editor yang bagus dan enak buat dipake. Ada beberapa pertimbangan buat milih editor menurut versi gue sendiri at least simple, multi platform, fast, stable dan banyak plugin/extensionnya. Bisa jadi kalau pake editor yang bagus bisa nambah produktifitas percodingan kita.  

Inilah 3 teks editor terbaik yang sering gue pake buat koding html, css, javascript, php, node.js dll. Ketiga teks editor bakal coba gue review sekaligus kasih plus minusnya.

1. Notepad++



Notepad++ adalah pengalaman pertama gue nulis sintaks pake tangan kosong. Dari awal rilis tahun 2003 sampai 2017 bisa dibilang banyak perkembangannya. Berbagai bahasa pemrograman kekinian sudah bisa disupport. Fitur autocompletenya sudah bagus. Kalau mau install plugin tambahan tinggal buka Plugin Manager di Menu Plugin lalu pilih Plugin yang ingin kamu install. Notepad++ sudah bisa terintegrasi dengan Tortoise SVN loh, jadi kamu bisa kontrol versi code langsung di dalam editor.

Kelebihan :

- Ringan buka banyak file 
- Memiliki fitur autocomplete
- Bisa install plugin tambahan
- Bisa terintegrasi dengan CVS Tortoise
- Free alias gratis

Kekurangan :

- UI nya kurang keren dibanding yang lain. Perlu adanya peningkatan standar UI yang lebih kekinian.
- Terlalu simple
- Hanya support di sistem operasi Windows

2. Sublime Text



Sublime Text ini termasuk teks editor favorit gue pas waktu kuliah ( 2012-2015 ). Si sublime text ini lebih ngedepanin fitur dan memiliki UI yang paling indah. Bukan cuma dijadiin pilihan alternatif IDE yang powerfull, tapi juga ringan, efisien dan ngasih autocomplete yang akurat. 

Karena banyak yang suka, sampai-sampai para developer pun berbondong-bondong bikin paket fitur tambahan yang. Gak tanggung-tanggung, ada sekitar 2.500 paket tambahan yang bisa kamu install di Sublime Text. Yang pasti bakal ngebantu kamu garap project keren. Contohnya projek sistem informasi rumah sakit yang keren itu (masih banyak bugsnya haha) dibantu pake Sublime Text.

Kelebihan :
- UI & UX nya keren, simple dan bisa dikostumisasi sesuai selera.
- Banyak plugin tambahan yang tersedia & bisa kamu install. Plugin tambahan itu bisa kamu tambahin dalam satu klik.
- Banyak template snippet, gampang disetting.
- Bisa dipake di sistem operasi macOS, Windows dan Linux

Kekurangan :
- Kamu harus bayar $ 70 ( Rp 932.750,- ) kalau mau mendapatkan lisensi resminya.

3. Visual Studio Code




Visual Studio Code adalah editor teks buatan Microsoft yang bisa dipakai di sistem operasi Windows, macOS dan Linux. Walaupun buatan Microsoft, tapi editor teks yang baru lahir tahun 2015 ini gratis dipakai siapa saja tanpa perlu membeli lisensi.

Editor yang bisa dibilang kekinian ini memang punya fungsi paling komplit. Dari autocomplete, kostumisasi UI, banyak extension dan sudah built in Git source control didalam editornya. Selain yang disebutin tadi, editor teks yang satu ini juga punya fungsi-fungsi yang dibutuhin buat debugging loh. Buat ngakomodir fitur debugging nya, di Visual Studio Code, kamu bisa lihat CLI langsung di dalam IDE nya.

Kelebihan :
- Memiliki fitur autocomplete & syntax highlighting
- UI nya bisa diganti-ganti sesuai mood
- Berbagai macam bahasa pemrograman modern sudah support
- Banyak extension yang tersedia dan terus dikembangkan
- Manajemen source code sudah terintegrasi dengan Git  
- Bisa nampilin CLI di dalam editor teks nya
- Open Source & Gratis

Kekurangan :
- Agak lambat
- Extension kurang banyak. Pasti akan terus bertambah & lebih baik.
- Agak sedikit lambat

Kesimpulan 

Teks editor adalah "senjata" yang dibutuhkan para developer untuk menunjang pekerjaan mereka. Semoga review 3 teks editor populer terbaik buat ngoding ini bisa bantu kamu ngambil keputusan milih teks editor yang lebih kamu suka dengan kelebihan dan kekurangannya masing-masing. 

Kalau kamu punya opini lain, jangan ragu buat cerita di kolom komentar di bawah ini. 

Kalau kamu suka artikel ini, klik like & share.

Isi alamat email dikolom subscribe biar kamu selalu dapat info terbaru dari blog ini lewat email. 


Aplikasi Sistem Informasi Rumah Sakit berbasis Web

Sistem Informasi Rumah Sakit ini adalah aplikasi web sederhana yang dibuat menggunakan PHP dan database MySQL. JQuery, Bootstrap dan DataTables digunakan guna mempercantik antarmuka aplikasi.
Udah setahun lebih akhirnya ke-update juga ni blog (blogger macam apa gue haha). Sama kaya postingan sebelumnya, kali ini gue mau share final project mata kuliah pemrograman lagi. Tapi gak kaya project Aplikasi Absensi Pegawai yang cuma pake basprog Java, final project ini terdiri dari beberapa bahasa pemrograman. Sistem Informasi Rumah Sakit, disingkat jadi SIRUSAK (absurd nih singkatannya haha) dibuat pake bahasa pemrograman PHP murni (tanpa menggunakan framework) dan MySQL sebagai DBMS nya. Buat bikin antarmukanya dibantu JQuery, Bootstrap dan DataTables biar tampilannya kekinian hehe. Project ini dibuat akhir tahun 2014 dalam waktu 2 minggu sambil memperdalam lagi skill web programming gue di sisi back-end dan front-endnya.

Deskripsi Aplikasi

SIRUSAK (Sistem Informasi Rumah Sakit) adalah perangkat lunak yang dapat digunakan oleh dokter, front office dan petugas departemen untuk melakukan kegiatan-kegiatan di rumah sakit yang berhubungan dengan pasien. Terdapat tiga aktor dalam sistem ini yaitu petugas front office, petugas departemen dan dokter. SIRUSAK membantu petugas front office mengelola data pasien, data pasien rawat inap dan data pasien rawat jalan. Selain itu aktor petugas departemen atau perawat dapat menentukan dokter yang akan memeriksa pasien sesuai dengan keluhan pasien. Aktor dokter dapat mengelola data pasiennya dan mengeloa resep yang dibuat oleh dokter tersebut. 

Fungsi Aplikasi

# Kategori pengguna Front Office memiliki fungsi-fungsi :
- Menampilkan Daftar Pasien
- Menambah Data Pasien
- Mengubah Data Pasien
- Menghapus Data Pasien
- Pencarian Pasien berdasarkan Semua Kolom Tabel yang Ditampilkan
- Pencarian Data Pasien berdasarkan nama atau ID Pasien
- Menampilkan Data Pasien Rawat Jalan
- Menambahkan Data Pasien Rawat Jalan
- Mengubah Data Pasien Rawat Jalan
- Menghapus Data Pasien Rawat Jalan
- Menampilkan Status Pembayaran Pasien Rawat Jalan
- Pencarian Pasien Rawat Jalan berdasarkan Semua Kolom Tabel yang Ditampilkan
- Menampilkan Data Pasien Rawat Inap
- Menambah Data Pasien Rawat Inap
- Mengubah Data Pasien Rawat Inap
- Menghapus Data Pasien Rawat Inap
- Pencarian Pasien Rawat Jalan berdasarkan Semua Kolom Tabel yang Ditampilkan
- Menampilkan Tarif Rawat Inap Sesuai Pelayanan, Perawatan dan Tipe Kamar
- Menampilkan Tarif Rawat Jalan Sesuai Departemen

# Kategori pengguna petugas departemen memiliki fungsi-fungsi :
- Menampilkan Data Pasien Rawat Jalan Sesuai Departemen
- Pencarian Pasien Rawat Jalan Sesuai Departemen berdasarkan Semua Kolom Tabel yang Ditampilkan
- Memilih Dokter yang Akan Menangani Pasien Rawat Jalan
- Menampilkan Status Pemeriksaan Pasien
- Menampilkan Data Dokter
- Pencarian Dokter berdasarkan Semua Kolom Tabel yang Ditampilkan

# Kategori pengguna Dokter memiliki fungsi-fungsi :
- Menampilkan Data Pasien Berdasarkan Dokter Pemeriksa
- Pencarian Pasien berdasarkan Semua Kolom Tabel yang Ditampilkan
- Pencarian Data Pasien berdasarkan nama atau ID Pasien
- Mengisi Hasil Diagnosa Pasien dan Menentukan Tindakan Selanjutnya
- Menampilkan Data Resep Dokter berdasarkan Nama Dokter
- Menambah Data Resep
- Mengubah Data Resep
- Menghapus Data Resep
- Pencarian Resep berdasarkan Semua Kolom Tabel yang Ditampilkan
- Mencetak Resep

Screenshot Aplikasi

Halaman login sistem
Halaman login aplikasi web sistem informasi rumah sakit
Halaman front office
Halaman data pasien kategori pengguna front office

Halaman petugas departemen
Dokter-dokter yang bertugas di departemen syaraf


Source Code

Server web & database yang saya pakai adalah paket software XAMPP versi 5.6. Disarankan menggunakan versi yang sama atau tidak jauh dengan versi penulis.





# Instalasi
1. Salin folder sirusak ke direktori htdocs/www web server.
2. Buat database sirusak_tek.
3. Impor data dari file sirusak_tek.sql ke database sirusak_tek.
4. Buka konfig.php di folder sirusak; Pastikan server , username, password, dan nama database MySQLnya benar.
5. Akes web sirusak ( http://localhost/sirusak ).
6. Pada halaman login web, username dan password ada di tbl_user. 

Penutup

Aplikasi ini memang gak sempurna. Menurut gue, aplikasi web yang gue buat, strukturnya kurang rapih. Struktur aplikasi webnya gak implementasiin OOP dan MVC yang bisa dibuat pake framework PHP kaya CodeIgniter, Yii, Laravel dll. Mungkin kedepannya gue bisa share project pake salah satu framework PHP yang gue sebut tadi.
FYI, bahasa pemrograman yang bisa bikin aplikasi web bukan PHP aja, tapi Java, ASP .NET dan yang lagi happening yaitu Javascript juga bisa. Tentunya dipilih sesuai kebutuhan dan selera pengembang. So, keep learning & coding!

Jangan sungkan tinggalkan jejak :)

Aplikasi Absensi Pegawai Menggunakan Java Netbeans


Aplikasi Absensi Pegawai ini adalah aplikasi sederhana yang dibangun menggunakan bahasa pemrograman Java dibantu dengan Netbeans IDE ( versi yang gue pake 7.2 ) dan databasenya menggunakan MySQL. Seperti postingan kalkulator sederhana, project ini adalah tugas mata kuliah Pemrograman Berbasis Objek yang dikembangin selama dua minggu ( disamping project 3 mata kuliah lain ) bareng temen gue di Teknik Komputer Diploma IPB.

Walaupun belum banyak memahami tentang bahasa pemrograman java pake Netbeans, tapi project aplikasi absensi pegawai ini lumayan memuaskan buat gue pribadi karena banyak banget pelajaran yang gue dapet dari project ini yang dapat menambah wawasan ngoding gue. hehe

Karena bukan hal yang baru lagi, aplikasi ini telah banyak digunakan di perusahaan atau instansi yang membutuhkan pendataan kehadiran dan absensi pegawai yang sangat detil sehingga dibutuhkan sistem otomatis yang dapat mencatat kehadiran dan absensi pegawai secara cepat dan mudah digunakan oleh perusahaan atau instansi.

Deskripsi singkat 

Pada aplikasi ini gue ngambil kasus sebuah perusahaan yang mempunyai banyak karyawan dan shift yang berbeda-beda. Jadi, setiap karyawan punya jam kerjanya masing-masing. Selain mempunyai jam kerja masing-masing, mempunyai beberapa data pribadi umumnya pegawai seperti NIP, Nama, Jabatan, dan foto pegawai yang akan ditampilkan jika pegawai itu melakukan penanda kehadiran.
Selain melakukan absen hadir di panel admin terdapat beberapa menu yang mencakup pengelolaan presensi dan absensi pegawai. Aplikasi ini terbagi menjadi 2 project karena project sebagai server ( admin ) hanya digunakan untuk staff khusus sedangkan clientnya ( presensi ) dapat digunakan oleh semua pegawai untuk melakukan presensi. Ini mencegah tangan jahil mengakses panel admin selain staff admin oleh karena itu project harus dibangun secara terpisah.

Fitur aplikasi

# Presensi / Client
  - Menampilkan waktu & tanggal
  - Menjadikan windows menjadi selalu di tumpukan paling atas agar tidak mengganggu pegawai untuk melakukan presensi.
- Menampilkan data umum pegawai
- Mencegah pegawai keluar masuk sebelum waktunya ( rentan waktu 30 menit )
- Menganti fungsi tombol masuk dan tombol keluar menjadi satu, yaitu hanya menekan tombol Enter pada keyboard untuk melakukan kedua aksi tersebut dengan algoritma yang baik.
- Mengefisiensikan database
- Mempersingkat kode program

# Admin
Dashboard
- Menampilkan aktifitas terbaru semua pegawai
- Menampilkan persentase kehadiran pegawai secara keseluruhan
- Menampilkan jumlah pegawai perusahaan

Manajemen Pegawai
- Menampilkan data pegawai yang ada
- Terdapat fungsi umum Tambah, Ubah dan hapus data
- Mencengah duplikasi pegawai
- Aksi tombol simpan bisa digunakan sebagai penambahan data, dan pengubahan data.

Izin/cuti 
- Menampilkan data pegawai yang cuti/izin
- Terdapat fungsi umum Tambah, Ubah dan hapus data
- Menggunakan komponen JDateChooseruntuk memilih tanggal
- Mencegah duplikasi data izin/cuti
- Aksi tombol simpan bisa digunakan sebagai penambahan data, dan pengubahan data.

Laporan harian
- Menggunakan komponen JCalendar untuk memilih tanggal yang akan dicetak.
- Menggunakan iReport untuk menjadikan laporan berformat PDF

Aplikasi ini memang sangat jauh dari kata Sempurna. Insya allah bakal gue kembangkan lagi kalau ada yang lapor bug, pengen mempelajarinya lebih lanjut atau ingin menggunakan tenaga saya untuk membuat aplikasi ini lebih sempurna dan benar-benar dapat digunakan di masyarakat.

Screenshoot

Tabel Relasional / ER Diagram
Tabel Relasional / ER Diagram
Jendela Presensi Pegawai
Jendela Presensi Pegawai
Dashboard di Jendela Admin
Dashboard di Jendela Admin

Download Source code, bahan-bahan & database


Sebelum menjalankan aplikasinya, beberapa hal penting yang harus dilakukan diantaranya:

I. Menambahkan Pallet JCalendar di Netbeans

1. Download JCalendar ( Download ), lalu ekstrak.
2. Buka Netbeans IDE.
3. Klik Tools -> Pallete -> Swing/awt Components.
4. Klik New Categories -> beri nama kategori (contoh : JCalendar) -> Klik OK.
5. Klik Add From JAR -> arahkan ke folder hasil ekstrak yang dilakukan pada step 1, lalu buka folder "lib" dan pilih file jcalendar-1.4.jar -> Klik Next.
6. Pilih semua komponen jcalendarnya (Ctrl + A) -> Klik Next.
7. Pilih pallete category JCalendar -> klik Finish.

II. Menambahkan Library Eksternal di Netbeans

1. Buka Netbeans IDE.
2. Klik kanan pada Libraries project netbeansnya, pilih Add JAR/Folder.
3. Arahkan ke folder "lib" yang ada di masing-masing folder project AbsensiPegawai dan AbsensiPegawai-Client di paket download source code.
4. Pilih/blok semua file .jar nya ( Ctrl + A ).
5. Klik Open.

III. Pembuatan & Import Database MySQL 

1. Buka tool manajemen database MySQL ( PHP MyAdmin, Navicat, dll )
2. Buat database MySQL bernama dbabsensipegawai.
3. Pilih database dbabsensipegawai.
4. Import file dbabsensipegawai.sql yang ada di paket source code project.


IV. Konfigurasi Koneksi Aplikasi Java ke Database MySQL

1. Buka Netbeans IDE.
2. Open kedua project absensinya (AbsensiPegawai & AbsensiPegawai-Client).
3. Buka file KoneksiDB.java di package controller.
4. Sesuaikan variabel url, username dan password koneksi MySQL yang akan dihubungkan dengan aplikasi. Default koneksi MySQL, usernamenya adalah "root" dan password dikosongkan.

V. Run Project
- Run project jika sudah tidak ada lagi baris kode yang error.
- Login di Admin aplikasi bisa menggunakan username "admin" & password "admin" atau username "dendi" & password "dendi". Atau sesuaikan credential administrator di tabel admin di database dbabsensipegawai.

Jika ingin memodifikasi report, gunakan iReport Designer yang bisa anda didownload di link dibawah ini



Hire me at dendicious@gmail.com
untuk bantuan pembuatan project.


Jangan sungkan tinggalkan jejak :)

Cara Mudah Membuat Aplikasi Android


Meskipun App Inventor kadang-kadang digambarkan sebagai mainan pendidikan yang dapat digunakan buat menarik perhatian anak-anak tertarik dalam pemrograman, jangan biarkan hal ini justru menipu pemikiran kita bahwa kita gak bisa melakukan hal-hal fantastis dengan tools ini. App Inventor membuat fasilitas prototyping yang sangat baik.
MIT App Inventor adalah cara mudah membuat aplikasi Android. Kita tidak perlu bisa ngoding (seperti membuat aplikasi absensi pegawai) tapi kalau kita bisa ngoding memang jadi lebih baik nantinya. Walaupun tools ini masih versi beta tetapi untuk pemula ini bisa jadi kesenangan tersendiri.

Persiapan

Bagian terburuk dari mencoba lingkungan pemrograman apapun baru harus men-download dan menginstal sesuatu. Untuk App Inventor ini hanya sedikit masalahnya karena tools ini dirancang sebagai aplikasi web. Untuk menggunakannya kita memerlukan akun Google, jika kita tidak memilikinya sebaiknya mendaftar terlebih dahulu.
Namun, ada beberapa software yang harus berjalan di komputer kita yaitu Android Emulator dan Desainer. Keduanya adalah aplikasi Java dan hal pertama yang harus kita lakukan adalah memastikan bahwa kita telah menginstall Java terbaru. Kita dapat memeriksanya dengan cara melihat di Java test Page. 
Setelah memastikan bahwa Java terbaru sudah terinstall, kita perlu men-download windows installernya di sini (101 MB).
Setelah instalasi selesai kita siap untuk memulai menggunakan App Inventor.
Kita akan menggunakan simulator smartphone android untuk menguji aplikasinya. 
Untuk memulainya, buka http://ai2.appinventor.mit.edu/
Kalau sudah sign in ke akun Google kita, kita dapat langsung ke My Projects. Kalau belum, singn in terlebih dahulu dan lanjut ke My Projects. Bagian My Projects menyimpan semua aplikasi yang Anda buat untuk pengunaan lebih lanjut. 
Ketika kita belajar sistem baru, banyak yang bisa dikatakan, lebih sederhana lebih baik. Jadi mari kita membuat sebuah aplikasi Hello World.

Memulai membuat aplikasi

MIT App Inventor
Membuat project baru di MIT App Inventor

Pindah ke My Projects dan klik tombol New Project. Masukkan nama aplikasi yang diinginkan dan klik tombol OK. Setelah beberapa saat, kita akan melihat App Inventor Designer terbuka. Aplikasi apapun yang kita buat menggunakan App Inventor dakan disimpan secara permanen di account kita.

Sebelum memulai, kita perlu tahu bahwa Designer, sesuai dengan namanya, digunakan untuk merancang dan membuat antarmuka / interface pengguna aplikasi kita.
Jika diperhatikan, Designer tidak menyediakan behaviour untuk user interface yang kita buat. Untuk membuatnya, kita harus menggunakan Blocks Editor.

Designer

Designer dibagi menjadi empat region.
MIT App Inventor
Tampilan Designer MIT App Inventor 2
# Pallete menyedikanan komponen yang ingin kita gunakan untuk membangun UI. Palet ini dibagi menjadi beberapa section sesuai dengan jenis komponen.
# Viewer yang merepresentasikan layar smartphone dan digunakan untk tata letak komponen UI.
# Components pane memperlihatkan pandangan berbeda yang telah kita tempatkan di Viewer. Kita bisa mengatur pandangan agar tumpukan komponen tersusun secara teratur.
# Properties pane berisi daftar semua pengaturan untuk komponen yang saat itu kita pilih. Kita akan menggunakan ini untuk menyesuaikan setiap komponen.

Dibawah ini adalah beberapa tutorial dasar yang dapat kita pelajari untuk membuat aplikasi android sederhana, diantaranya :

1. TalkToMe : Text-to-Speech App (Download tutorial versi teks dan gambar / PDF)



2. Extended TalkToMe App: Shake! (Download tutorial versi teks dan gambar / PDF)





4. DigitalDoodle Drawing AppDownload tutorial versi teks dan gambar / PDF )




Selain App Inventor, ada beberapa situs lain yang menyediakan layanan pembuatan aplikasi android dengan mudah dan gratis seperti AppsGeyser dan MIPPIN.

Selamat membuat aplikasi android
dan
Jangan sungkan tinggalkan jejak :)

Program Kalkulator Sederhana Menggunakan Java Netbeans


Membuat kalkulator sederhana menggunakan Java Netbeans cukup mudah. Karena program yang di tulis tidak terlalu rumit, tapi memang perlu sedikit kesabaran karena lo pasti baru belajar make Netbeans, ya kan?
Program ini gue buat waktu di kasih tugas sama dosen mata kuliah Pemrograman Berbasis Objek. Program yang gue buat ini cukup simple, nyari kodingannya lewat om Google. :D
Gue berusaha jelasin secara detail dari memulai Java Netbeans sampai program kalkulator sederhana selesai dibuat. Pastikan Netbeans IDE nya sudah terinstall dengan baik. Gue pake Netbeans IDE versi 7.2.1. Gue saranin lo pake Netbeans yang versinya ga terlalu jauh dengan yang gue pake.

It's time to begin.

Buat Project Aplikasi Baru

Buka Program Netbeans IDE yang sudah terinstall di PC.
Klik File --> New Project 

Perlu diketahui program yang akan kita buat adalah aplikasi java biasa yang menggunakan GUI ( Graphic User Interface )

Pilih kategori Java, dan project Java Application
Lalu klik Next >
Membuat Project Aplikasi Java Baru
Tampilan Membuat Project Aplikasi Java baru
Nama project kita sekarang adalah KalkulatorSederhana.
Tips : Untuk project name saya sarankan tidak menggunakan spasi.

Lokasi project simpanlah di folder yang aman dan nyaman. hehe

Uncheck Create Main Class. Karena pada saat membuat program nanti kita akan menggunakan class JFrame sebagai main class.
Klik Finish
Penamaan dan lokasi project java
Penamaan dan lokasi project java
Project baru telah selesai dibuat.
Project bernama KalkulatorSederhana selesai dibuat
Project bernama KalkulatorSederhana selesai dibuat.
Source Packages masih kosong 

Persiapan desain interface Aplikasi Java

Setelah membuat project baru, selanjutnya adalah mendesain tampilan kalkulator yang akan kita buat.

Klik kanan pada package <default package> --> New --> JFrame Form

Isi nama kelas dengan TampilanKalkulator. Tidak boleh ada spasi di nama kelas.

Lalu klik Finish.
Untuk mempermudah membuat desain tampilannya, gue saranin pake Layout Manager Absolute Layout. Sebelumnya, pastikan Window Navigator sudah diaktifkan ( Window --> Navigating --> Navigator ).

Caranya mengubah layout managernya, klik tab Design di dokumen TampilanKalkulator.java lalu lihat di window Navigator ( sebelah kiri layar ) --> Klik kanan di [JFrame] --> Set Layout --> Absolute Layout

Mendesain tampilan aplikasi

Sekarang adalah saatnya mendesain tampilan aplikasi kalkulatornya. Cukup drag and drop dari window pallete ( Window --> Pallete ) yang berada di kanan layar ke dalam Design TampilanKalkulator.java kita, geser kiri kanan bawah atas panjang lebar dan buatlah desain kalkuator seperti dibawah ini.
Desain kalkulator sederhana di netbeans
Desain kalkulator sederhana di netbeans
Untuk mengubah teks dan nama variabel komponen caranya :
klik kanan pada komponen yang akan di modif -->  Edit Text ( untuk mengubah teks yang tampil) atau Change Variable Name ( Untuk mengubah nama variabel komponen )

Agar sesuai dengan kodingan yang udah gue buat, ganti Variable Name tiap komponen sesuai daftar nama variabel dibawah ini. *Hati-hati, kava bersifat CaseSensitive artinya besar kecil huruf mempengaruhi kodingan.
Daftar nama variabel tiap komponen

Menulis kode java

Setelah selesai membuat desain interfacenya, sekarang satanya mengisi kodingan Java nya.
Pertama-tama adalah mendefinisikan tipe data
Klik tab Source di dokumen TampilanKalkulator.java 
Tulis definisi variabel yang kita butuhkan tepat dibawah
public class TampilanKalkulator extends javax.swing.JFrame {

String angka;
double jumlah,angka1,angka2;
int pilih;

Untuk mengisi kodingan, secara default tinggal Double Click pada komponen yang di inginkan maka kita langsung menggunakan Event actionPerformed ( panjangnya klik kanan pada komponen yang diinginkan --> Events --> Action --> actionPerformed ). Artinya kalau misanya user meng-klik tombol maka java akan menjalankan kode yang kita tulis di objek actionPerformed.

Inilah kode- kode yang harus ditulis pada setiap JButton

Tombol 0 s.d 9
angka += "x";
display.setText(angka);
Nilai x sesuai dengan angka pada tombol (JButton) yang akan ditampilkan di display (JTextField).
Maksud kode diatas adalah jika suatu tombol angka di klik maka akan meletakan 1 digit angka tertentu di sebelah kanan variabel angka. Lalu mengubah text pada display menjadi isi dari variabel angka.

Tombol koma (,)
angka += ".";
display.setText(angka);
Menambahkan simbol koma/point

Tombol C (Clear)
display.setText("");
angka1=0.0;
angka2=0.0;
jumlah=0.0;
angka="";

Memastikan semua komponen dan variabel bernilai nol / null.

Tombol ( + ) 
angka1=Double.parseDouble(angka);
display.setText("+");
angka="";
pilih=1;

Variabel angka1 merupakan penampung angka yang nantinya akan di operasikan dengan variabel angka2. Karena variabel angka1 kita deklarasikan bertipe data Double, maka variabel angka yang bertipe data String harus di konversikan dulu ke Double.
Mengubah teks pada display menjadi simbol +.
Variabel angka dikosongkan kembali untuk menampung String angka yang nantinya akan diberikan ke variabel angka2.
Pilih = 1 adalah integer yang berfungsi untuk pemilihan aksi pada switch case di jika tombol sama dengan ( = ) ditekan.

Untuk tombol operasi bilangan lainnya menyesuaikan seperti kode pada button (+)
Tombol ( - )
angka1=Double.parseDouble(angka);
display.setText("-");
angka="";
pilih=2;

Tombol (x)
angka1=Double.parseDouble(angka);
display.setText("*");
angka="";
pilih=3;

Tombol ( / )
angka1=Double.parseDouble(angka);
display.setText("/");
angka="";
pilih=4;

Tombol (=)
        switch(pilih){
            case 1:
                angka2 = Double.parseDouble(angka);
                jumlah = angka1 + angka2;
                angka = Double.toString(jumlah);
                display.setText(angka);
                break;
            case 2:
                angka2 = Double.parseDouble(angka);
                jumlah = angka1 - angka2;
                angka = Double.toString(jumlah);
                display.setText(angka);
                break;
            case 3:
                angka2 = Double.parseDouble(angka);
                jumlah = angka1 * angka2;
                angka = Double.toString(jumlah);
                display.setText(angka);
                break;
            case 4:
                angka2 = Double.parseDouble(angka);
                jumlah = angka1 / angka2;
                angka = Double.toString(jumlah);
                display.setText(angka);
                break;
                default:
                break;
    } 

Sebelum operasi bilangan dilakukan, variabel angka2 harus dikonversikan terlebih dahulu ke tipe data Double.
Variabel jumlah melakukan operasi bilangan angka1 dan angka2 yang sudah dikonversi ke tipe data Double.
Variabel angka mengkonversi variabel jumlah yang bertipe data Double menjadi String agar yang bisa ditampilkan di display.

Penyempurnaan Tampilan

Setelah kodingan selesai, perlu ditambahkan beberapa aturan yang harus kita tetapkan di Interface agar program lebih teratur dan tidak terjadi kesalahan program diakibatkan oleh user.

Mengatur Properti JFrame

Klik kanan di area (container) Desingn JFramenya --> Properties.
  • Isi title JFrame.
  • Uncheck resizable. Ini bermaksud agar pada saat program di Run user tidak bisa di mengubah panjang atau lebar window.
Properti JFrame di aplikasi kalkulator
Properti JFrame
Mengatur Properti JTextField

Klik kanan di komponen JTextField yang berada di dalam container JFrame --> Properties

  • Uncheck editable. Agar user tidak dapat memasukan karakter langsung dari keyboard. Menghindari karakter yang tidak diinginkan masuk ke display.
  • Horizontal Alignment ubah menjadi Right. Agar posisi angka menjadi rata kanan seperti kalkulator pada umumnya. 
Properti display kalkulator
Properti JTextField display

Menjalankan Aplikasi

Terakhir, adalah menjalankan Aplikasi Java nya.
Klik Run --> Run Project atau Run File.
Aplikasi Kalkulator Sederhana


Selamat, anda telah menyelesaikan satu project Java menggunakan Netbeans. :)

Download Projectnya


Butuh bantuan project Netbeans ? 

e-mail kami ke dendicious[at]gmail.com

Cara Menambahkan Efek Turun Salju di Blogger


Musim salju, mungkin ga ada di Bandung ataupun Jakarta, tapi musim salju bisa ada di blog kamu. Suasana natal dan tahun baru juga masih hangat. Biar lebih hangat :D gimana kalo percantik blogger kamu biar ada efek salju nya gitu? Keren kan?

Caranya gampang, tinggal copy paste aja salah satu script dibawah ini. Pilih aja yang menurut kamu scritpt the most better.

<script src='https://dendicious.googlecode.com/files/snow_high_intens.js' lang='javascript' type='text/javascript' />

<script lang='javascript' src='https://dendicious.googlecode.com/files/snow.js' type='text/javascript' />

Langkah - langkahnya :

  1. Login ke akun blogger kamu
  2. Pilih blog yang kamu inginkan
  3. Arahkan ke menu Template
  4. Edit HTML
  5. Tekan Ctrl / Cmd + F, ketik </head>
  6. Paste scritpt snow effect the most better diatasnya </head>
  7. Pastikan telah tersimpan
  8. Buka / reload blog kamu
Update :

Cara menambahkan efek salju yang lainnya 

Waktu browsing gue berkunjung ke sebuah situs yang populer di buat download album/single K-Pop, gue terkesima melihat efek turun saljunya yang smooth dan ga memberatkan sistem seperti script turun salju diatas. Script ini sebenarnya adalah plugin yang gue dapetin dari wordpress, lalu gue coba di blogger ternyata WORK :D

Caranya :
1. Buka Editor Template blogger.
2. Letakan script dibawah ini sebelum tag </body>
<!-- Begin WP Super Snow Flake -->
<script type='text/javascript' src='https://dendicious.googlecode.com/files/wp-super-snow.min.js?ver=131203'></script>
<script type="text/javascript">
  jQuery(document).ready(function($){
     $('body').wpSuperSnow({
        flakes: ['http://3.bp.blogspot.com/-_uLL72yJ6GE/UtPNDtbTUCI/AAAAAAAACCQ/Bf3y9bRKxJM/s1600/snowflake.png','http://1.bp.blogspot.com/-kvbYa_4USNg/UtPNDXo5zSI/AAAAAAAACCM/eSfEJFUPdyc/s1600/snowball.png'],
        totalFlakes: '50',
        zIndex: '999999',
        maxSize: '50',
        maxDuration: '35',
        useFlakeTrans: true
     });
  });
</script>
<!-- End WP Super Snow Flake -->

3. Simpan template.

Perfecto :D
Gampang kan?

Oh ya, baca juga trik Percantik Blogger Kamu Pake Google Webfonts dijamin bisa bikin blog lo makin indah dipandang visitor.

How to Embed SNSD Daum Widget to Your Blog or Web

A few days ago, i have seen very pretty widget in some blog that i visited. They blog had a same widget SNSD from Daum. I'm very confuse how to embed SNSD Daum widget to my blog because i'm not understand with they language :D. Now, i know how tho add this widget to my blog. And now, I want explain how to add SNSD Daum widget to your blog or web like right sidebar of my blog. ;)

First step :
Click the button that i marked like above. This link direct you to SNSD Daum widget


Second step :
Click the option "HTML (Source)", and then click the next button icon down arrow like above for generate this widget.

Third step :
Block all the script and copy it for embed to your blog.
Fourth step :
For blogger, you can add the script in layout setting, then add HTML/Javascript gadget.  
Fifth step :
Fighting S♥NE :D
Don't forget share this post to your friends :)
감사함니다 Kamsahamnida :)

*UPDATE
You can also copy script below  for get this widget :D

<script src="http://widgetprovider.daum.net/view?url=http://widgetcfs1.daum.net/xml/1/widget/2010/09/28/11/32/4ca153da065fc.xml&&width=166&height=359&widgetId=947&scrap=1" type="text/javascript"></script>

Percantik Blogger Kamu Pake Google Web Fonts


Kamu punya blog tapi tulisannya gitu2 aja? Kenapa ga coba pake Google Web Fonts?

Google Webfonts
Google Webfonts adalah situs yang dikembangkan google yang bisa menampilkan font-font keren yang ada di web/blog tanpa harus menginstall terlebih dahulu font nya di komputer kamu agar bisa melihat font tersebut. Jadi, dengan adanya google webfonts, blog kamu bisa pake font-font cantik tanpa merisaukan font cantik kamu tidak tampil di komputer orang laen yang belum install font yang kamu pake.

Trus gimana caranya?

Nah, Buat yang punya blogger, kalo kamu pake template - template default dari blogger pada dasarnya hampir semua font yang ada di Google Web Fonts sudah ada di Blogger Template Designer. Yaitu bisa di liat di menu Templates > Customize > Advanced. Tinggal dipilih pilih..
Tampilan Blogger Template Designer > Advanced
Tapi, gimana kalo template blognya bukan dari template yang disediain blogger? 
Ya itulah yang akan kita bahas kali ini..

Pertama tama buka Google Web Fonts

Pilih Font yang kamu suka terus klik Add To Collection
Klik Add to Collection
 Setelah dipilih, klik Use untuk menambahkan font tersebut di blog kamu.
Kik Use
 
Setelah itu scroll halamannya ke bawah, ada kode yang diblok kuning dan merah yang harus di copy-in ke script HTML blog kamu.
Tampilan setelah mengklik Use dan scroll kebawah
 1. Kode yang di blok kuning kamu copy-in ke script HTML blog kamu ( Templates > Edit HTML, Proceed ) dan paste-in sebelum script <b:skin> ( cari aja pake CTRL+F, trus ketik <b:skin>). Contoh potongan script htmlnya :
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.title/></title>
<meta content='Ini Deskripsi Blog Saya' name='description'/>
<meta content='ini,keywors,saya' name='keywords'/>
<link href='http://fonts.googleapis.com/css?family=Marck+Script' rel='stylesheet' type='text/css'>
<b:skin><![CDATA[/*
#navbar-iframe{display:none;}*{margin: 0px;padding: 0px;}
#LinkList10 h2{display:none;}
2. Setelah blok yang kuning di copy-in, tinggal blok merahnya copy-in juga ke script HTML kamu tapi sesuai keinginan kamu, mau pake font itu buat apa. Misalnya aku mau pake font itu buat isi postingan. Caranya, liat lagi di Edit HTML trus cari body{ misalnya ketemu
body{
    font-weight:normal;
    font-family: 'Trebuchet Ms', Arial,Helvetica,sans-serif;
    font-size:12px;
    color:#02192c;
    background-color:#ebebeb;
    margin:0;
    padding:0;
    line-height:135%;
}
ganti yang di blok biru diatas degan blok merah yang tadi. Hasilnya seperti ini..
body{    font-weight:normal;    font-family: 'Marck Script', cursive;    font-size:12px;    color:#02192c;    background-color:#ebebeb;    margin:0;    padding:0;    line-height:135%;}
Tapi kalo ga ada font-familynya, kamu bisa nambahin sendiri di baris baru asalkan masih di dalam kurung kurawal "body{ %attributes% }".


Mungkin segitu aja dari aku.
Kalo berhasil dan mau tanya tanya boleh komen di blog ini, lewat  atau aku .

Biar suasana musim dingin kamu makin kerasa, kenapa engga coba trik ini Cara Menambahkan Efek Turun Salju di Blogger.

Makasih udah baca blog aku :)
I hope you enjoy :)

- Copyright © 2014 Dendicious Blog - Yui-Lovers V2 - Powered by Blogger - Designed by Johanes Djogan -