Dendicious Blog

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.

Pendahuluan

Kesehatan merupakan elemen vital dalam segala aktivitas yang dilakukan oleh manusia. Untuk itulah perlu dilakukannya pengamatan kesehatan secara rutin, agar dapat segera diambil tindakan pada saat terdapat tanda-tanda kesehatan menurun. Tanda-tanda vital kesehatan manusia dapat diketahui dari suhu tubuh, nadi, pernasapan, dan tekanan darah. Dari tanda-tanda vital tersebut, suhu tubuh merupakan salah satu tanda yang perlu diperhatikan.
Perkembangan teknologi yang demikian pesatnya, terutama dibidang elektronika menyebabkan rangkaian-rangkaian aplikasi elektronika menggantikan peran manusia sebagai pemantau dalam suatu pekerjaan. Modul elektronika yang semakin kecil menjadikan komponen tersebut dapat diletakan di pakaian manusia. Lingkungan sistem operasi Android yang saat ini memiliki market share 82% (IDC 2015) pengguna ponsel menjadi platform yang dapat digunakan sebagai penerima dan pengolah informasi dari sensor suhu, sehingga dapat menampilkan informasi pengguna secara mudah dan menarik.

Teori Dasar

Tata Kerja / Metode

Arsitektur jaket pengamat suhu tubuh berbasis atmega dan android sebagai display

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

Jendela Presensi Pegawai

Dashboard di Jendela Admin

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

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

Memulai membuat aplikasi

Membuat project baru di MIT App Inventor

Designer

Tampilan Designer MIT App Inventor 2

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?

 

Theme Song MPKMB 50

Pada MPKMB ( Masa Perkenalan Mahasiswa Baru ) tahun 2013, Panitia MPKMB Diploma IPB mengadakan kembali lomba Theme Song sesuai dengan nama angkatan nya yaitu Generasi Emas (Angkatan 50). Di postingan gue sebelumnya Theme Song "Generasi Berkarya" dari Teknik Komputer Diploma IPB gue pernah merasakan susahnya menciptakan satu lagu, apa lagi kalau sudah dikasih deadline. Lomba theme song ini wajib bagi setiap Program Keahlian yang ada di Diploma IPB.
Untuk membantu publikasi karyanya lebih luas agar bisa didengar oleh semua orang, inilah hasil karya musik ciptaaan mereka (via box.com )


Dengarkan, dan rasakan atmosfer MPKMB nya :)

Mau langsung download semuanya lagunya ? Klik disini http://q.gs/394831/album-mpkmb-full

Video Dokumentasi MPKMB 2013 Diploma IPB

Semua video cuplikan tentang MPKMB 50 ada di sini  http://www.flickr.com/photos/104242561@N02/

Video Tata Tertib Diploma IPB

Ini adalah postingan pertama gue tentang Elektronika. hehe Setelah belajar selama kurang lebih 10 pertemuan, di mata kuliah tertentu dosen ngasih tugas membuat suatu karya atau proyek sesuai dengan tujuan mata kuliah. Dan biasanya kalau ada project itu harus ngumpulin proposalnya terlebih dahulu. Nah di postingan gue kali ini, gue mau nge-share proposal-proposal yang ada di laptop gue yang berhubungan dengan dunia Elektronika tentunya. 
Proposal-proposal yang gue punya diantaranya

Alur diagram kesalahan pada modem. Klik untuk memperbesar.

Modem DSL atau Modem Kabel?

Apakah modem memanggil?

Apakah ISP kamu menjawab?

Sibuk atau berdering?

Bisa Online?

ISP mengkonfirmasi informasi pengguna?

Apakah modem kamu ingin koneksi berkecepatan rendah?

Dapatkah kamu terhubung ke ISP yang berbeda?

Tidak ada nada panggilan?

Driver terbaik terinstall?

Device Manager melaporkan masalah?

Melalui modem test sistem operasi?

LED Internet menyala?

Apakah kamu memiliki modem kabel?

Filter terinstal?

Sistem dengan teman sama?

Multi-port modem?

Setelah mempelajari dasar cara membaca dan menulis hangeul, gue mau ngasih beberapa referensi basic tentang berdialog menggunakan bahasa korea.

Setelah mencari-cari, gue dapet satu website yang ngebahas full tentang pelajaran berdialog menggunakan Bahasa Korea yaitu di TalkToMeinKorean.com. Di situs tersebut hampir lengkap semua pelajaran dengan metode yang simple dan menyenangkan mulai dari pelajaran yang paling mendasar sampai expert disana bisa kamu temukan. Metode pembelajarannya pun bermacam-macam, dari tulisan, mp3 sampai video pembelajaran bahasa korea ada disana.

Sekarang gue mau sharing file-file yang udah gue download di situs itu. Karena di situs tersebut kalo download pdfnya per Level ada semacam part-part nya (bisa sampai 30an part) jadi gue mau ngemudahin kamu download langsung per level yang udah gue kemas jadi .rar. O:)

Monggooo..........
Cara gampang download di tusfiles : Jangan di checklist "Use our download manager and get recommended downloads" nya Oke :))

Level 1 

Level 2

Download Lengkap TTMIK pdf Level 2 -> Talk To Me In Korean_Level02.rar

Level 3

Level 4

Level 5

Level 7

Level 9

Annyeong haseyo... itulah yang sering diucapkan orang korea saat menyapa orang lain. Begitu pun Saranghaeyo.. yang sering diucapkan di lagu-lagu k-pop kesukaan kamu. Seiring berkembang sangaaat pesatnya Halyu Wave, semua hal tentang Korea pun jadi sorotan yang menarik buat dipelajari.
Naah, sudah bisa ngomongnya, gimana kalo kita belajar membaca dan menulis huruf korea?
Sebelum pake keyboard, mending pake pensil dulu deeh nulisnya biar gampang nempel di otak. hehe

Pelajaran Pertama

Dibaca : Hangeul

Pelajaran Kedua

Huruf Depan

Sedangkan huruf yang diberi kotak biru tua adalah hanya penggandaan dua huruf dari basis, contohnya g ㄱ yang berubah menjadi kk ㄲ.

Huruf Vokal

Pada huruf vokal, lihatlah huruf-huruf Dasar pada baris pertama. Itu lah huruf-huruf vokal basisnya.

Huruf Belakang

Note : Artikel ini hanya menuntun kamu agar bisa membaca dan menulis dengan huruf hangeul. Untuk lebih jelasnya, banyaklah membaca referensi tentang hangeul. Penulis juga masih belajar lagi :D

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.