WELCOME MESSAGE WE STARTED AT. 10 March 2016 dimana komunitas ini didirikan

Transkripsi

1

2 WELCOME MESSAGE 10 March 2016 dimana komunitas ini didirikan dari ide mahasiswa STMIK Indonesia Jakarta dan mulai mengadakan Workshop dan bimbingan pembelajaran dari tempat ke tempat dengan tujuan memajukan, upgrade knowledge SDM (Sumber Daya Manusia) dari masyarakat maupun pelajar agar lebih atau sedikit memahami teknologi. WE STARTED AT

3 EDI KURNIAWAN

4

5 Learn and Research About Technology 1. Custom App Development 2. Education 3. Product 1. Custom App Development : Mobile App Development Desktop App Development Web Development 2. Education Community 3. Product Internet of Things etc.

6 Our Portofolio Transfer Knowledge About SQL 13 March 2016 STMIK Indonesia - Jakarta Concept Technology Research Information 20 March 2016 STMIK Indonesia - Jakarta Code Java Together 5 June 2016 SMK Peristek Pangkah - Tegal Sahur on The Panti 2 July 2016 Chairun Nissa Tebet Jakarta Workshop IoT 13 January 2017 SMK Bina Karya - Jakarta Workshop IoT 18 February 2017 STMIK Indonesia - Jakarta Kunjungan MakeITUP Makestro (Dycode) 19 March 2017 Bandung

7 25 March 2017 #CybereyeCommunity #WorkshopWebDevelopmentBatch1

8

9 Bootstrap Bootstrap adalah front-end framework yang solek, bagus dan luar biasa yang mengedapankan tampilan untuk mobile device (Handphone, smartphone dll.) guna mempercepat dan mempermudah pengembangan website. Bootstrap menyediakan HTML, CSS dan Javascript siap pakai dan mudah untuk dikembangkan.

10 JQuery jquery adalah sebuah library JavaScript. Dalam dunia pemrograman, library adalah kumpulan dari berbagai fungsi siap pakai untuk memudahkan pembuatan sebuah aplikasi. Dengan demikian, jquery adalah kumpulan fungsi-fungsi JavaScript yang memudahkan penulisan kode JavaScript. Mengapa harus menggunakan jquery? Untuk dapat menjawab pertanyaan ini sebaiknya anda sudah pernah membuat 1 atau 2 kode program JavaScript. JavaScript sangat powerfull untuk memanipulasi element HTML, tapi penggunaannya juga tidak mudah dan sedikit ribet.

11 Statement DML (SQL) Apa itu DML? DML (Data Manipulation Language) adalah kumpulan perintah SQL yang berhubungan dengan pekerjaan mengolah data di dalam table - dan tidak terkait dengan perubahan struktur dan definisi tipe data dari objek database seperti table, column, dan sebagainya. Contoh DML : DELETE INSERT SELECT UPDATE

12

13 Membuat Database Program Pastikan XAMPP Control Panel untuk apache dan MySQL running. Yang lainnya tidak perlu. Kemudian buka browser anda dan ketik link berikut : Localhost/phpmyadmin/ Menuju ke SQL menu dikanan lalu ketik syntax berikut : CREATE DATABASE namadatabase; Untuk namadatabase terserah teman-teman dengan persyaratan berikut : 1. Tidak boleh spasi 2. Tidak boleh diawali dengan angka

14 Membuat Table Database Membuat table guna data yang dibutuhkan pada program kita, kebetulan diworkshop kali ini kami akan membuat table barang dengan syntax seperti di samping gambar.

15 Download Template Website Download template website dengan nama file proweb.zip di link berikut : Dg Extract file zip tadi di htdocs folder miliki xampp kalian C:\xampp\htdocs\proweb\

16 Memahami konsep template Catatan kami telah melakukan penyederhanaan template dimana ada 4 komponen yang penting teman-teman tidak boleh hapus pada index.php atau login.php yang kami tandai digambar samping. Kita melakukan coding diantara <div class= section-body > CODING DISINI </div>

17 Membuat <FORM></FORM> Table disamping memiliki struktur sebagai disamping ada 6 kolom / field yang harus kita isi dari program web yang kita akan buat. Jadi kita harus membuat beberapa input dengan jumlah yang sesuai dengan table yang kita miliki. Untuk detailnya bisa di lihat di batch1.cybereye-community.com pada menu step 3 atau Practice Insert Data.

18 Detail SELECT, UPDATE, & DELETE Silahkan teman teman pelajari di batch1.cybereye-community.com kita buka tutorial untuk teman-teman membuat program web development batch 1 dengan point CRUD dan Logika Login System.

19