Aplikasi Sederhana Upload Foto dengan MySQLi dan PHP

Pada pembahasan kali ini akan diuraikan contoh pembuatan aplikasi sederahan cara upload foto dengan menggunakan MySQLi dan PHP. Alasan kenapa belajar materi ini karena setiap website pasti dilengkapi dengan aplikasi untuk mengupload foto oleh karena itu menjadi penting materi ini untuk dibahas. 

DOWNLOAD MATERINYA DISINI

Aplikasi CRUDS Mahasiswa dengan PHP dan MySQLi

Berikut ini adalah tutorial membuat sistem CRUDS (Creat, Read, Update, Delete dan Sarch) untuk manajemen pendataan Mahasiswa.

DOWNLOAD MATERINYA

Aplikasi Join Table dengan MySql

Berikut ini adalah contoh aplikasi sederhana untuk JOIN TABLE, silahkan DOWNLOAD

Pemetaan Mata Pelajaran Produktif

Berikut ini adalah pembagian kompetensi keahlian untuk mata pelajaran produktif Teknik Komputer dan Jaringan SMK Bina Nasional Informatika Cikarang Utara. DOWNLOAD 

Modul Join Table dengan MySql Revisi 1

JOIN TABLE
Oleh : Ade Sutarya, S.Kom
blogkangarya.blogspot.com

Pengertian

Join tabel merupakan proses penggabungan (relationship) antara satu table atau lebih sehingga terbentuk satu set data baru.

Silahkan DONWLOAD Materinya

Hosting Gratis dengan idhostinger

HOSTING GRATIS DENGAN INDHOSTINGER

Pada pertemuan kali ini akan di bahas tutotial tentang cara mendaftar ke hosting gratis. Hosting yang digunakan untuk tutorial ini adalah idhostinger.com. Dalam tutorial ini tidak hanya di bahas cara mndaftar tetapi materi tentang cara mengupload file dari localhost ke hosting dengan menggunakan FTP Client (Filezilla) dan juga cara membuat database di hosting.

Materi Selengkapnya silahkan DOWNLOAD DISINI

Aplikasi CRUD dengan Menggunakan Sistem Login Multiuser

MEMBUAT APLIKASI CRUD

DENGAN SISTEM LOGIN MULTIUSER

Oleh : Ade Sutarya, S.Kom

Pada kesempatan kami ini akan dibahas materi tentang membuat sistem CRUD siswa dan guru menggunakan sistem login multiuser.

MATERI SELENGKAPNYA DOWNLOAD DISINI

Membuat Grafik pada Halaman Web

MEMBUAT GRAFIK DENGAN HIGHCHART,  JQUERY, dan BOOTSTRAP

Menggunakan Database MySQL dan PhP

Oleh : Ade Sutarya, S.Kom

Untuk membuat grafik pada halaman web dibutuhkan alat bantu (tool) library javascripts, yaitu Highcharts. Menurut ilmu-detil.blogspot.co.id mengatakan “Highchart menawarkan kemudahan bagi para developer web dalam membuat grafik, dimana jenis-jenis grafik yang dapat kita buat seperti : grafik baris (line chart), grafik batang (bar chart), grafik lingkaran (pie chart), grafik kolom (column chart), grafik bidang (area chart) dan masih banyak jenis grafik lainnya”.[1]

Jenis grafik yang dapat dibuat terdiri dari beberapa jenis yang telah disediakan oleh highcharts.com:

1.    Grafik Baris (line chart),

2.    Grafik Bidang (area chart),

3.    Grafik Kolom dan Batang (column and bar chart),

4.    Grafik Lingkaran (pie chart),

5.    Grafik Gelembung dan penyebaran (scatter and buble charts),

6.    Grafik Dinamis (dynamic charts),

7.    Grafik 3D (3D charts),

8.    Grafik Ukur (gauges charts),

9.    Grafik Peta dan Pohon (heat and tree maps charts),

10. Grafik lainnya

Keuntungan lainnya adalah bahwa library ini selain free juga dapat diakses menggunakan berbagai jenis browser, dan support sistem operasi baik untuk dekstop ataupun perangkat mobile.

---

[1] https://ilmu-detil.blogspot.co.id/2016/05/grafik-batang-dengan-php-jquery.html

Materi Selengkapnya dapat di DOWNLOAD DISINI

Membuat Form Input dengan Modal Jquery dan Bootstrap

Pada kesempatan kali ini kita akan membuat form input yang dapat muncul seperti popup. Tujuannya adalah agar tampilan web lebih menarik. Berikut adalah contoh dari tampilan form input dengan menggunakan modal bawaan dari bootstrap dan juga dengan menggunakan jquery.

Membuat Koneksi Visual Basic 2010 ke Ms. Access 2010

Pada pembahasan kali ini akan dibahas materi untuk memunculkan database dari Access ke Visual Basic 2010. Ikuti langkah-langkah berikut ini :


DOWNLOAD MATERINYA

Login Multiuser Part 2 dengan PHP

Sistem Login Multiuser dengan PHP

DOWNLOAD FILE

DOWNLOAD DATABASE

Login Single User Part 3

Aplikasi Login Single User dengan Sistem Register

DOWNLOAD FILE

DOWNLOA DATABASE

Login Single User Part 2

Cara membuat login single user.

DOWNLOAD FILE

DOWNLOAD  DATABASE

Quis Pemrograman Web 1

Kerjakan soal di bawah ini !

Buatlah desain homepage seperti gambar berikut ini, simpan didalam folder dengan Nama_Anda :

DOWNLOAD SOAL DISINI 

Quis Pemrograman Visual Basic 1

Kerjakan soal di bawah ini !

Buatlah sebuah aplikasi sederhana menggunakan Visual Basic 2010, tentang pembuatan  aplikasi penjualan.

DOWNLOAD SOALNYA !

Slide dengan Bootstrap

Ketik script di bawah ini kemudian simpan dengan nama slide.php

<div id="myCarousel" class="carousel slide">
<!-- Carousel indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- Carousel items -->
<div class="carousel-inner">
<div class="item active">
<img src="7.jpg" width="1920px" height="425px" alt="First slide">
<div class="carousel-caption">Judul Gambar 1</div>
</div>
<div class="item">
<img src="8.jpg" width="1920px" height="425px" alt="Second slide">
<div class="carousel-caption">Judul Gambar 2</div>
</div>
<div class="item">
<img src="9.jpg" width="1920px" height="425px" alt="Third slide">
<div class="carousel-caption">Judul Gambar 3</div>
</div>
</div>
<!-- Carousel nav -->
<a class="carousel-control left" href="#myCarousel"
data-slide="prev">&lsaquo;</a>
<a class="carousel-control right" href="#myCarousel"
data-slide="next">&rsaquo;</a>
</div>

Menu Dropdown dengan Bootstrap

MEMBUAT MENU DROPDOWN

DENGAN BOOTSTRAP DAN JQUERY

Oleh : Ade Sutarya, S.Kom

Menu pada halaman web digunakan sebagai navigasi atau penunjuk arah untuk menuju ke halaman web yang dicari. Dengan adanya menu navigasi ini pengunjung web akan dimudahkan untuk menelusuri secara keseluruhan informasi yang terdapat pada halaman web. Namun bagaimana cara untuk membuat menu dengan bentuk dropdown serta dapat responsive. Pada kesempatan kali ini akan dibahas cara membuat menu dropdown yang responsive. Menu dropdown adalah menu yang memiliki sub menu, jika salah satu menu di klik menggunakan kursor maka akan muncul sub menu pada bagian bawahnya. Sedangkan kata responsive adalah menu ini akan menyesuaikan perangkat yang mengaksesnya.

MATERI SELENGKAPNYA DOWNLOAD

Aplikasi Sederhana Pendataan Karyawan

PENDAHULUAN

Pada pertemuan ini akan dibahas cara membuat aplikasi sederhana pendataan karyawan di sebuah toko. Materi pembahasan meliputi cara membuat CRUD (Cread, Read, Edit dan Delete) dilengkapi dengan menu dropdown, kolom pencarian data. Materi pembahasan ini dilengkapi dengan framework Bootstrap dan jQuery agar tampilan menjadi lebih responsive. Untuk keperluan itu maka pembaca diharuskan sudah mendownload kedua file tersebut.

Silahkan Download Contoh Aplikasiknya : 

Aplikasi Pendataan Barang

APLIKASI SEDERHANA PENDATAAN BARANG

Pada pertemuan ini akan dibahas cara membuat aplikasi sederhana pendataan barang disebuah toko. Materi pembahasan meliputi cara membuat CRUD (Cread, Read, Edit dan Delete) dilengkapi dengan menu dropdown, kolom pencarian data. Materi pembahasan ini dilengkapi dengan framework Bootstrap dan jQuery agar tampilan menjadi lebih responsive. Untuk keperluan itu maka pembaca diharuskan sudah mendownload kedua file tersebut.

Silahkan Download Materinya 

Download jQuery 3.1.1