Tutorial Membuat Web Rumah Sakit (Rekam Medis) Responsive Step by Step

Assalamu'alaikum wr. wb.

Apa kabar teman-teman YukCoding? Semoga tetap semangat dan sukses selalu. Amin

Pada kesempatan kali ini Alhamdulillah kita bisa update tutorial seri baru yaitu "Membuat Web Rumah Sakit (Rekam Medis) Responsive Step by Step". Sangat cocok untuk pemula.


Sistem yang kita buat ini masih simple, belum terlalu kompleks, yang penting kita tekankan bagian implementasi request terbanyak dari temen-temen seperti integrasi datatable serverside, membuat multiple CRUD data, membuat bulk delete, membuat pencarian sekaligus pagination dengan PHP, membuat login dengan enkripsi SHA1, membuat CRUD dengan UUID sebagai pengganti Auto Increment, membuat import data dari excel, membuat export PDF, CVS, Excel dengan datatables, implementasi join sqlintegrasi library CKEditor, dan lain sebagainya.

Sebenarnya web rekam medis ini adalah project UAS kuliah admin (https://instagr.am/nurfawaiq) sewaktu semester 2 (saat tulisan ini diposting, admin baru akan naik semester 4).

Oke langsung saja list tutorial lengkapnya ada dibawah ini :

 1. Intro dan Demo Aplikasi Rumah Sakit / Rekam Medis
 2. Membuat Tampilan Halaman Login dengan Bootstrap
 3. Membuat Login PHP Mysqli dengan Enkripsi SHA1
 4. Membuat Security Akses Page Login dan Dashboard
 5. Membuat Menu dan Dashboard Responsif dengan Bootstrap
 6. Membuat Tampil Data dari Database MariaDB/MySQL
 7. Membuat Pencarian Sekaligus Pagination dengan PHP Mysqli
 8. Membuat Tambah Data dengan UUID Sebagai Primary Key
 9. Membuat Edit dan Hapus Data dengan Parameter UUID
 10. Membuat CRUD Data Simultan dengan PHP Mysqli
 11. Membuat Multiple Tambah Data dengan PHP dan Javascript
 12. Membuat Multiple Edit Data dengan PHP dan Javascript
 13. Membuat Multiple Hapus Data dengan PHP dan Javascript
 14. Membuat CRUD dan Bulk Delete dengan PHP 7
 15. Download dan Integrasi DataTables Client-side dengan Bootstrap
 16. Membuat Tambah Data dengan Validasi Duplikat Identitas
 17. Implementasi DataTables Server-side dengan PHP dan Bootstrap
 18. Membuat Export (PDF, Excel, CSV), Print, dan Copy dengan DataTables
 19. Membuat Import Data Excel ke Database dengan PHP Mysqli
 20. Membuat Relasi Antar Tabel Database dengan 2 Cara di phpMyAdmin
 21. Membuat Form Combobox dan Select Multiple dari Database
 22. Menginput Data dari Select Multiple ke Tabel MySQL Berelasi
 23. Menampilkan Data dari Beberapa Relasi Tabel dengan JOIN SQL
 24. Membuat Inputan dengan Library CKEditor (Fitur WYSIWYG)

 Bonus: Membuat Selected Combobox (Select Option) pada Form Edit


Gimana mantab kan tutorialnya? Apabila masih bingung atau ada kesulitan silakan tinggalkan komentar di masing-masing artikel.

Jangan lupa like dan share tutorial-tutorial dari YukCoding Tutor!
Semoga bermanfaat. Happy coding :)

Wassalamu'alaikum wr. wb.
#A3

Kumpulan Tutorial Develop Android untuk Pemula

Assalamu'alaikum wr. wb.


Bukannya YukCoding Blog tidak update tutorial lagi teman-teman. Kita tetap update, walaupun (maaf) kadang agak lama. Sekarang tutorial-tutorial baru kami posting di web www.yukcoding.id, karena sudah support AMP dan Facebook Instant Articles.

Sebagai contoh tutorial Android Studio dasar yang beberapa waktu lalu kita posting. Silakan list-nya bisa kita pelajari bersama di bawah ini :


  • Membuat Splash Screen dengan Android Studio (waiting list)
  • Membuat Aplikasi Android dan IOS dengan React Native (waiting list)

Jangan lupa like, subsribe, dan share tutorial-tutorial menarik dan pastinya gratis dari YukCoding. Semoga bermanfaat. Happy coding :)

Wassalamu'alaikum wr. wb.
#A3

Tutorial Framework CodeIgniter 3 Lengkap Step by Step

Assalamu'alaikum wr. wb.

Apa kabar teman-teman YukCoding? Semoga sehat dan semangat selalu, Amin :)
Kali ini admin ingin berbagi kumpulan tutorial belajar salah satu framework PHP yang paling populer yaitu CodeIgniter atau biasanya disingkat CI.


Sebelum kita belajar membuat web dengan CodeIgniter, alangkah lebih baiknya jika kita mengerti dulu apa itu framework, apa itu codeigniter, apa itu konsep MVC dan apa itu konsep OOP. Temen-temen bisa pelajari pada artikel berikut :

Mengenal Framework PHP dan Jenisnya

Belajar Konsep OOP (Object Oriented Programming)

Setelah kita belajar fundamentalnya, kita bisa belajar tutorial codeigniter dari dasar step by step dan disertai penjelasan lengkap pada list dibawah ini :
  1. Perkenalan dan Instalasi CodeIgniter
  2. Membuat Tampil Data dengan CodeIgniter dan MariaDB
  3. Menghilangkan index.php pada URL CodeIgniter
  4. Membuat Tambah Data dengan CodeIgniter dan MariaDB
  5. Membuat Edit Data dengan CodeIgniter dan MariaDB
  6. Membuat Hapus Data dengan CodeIgniter dan MariaDB
  7. Mempercantik Tampilan Web CodeIgniter dengan CSS
 - Membuat Upload File dengan CodeIgniter (coming soon)
 - Mengintegrasikan CodeIgniter dengan Template Bootstrap (coming soon)
 - Membuat Export PDF pada CodeIgniter (coming soon)
 - Membuat Import Data pada CodeIgniter (coming soon)


Itulah beberapa tutorial belajar framework codeigniter step by step lengkap by YukCoding. Tutorial lanjutan yang akan rilis dapat temen-temen pantau pada Daftar Isi di web YukCoding.

Jangan lupa like, share, & subscribe tutorial-tutorial dari YukCoding !

Semoga bermanfaat. Happy coding :)

Wassalamu'alaikum wr. wb.
#A3

Web Tutorial Baru YukCoding

Assalamu'alaikum wr. wb.

Apa kabar sahabat YukCoding? Semoga selalu sehat, semangat, dan sukses, Amin.

Kali ini YukCoding ingin berbagi info nih bahwa sekarang kita punya web baru dengan alamat baru, yaitu www.yukcoding.id. Tetapi tenang saja, blog yukcoding yang ini dengan domain blogspot tidak akan kami hapus atau ganti, jadi akan tetap abadi selamanya (mulai lebay nih :D).

Jadi kemungkinan kita akan update tutorial-tutorial terbaru di web yang baru. Disana nantinya akan ada artikel / tutorial menarik dari teman-teman programmer / praktisi IT lainnya. So, jangan sampai ketinggalan ya guys :)

Oke langsung saja berikut tampilan web baru YukCoding.ID (pada saat artikel ini diterbitkan) :



Gimana keren kan? Itu tampilan baru atasnya, silakan langsung di explore saja ke TKP.

Teman-teman yang ingin berkontribusi menulis artikel juga diperbolehkan, silakan hubungi admin di https://fb.me/yukcoding untuk info lebih lanjut.

Semoga YukCoding tetap bisa memberikan manfaat kepada generasi programmer-programmer muda di Indonesia, Amin.

Jangan lupa like, share, dan subscribe tutorial-tutorial dari YukCoding. Semoga bermanfaat. Salam coders :)

Wassalamu'alaikum wr. wb.

#A3

Download Source Code Embed Generator Google Drive

Assalamu'alaikum wr. wb.

Kali ini admin akan membahas tentang download source code embed generator google drive, seperti yang digunakan oleh ganool, layarkaca21, dll. Mengapa kita menggunakan google drive? Karena dengan google drive kita terkadang dapat unlimited storage account-account sekolah dan dengan embed ini sendiri Anda bisa manipulasi juga iklan yang akan Anda tampilkan atau Anda bisa hilangkan iklan di embed. Jika kita memakai punya orang lain sudah pasti mereka banyak untungnya karena mereka menitip iklan :D



Apa fitur-fitur yang ada di embed ini?

1. Player menggunakan jwplayer
2. Halaman download movie + subtitle
3. Mudah digunakan
4. Subtitle default bahasa indonesia (bisa custom)
5. Bisa dipasang di semua website maupun blog
6. Tidak menggunakan proxy :)
7. dll


Bagaimana cara download-nya?
Maaf gan untuk source code ini tidak gratis. Jika Anda berminat hanya cukup bayar sekali dan sudah bisa menggunakan embed tersebut. Selain itu embed ini bukan menggunakan proxy yang gampang mati seperti embed-embed lain :)

Harga source code ini adalah Rp. 400.000,- (transfer rupiah) atau $40 USD (transfer paypal).

Jika agan berminat bisa langsung contact di https://fb.me/yukcoding atau email ke codingyuk@gmail.com.

Terimakasih banyak atas perhatiannya, sekian dari saya,

Wassalamu'alaikum wr. wb.
#A3

Tutorial Cara Hosting Project Web Step by Step dengan Penjelasan Lengkap

Cara Upload Web ke Hosting - Tutorial Cara Hosting Project Web Step by Step dengan Penjelasan Lengkap

Assalamu'alaikum wr. wb.

Apa kabar sahabat YukCoding? Semoga sehat dan sukses selalu. Amin :)

Oh iya, kemaren ada beberapa temen YukCoding yang request tutorial bagaimana cara upload web kita yang awalnya di localhost menjadi bisa online di hosting. Maka dari itu kali ini saya buatkan khusus tutorial cara hosting project web step by step dengan penjelasan lengkap.


Untuk langkah-langkahnya sudah saya jelaskan lengkap dari awal sampe akhir. Silakan langsung saja disemak pada tutorial video di bawah ini :




Gimana berhasilkah? Cukup mudah bukan?

Sebenarnya di hosting ada banyak sekali fitur di dalamnya. Pada video diatas saya kelupaan mau nambahin penjelasan tentang cara menambahkan hak akses (permissions) pada direktori web di hosting kita agar aman dari serangan para peretas. Tapi tak apalah yang terpenting web kita sudah bisa online.

Artikel menarik lainnya :
[GRATIS] Download Kumpulan Tutorial Pemrograman dan Modern Development Lengkap

Jangan lupa like dan share tutorial-tutorial YukCoding!

Semoga bermanfaat. Happy coding :)

Wassalamu'alaikum wr. wb.
#A3

Tutorial + Source Code CRUD & Searching Data dengan VB.NET dan MariaDB

Assalamu'alaikum wr. wb.

Kali ini kita akan belajar bersama bagaimana membuat CRUD (Create, Read, Update, Delete) & search data dengan menggunakan VB.NET dan database MySQL.

Aplikasi yang dibutuhkan ialah Microsoft Visual Studio, disini saya menggunakan Microsoft Visual Studio 2010. Sedangkan untuk database nya saya menggunakan MariaDB bawaan web server XAMPP karena OS nya windows.

Tampilan output-nya kira-kira seperti ini :



Tutorial :

1. Siapkan alat tempur yaitu Microsoft Visual Studio (versi terserah) dan install database MySQL (lebih enak install xampp yang sudah satu paket).

2. Buat project baru di vb.net dan jangan lupa pastikan sudah terinstall MySQL Connector Net (Anda dapat mendownload-nya disini).

3. Buat database perkuliahandb (nama optional), dan buat tabel mahasiswa (nama optional) dengan deskripsi field-field sebagai berikut.


4. Klik kanan pada project kita di bagian Solution Explorer (kanan) > Add Reference > .NET > MySql.Data

5. Buat desain form-form nya seperti hasil output program diatas (silakan di explore sesuai keinginan masing-masing), lalu berikan nama unique pada masing-masing komponen di dalamnya.

6. Buat modul baru dengan nama koneksi.vb dan kemudian sesuaikan script nya seperti dibawah ini

koneksi.vb

Imports MySql.Data.MySqlClient

Module koneksi

    Public conn As New MySqlConnection
    Public MySQLReader As MySqlDataReader
    Public CMD As New MySqlCommand
    Public DA As New MySqlDataAdapter

    Public Sub konek(ByVal server As String, ByVal user As String, ByVal pass As String, ByVal db As String)

        If conn.State = ConnectionState.Closed Then
            Dim myString As String = "server=" & server & ";user=" & user & ";password=" & pass & ";database=" & db
            Try
                conn.ConnectionString = myString
                conn.Open()
            Catch ex As MySql.Data.MySqlClient.MySqlException
                MessageBox.Show("Koneksi Gagal" & vbCrLf & "Mohon cek apakah server sudah siap!", "Koneksi ke server", MessageBoxButtons.OK, MessageBoxIcon.Warning)
            End Try
        End If
    End Sub

    Public Sub disconnect()

        Try
            conn.Open()
        Catch ex As MySql.Data.MySqlClient.MySqlException
        End Try
    End Sub
End Module

Form1.vb

Imports Pertemuan9.koneksi
Imports MySql.Data.MySqlClient

Public Class Form1

    Dim conn As New MySqlConnection("Server=localhost; user=root; database=perkuliahandb")
    Dim perintah As New MySqlCommand
    Dim data As New MySqlDataAdapter
    Dim ds As New DataSet

    Private Sub tampildata()

        Dim dt As DataTable
        Dim adapter As MySqlDataAdapter
        Dim sqlstr As String
        Dim data As Integer

        sqlstr = "SELECT * FROM mahasiswa"

        adapter = New MySqlDataAdapter(sqlstr, conn)
        dt = New DataTable
        data = adapter.Fill(dt)

        If data > 0 Then

            tabelMhs.DataSource = dt
            tabelMhs.AutoSizeColumnsMode = DataGridViewAutoSizeColumnMode.Fill
            tabelMhs.Columns(0).HeaderText = "NIM"
            tabelMhs.Columns(1).HeaderText = "NAMA"
            tabelMhs.Columns(2).HeaderText = "TEMPAT"
            tabelMhs.Columns(3).HeaderText = "TGL LAHIR"
            tabelMhs.Columns(4).HeaderText = "JENIS KELAMIN"
            tabelMhs.Columns(5).HeaderText = "ALAMAT"
        Else
            tabelMhs.DataSource = Nothing
        End If
        bersih()
    End Sub

    Private Sub bersih()

        txtNim.Text = ""
        txtNama.Text = ""
        txtAlamat.Text = ""
        txtTempat.Text = ""
        cbJk.SelectedIndex = -1
        dtpTgl.Text = ""
        txtNim.Focus()
    End Sub

    Private Sub btnSimpan_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnSimpan.Click

        conn.Open()
        Try
            perintah.CommandType = CommandType.Text
            perintah.CommandText = "INSERT INTO mahasiswa (nim, nama, jekel, tempat, tgl_lahir, alamat) VALUES ('" & txtNim.Text & "', '" & txtNama.Text & "', '" & cbJk.Text & "', '" & txtTempat.Text & "', '" & dtpTgl.Text & "', '" & txtAlamat.Text & "')"
            perintah.Connection = conn
            perintah.ExecuteNonQuery()
            MsgBox("Data berhasil disimpan", MsgBoxStyle.Information, "Informasi")
        Catch ex As Exception
            MsgBox("Data gagal disimpan" + ex.Message, MsgBoxStyle.Critical)
        End Try
        conn.Close()
        tampildata()
    End Sub

    Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load

        konek("localhost", "root", "", "perkuliahandb")
        tampildata()
        dtpTgl.Format = DateTimePickerFormat.Custom
        dtpTgl.CustomFormat = "yyyy/MM/dd"

        btnEdit.Enabled = False

        btnHapus.Enabled = False
        btnBatal.Enabled = False
    End Sub

    Private Sub btnKeluar_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnKeluar.Click

        Me.Close()
    End Sub

    Private Sub btnEdit_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnEdit.Click

        conn.Open()
        Try
            Dim perintah As New MySql.Data.MySqlClient.MySqlCommand
            perintah.CommandType = CommandType.Text
            perintah.CommandText = "UPDATE mahasiswa SET nama = '" & txtNama.Text & "' , jekel = '" & cbJk.Text & "' , tempat = '" & txtTempat.Text & "' , tgl_lahir = '" & dtpTgl.Text & "' , alamat = '" & txtAlamat.Text & "' WHERE nim = '" & txtNim.Text & "'"
            perintah.Connection = conn
            perintah.ExecuteNonQuery()
            MySQLReader = perintah.ExecuteReader
            MsgBox("Data berhasil diubah", MsgBoxStyle.Information, "Informasi")
        Catch ex As Exception
            MsgBox("Data gagal diubah" + ex.Message, MsgBoxStyle.Critical)
        End Try
        conn.Close()
        tampildata()
        btnSimpan.Enabled = True
        txtNim.Enabled = True
        txtNim.Focus()
    End Sub

    Private Sub btnHapus_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnHapus.Click

        Dim hasil As MsgBoxResult = MessageBox.Show("Apakah data ingin dihapus?", "Pesan", MessageBoxButtons.OKCancel, MessageBoxIcon.Warning)
        If hasil = vbOK Then
            conn.Open()
            perintah.Connection = conn
            perintah.CommandType = CommandType.Text
            perintah.CommandText = "DELETE FROM mahasiswa WHERE nim = '" & txtNim.Text & "'"
            perintah.ExecuteNonQuery()
            conn.Close()
        End If
        tampildata()
        btnSimpan.Enabled = True
        txtNim.Focus()
    End Sub

    Private Sub tabelMhs_CellClick(ByVal sender As Object, ByVal e As System.Windows.Forms.DataGridViewCellEventArgs) Handles tabelMhs.CellClick

        Dim i As Integer
        i = Me.tabelMhs.CurrentRow.Index
            With tabelMhs.Rows.Item(i)
                Me.txtNim.Text = .Cells(0).Value
                Me.txtNama.Text = .Cells(1).Value
                Me.cbJk.Text = .Cells(4).Value
                Me.txtTempat.Text = .Cells(2).Value
                Me.dtpTgl.Text = .Cells(3).Value
                Me.txtAlamat.Text = .Cells(5).Value
            End With
            txtNim.Enabled = False
            btnSimpan.Enabled = False

            btnEdit.Enabled = True

            btnHapus.Enabled = True
            btnBatal.Enabled = True
    End Sub

    Private Sub txtCari_KeyPress(ByVal sender As Object, ByVal e As System.Windows.Forms.KeyPressEventArgs) Handles txtCari.KeyPress

        Dim dt As DataTable
        Dim adapter As MySqlDataAdapter
        Dim sqlstr As String
        Dim data As Integer
        If cbCari.Text = "NIM" Then
            sqlstr = "SELECT * FROM mahasiswa WHERE nim LIKE '%" & txtCari.Text & "%'"
        ElseIf cbCari.Text = "Nama" Then
            sqlstr = "SELECT * FROM mahasiswa WHERE nama LIKE '%" & txtCari.Text & "%'"
        Else
            sqlstr = "SELECT * FROM mahasiswa WHERE nim or nama LIKE '%" & txtCari.Text & "%'"
        End If
        adapter = New MySqlDataAdapter(sqlstr, conn)
        dt = New DataTable
        data = adapter.Fill(dt)
        If data > 0 Then
            tabelMhs.DataSource = dt
            tabelMhs.AutoSizeColumnsMode = DataGridViewAutoSizeColumnMode.Fill
            tabelMhs.Columns(0).HeaderText = "NIM"
            tabelMhs.Columns(1).HeaderText = "NAMA"
            tabelMhs.Columns(2).HeaderText = "JEKEL"
            tabelMhs.Columns(3).HeaderText = "TEMPAT"
            tabelMhs.Columns(4).HeaderText = "TGL. LAHIR"
            tabelMhs.Columns(5).HeaderText = "ALAMAT"
        Else
            tabelMhs.DataSource = Nothing
            'MsgBox("Data tidak ditemukan!", MsgBoxStyle.Information, "Informasi")
        End If
    End Sub

    Private Sub btnBatal_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnBatal.Click

        bersih()
        txtNim.Enabled = True
        btnSimpan.Enabled = True

        btnEdit.Enabled = False

        btnHapus.Enabled = False
    End Sub
End Class

7. Silakan di atur-atur juga bagian properties komponen-komponen di dalamnya sesuai selera.

8. Selesai. Selamat dan semoga berhasil :)

Kira-kira seperti itu tutorial pembuatannya. Cukup mudah bukan?

Bagi teman-teman yang belum bisa praktek atau ingin mendapatkan langsung source code jadi + database nya. Silakan download pada link dibawah ini :





Catatan :
Jika Anda mendownload source code ini dan ketika dijalankan terjadi error seperti gambar dibawah ini,


Maka solusinya adalah klik kanan project kita di Solution Explorer (biasanya di kanan atas), kemudian cari bagian menu References dan remove dulu bagian MySql.Data nya (biasanya paling atas). Setelah itu ulangi Add Reference seperti pada tutorial nomor 4 diatas.



* Referensi :
Modul Praktikum Pemrograman Terstuktur (Pertemuan ke IXb dan Xa) jurusan Teknik Informatika Semester 2, yang diampu oleh Dosen Ahmad Abdul Chamid, S.Kom., M.Kom. di Universitas Muria Kudus. Tetapi source code sudah di modifikasi sesuai kebutuhan oleh YukCoding.


Semoga bermanfaat, happy coding :)

Wassalamu'alaikum wr. wb.
#A3

Info

Just load it!