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. Disini saya menggunakan Microsoft Visual Studio 2010.

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

Course Tmux (Singkat Padat Jelas) Gratis dan Berhadiah Buku

APA ITU TMUX ?

Tmux (Terminal Multiplexer) adalah program untuk manajemen terminal. Kita bisa gunakan tmux untuk split / membagi terminal menjadi beberapa bagian dalam satu window. Biasanya ketika kita melakukan beberapa pekerjaan dengan menggunakan terminal, kita akan membuka 2 atau lebih terminal yang disejajarkan dan berpindah dari terminal satu ke terminal yang lain. Bagi sobat yang bekerja sebagai SysAdmin, Programmer atau Network Administrator akan merasa direpotkan ketika me-remote atau memonitor baik itu system ataupun jaringan melalui terminal yang sedang dikerjakan. Dengan adanya tmux memungkinkan kita untuk bekerja menggunakan beberapa terminal hanya dalam satu window, jadi pekerjaan kita akan lebih efisien karena tidak perlu berpindah-pindah dari satu terminal ke terminal yang lain.


CARA BELAJAR TMUX GRATIS, EFEKTIF, DAN EFISIEN


Anda dapat belajar lebih mendalam tetang Tmux ini melalui tutorial berseri yang mudah dipahami di http://idrails.com/belajartmux. Tutorial ini dibuat oleh Agung Setiawan, seorang software engineer di Bukalapak yang sekaligus seorang blogger dan juga penulis.

Selain course tmux gratis, Anda yang beruntung juga berpeluang besar untuk mendapatkan hadiah buku gratis : "Sistem Informasi Akademik Kampus Berbasis Web dengan Laravel 5".


Bagaimana cara mendapatkan buku keren diatas?

Caranya cukup mudah, dengan like dan share sebanyak-banyaknya postingan dari fanspage facebook IDRails dibawah ini dan dapatkan course-nya dengan mendaftarkan emailmu di http://idrails.com/belajartmux


Gimana, keren banget bukan?
Nunggu apalagi?

Buruan daftar di http://idrails.com/belajartmux, gratis, dapat ilmu bermanfaat, dan masih ada kemungkinan dapat buku laravel dan vim lagi, ediiiaaann!


Semoga bermanfaat. Happy coding :)
#A3

Source Code Aplikasi PhotoStudio Pro Responsive (dengan Segudang Fitur) by YukCoding

Source Code Aplikasi Web PhotoStudio Responsive (Kompleks) by YukCoding.

Assalamu'alaikum wr. wb.

Apa kabar teman-teman coders semua? Semoga sehat dan sukses selalu, Amin.

Pada kesempatan yang indah ini, saya akan men-demo-kan dan berbagi source code aplikasi web photostudio responsive (kompleks) dengan segudang fitur yang YukCoding buat dengan menggunakan bootstrap, PHP ekstensi mysqli, jQuery, Ajax, dan library2 menarik lainnya.

Untuk penampakan screenshotnya bisa teman-teman lihat pada gambar2 dibawah ini :














Desain relasi database web photostudio by YukCoding


Untuk demo full video penggunaan serta penjelasannya, silakan tonton pada video dibawah ini. Jangan lupa setting kualitasnya menjadi HD agar tampilannya jelas.




Untuk mendapatkan source code-nya silakan klik button dibawah.





Source code menarik lainnya klik DISINI

Semoga bermanfaat. Jangan lupa like & share :)
Happy coding!

Wassalamu'alaikum wr. wb.
#A3

Info

Just load it!