Kuliah Jalanan Web Programming ala TP 01. Brainstroming Teguh Pribadi http://pribadi.transcipta.com https://www.facebook.com/pribbadi wa/sms/telegram 0857 3600 3963 pribadi.transcipta.com Kuliah Jalanan Web Programming ala TP transcipta.com Teguh Pribadi • • • • • • • • • SD Negeri 2 Sumberarum (1997-2003) SMP Negeri 2 Bojonegoro (2003-2006) SMA Negeri 1 Bojonegoro (2006-2009) UM - S1 Pend. TI (2009September-2013Maret) SMK N 6 Jember - Talentscouting Program (2013Januari–2013Juni) SMK Negeri 1 Bojonegoro (2013Juli-sekarang) AKN Bojonegoro (2013-sekarang) UDINUS – S2 Magister TI (onprogress) Founder of Kuliah Jalanan - Web Programming ala TP (2015-sekarang) • One of Founder Transcipta Infotama - IT Consultant, IT Training, IT Developer (2016-sekarang) pribadi.transcipta.com Kuliah Jalanan Web Programming ala TP transcipta.com Kuliah Jalanan Web Programming ala TP 01. Brainstorming 02. Database and GUI Compiler 03. GUI/ Client Side Programming with Framework 04. Server Side Programming with Framework 05. Time to Build Simple Project pribadi.transcipta.com Kuliah Jalanan Web Programming ala TP transcipta.com Brainstorming a) b) c) d) Latar Belakang Prasyarat Luaran Bahasan dalam Kuliah Jalanan Web Programming ala TP e) Skenario f) Persiapan pribadi.transcipta.com Kuliah Jalanan Web Programming ala TP transcipta.com Latar Belakang pribadi.transcipta.com Kuliah Jalanan Web Programming ala TP transcipta.com Latar Belakang a) b) c) d) Tuntutan Pendidikan Negara Pemuda Agama pribadi.transcipta.com Kuliah Jalanan Web Programming ala TP transcipta.com Latar Belakang Pendidikan Aspek Tugas Akhir (D1-D4) Penguasaan Kemampuan Level Kontribusi Teknis Bentuk Kontribusi Skripsi (S1) Tesis (S2) Disertasi (S3) Pengujian Teori Pengembangan Teori Penemuan Teori Baru Implementasi dan pengembangan Implementasi dan Perbaikan Secara Inkremental dan pengembangan Terus Menerus Substansial dan Invention - Domestic Conference International Journal Target Publikasi pribadi.transcipta.com Kuliah Jalanan Web Programming ala TP International Conference transcipta.com Latar Belakang Negara Negara ini menyangkut beberapa pihak, diantaranya: a) Pemerintah daerah b) Panggilan tugas sebagai pendidik pribadi.transcipta.com Kuliah Jalanan Web Programming ala TP transcipta.com Latar Belakang Negara – Pemerintah Daerah http://beritabojonegoro.com/read/6873-bupati-ingatkanpentingnya-pendirian-akn-di-bojonegoro.html https://beritabojonegoro.com/read/6322-kang-yoto-bakalberi-beasiswa-bagi-1-000-mahasiswa-akn.html pribadi.transcipta.com http://radarbojonegoro.jawapos.com/read/2016/08/0 1/2452/pembangunan-gedung-akn-tetap-berlanjut Kuliah Jalanan Web Programming ala TP transcipta.com Latar Belakang Negara – Panggilan Tugas sebagai Pendidik Mengabdi dan meneruskan pembangunan “merah putih” sesuai profesi. Kebahagiaan yang tak ternilai. Sarana untuk “menitipkan” mimpi yang tak terlaksana. pribadi.transcipta.com Kuliah Jalanan Web Programming ala TP transcipta.com Latar Belakang Pemuda Secara mendasar, masa muda adalah masa emas, karena: a) Tenaga yang lebih-lebih b) Waktu yang lebih-lebih c) Ingin tahu yang lebih-lebih pribadi.transcipta.com Kuliah Jalanan Web Programming ala TP transcipta.com Latar Belakang Agama Surah Al-Alaq-Ayat 1 : َا ْق َرأْ بِا ْس ِم َربِ َك الَّذِي َخلَق “Bacalah dengan menyebut namaNya(Allah SWT) yang Maha Menciptakan.” Surah Al-Mujaadilah Ayat 11 اَّللُ لَ ُك ْم ۖ َو ِإذَا قِي َل س َّ ح َّ َيَا أَيُّ َها الَّذِينَ آ َمنُوا ِإذَا قِي َل لَ ُك ْم تَف َ س ُحوا يَ ْف َ س ُحوا فِي ْال َم َجا ِل ِس فَا ْف ِ ُ ش ُزوا فَان ُ ان ٍ اَّللُ الَّذِينَ آ َمنُوا ِمن ُك ْم َوالَّ ِذينَ أُوتُوا ْال ِع ْل َم دَ َر َجا َاَّللُ بِ َما تَ ْع َملُون َّ ت ۚ َو َّ ش ُزوا يَ ْرفَ ِع َخ ِبير “Wahai orang-orang yang beriman! Apabila dikatakan kepadamu: ‘Berilah kelapangan dalam majelis’, maka lapangkanlah niscaya Allah akan memberi kelapangan untukmu. Dan apabila dikatakan: ‘Berdirilah kamu’, maka berdirilah, niscaya Allah akan meninggikan orang-orang yang beriman di antaramu dan orang-orang yang diberi ilmu pengetahuan beberapa derajat. Dan Allah Maha Mengetahui apa yang kamu kerjakan.” pribadi.transcipta.com Kuliah Jalanan Web Programming ala TP transcipta.com Latar Belakang Agama HR. Muslim no. 1631: َ َان ا ْنق ُ س اريَ ٍة َو ِع ْل ٍم يُ ْنتَفَ ُع َ ِإذَا َم َ ط َع َ اْل ْن َ ع َملُهُ ِإ ََّّل ِم ْن ث َ ََلث َ ٍة ِم ْن ِ صدَقَ ٍة َج ِ ْ ات ُعو لَه ُ ح يَ ْد َ ِب ِه َو َولَ ٍد ٍ صا ِل “Jika seseorang meninggal dunia, maka terputuslah amalannya kecuali tiga perkara yaitu: sedekah jariyah, ilmu yang dimanfaatkan, atau do’a anak yang sholeh”. pribadi.transcipta.com Kuliah Jalanan Web Programming ala TP transcipta.com Prasyarat pribadi.transcipta.com Kuliah Jalanan Web Programming ala TP transcipta.com Prasyarat Mengikuti Semangat Konsisten mengikuti mulai awal sampai akhir Tidak bermasalah dengan kuliah (normative, adaptif, dan attitude) di AKN Bojonegoro Sanggup membagikan ilmunya baik ke teman sebaya khususnya ke saudara di kuliah jalanan ala TP. Buat jejaring dengan saudara di kuliah jalanan ala TP dengan tetap memprioritaskan kualitas. pribadi.transcipta.com Kuliah Jalanan Web Programming ala TP transcipta.com Luaran pribadi.transcipta.com Kuliah Jalanan Web Programming ala TP transcipta.com Angkatan 1 (2015) Ahmad Muhajirul Faqih (MI6) Programmer Oklek Isna (MI6) Transfer D4 Polinema Luluk Ismiati (MI6) M. Elfan (MI6) Transfer D4 Polinema Dewi Puspitasari (MI7) Nur Khozin (MI7) Programmer ITP Surabaya Khoirul Fatikin (MI7) pribadi.transcipta.com Kuliah Jalanan Web Programming ala TP transcipta.com Angkatan 2 (2016) pribadi.transcipta.com Kuliah Jalanan Web Programming ala TP transcipta.com Bahasan dalam Kuliah Jalanan Web Programming ala TP pribadi.transcipta.com Kuliah Jalanan Web Programming ala TP transcipta.com Kurikulum Manajemen Informatika AKN Bojonegoro (buku pedoman akademik) Hardware Software • Matematika Teknik • Sistem Operasi • Oraganisasi Komputer dan Troubleshooting • Dasar Jaringan Komputer • Instalasi Jaringan Komputer 1&2 pribadi.transcipta.com • IMK • Basis Data 1-3 • Algoritma Pemrograman • Pemrograman Visual • Konsep Sistem Informasi • Aplikasi Komputer Perkantoran Dasar & Lanjut • Dasar Internet dan Desain Web • Rekayasa Perangkat Lunak • Pemrograman Web • Dasar Multimedia • Multimedia Terapan • Pemrograman Mobile • Pemrograman web berbasis framework Kuliah Jalanan Web Programming ala TP transcipta.com Bahasan dalam Kuliah Jalanan Web Programming ala TP keseluruhan 1. 2. 3. 4. 5. Brainstorming Database and GUI Compiler GUI/ Client Side Programming with Framework Server Side Programming with Framework Time to Build Simple Project pribadi.transcipta.com Kuliah Jalanan Web Programming ala TP transcipta.com Bahasan dalam Kuliah Jalanan Web Programming ala TP Brainstorming a) b) c) d) Latar Belakang Prasyarat Luaran Bahasan dalam Kuliah Jalanan Web Programming ala TP e) Persiapan pribadi.transcipta.com Kuliah Jalanan Web Programming ala TP transcipta.com Bahasan dalam Kuliah Jalanan Web Programming ala TP Database and GUI Compiler a) Database b) Pemodelan Database c) Database Script on GUI Compiler pribadi.transcipta.com Kuliah Jalanan Web Programming ala TP transcipta.com Bahasan dalam Kuliah Jalanan Web Programming ala TP GUI/ Client Side Programming with Framework a) b) c) d) e) GUI/ Client Side HTML CSS JavaScript Bootstrap as a Web GUI Framework pribadi.transcipta.com Kuliah Jalanan Web Programming ala TP transcipta.com Bahasan dalam Kuliah Jalanan Web Programming ala TP Server Side Programming with Framework a) Server Side b) PHP as a Pure Web Programming c) CodeIgniter as a Framework Web Programming pribadi.transcipta.com Kuliah Jalanan Web Programming ala TP transcipta.com Bahasan dalam Kuliah Jalanan Web Programming ala TP Time to Build Simple Project a) Basic Knowledge of Web Project b) CRUD pribadi.transcipta.com Kuliah Jalanan Web Programming ala TP transcipta.com Skenario pribadi.transcipta.com Kuliah Jalanan Web Programming ala TP transcipta.com Skenario waktu pembelajaran SESI 1 (18.30 – 19.30) pribadi.transcipta.com Kuliah Jalanan Web Programming ala TP SESI 2 (19.30 – 20.30) transcipta.com Skenario model penyampaian – 14 Oktober 2016 SESI 1(18.30 – 19.30) Branstorming (teori) SESI 2(19.30 – 20.30) Database & GUI Compiler (teori) gue gue LOE LOE LOE LOE LOE LOE LOE LOE LOE LOE LOE LOE LOE LOE LOE LOE LOE LOE pribadi.transcipta.com Kuliah Jalanan Web Programming ala TP transcipta.com Skenario model penyampaian – 21 Oktober 2016 SESI 1(18.30 – 19.30) Database & GUI Compiler (test) LCD 1 LOE LCD 2 LOE SESI 2(19.30 – 20.30) GUI/ Client Side Programming with Framework (teori) LCD 3 LOE gue LOE LOE LOE LOE LOE LOE LOE LOE LOE gue pribadi.transcipta.com Kuliah Jalanan Web Programming ala TP transcipta.com Skenario model penyampaian – 28 Oktober 2016 SESI 1(18.30 – 19.30) GUI/ Client Side Programming with Framework (test) LCD 1 LOE LCD 2 LOE SESI 2(19.30 – 20.30) Server Side Programming with Framework (teori) LCD 3 LOE gue pribadi.transcipta.com Kuliah Jalanan Web Programming ala TP gue LOE LOE LOE LOE LOE LOE LOE LOE LOE transcipta.com Skenario model penyampaian – 04 November 2016 SESI 1(18.30 – 19.30) Server Side Programming with Framework (test) LCD 1 LOE LCD 2 LOE SESI 2(19.30 – 20.30) Time to Build Simple Project (teori) LCD 3 LOE gue LOE LOE LOE LOE LOE LOE LOE LOE LOE gue pribadi.transcipta.com Kuliah Jalanan Web Programming ala TP transcipta.com Skenario model penyampaian – 11 November 2016 SESI 1(18.30 – 19.30) SESI 2(19.30 – 20.30) Time to Build Simple Project (test) Time to Build Simple Project (test) LCD 1 LOE LCD 2 LOE LCD 3 LOE gue pribadi.transcipta.com Kuliah Jalanan Web Programming ala TP LCD 1 LOE LCD 2 LOE LCD 3 LOE gue transcipta.com Skenario model penyampaian – 21 November 2016 SESI 1(18.30 – 19.30) SESI 2(19.30 – 20.30) Time to Build Simple Project (test) Time to Build Simple Project (test) LCD 1 LOE LCD 2 LOE LCD 3 LOE gue pribadi.transcipta.com Kuliah Jalanan Web Programming ala TP LCD 1 LOE LCD 2 LOE LCD 3 LOE gue transcipta.com Skenario menuju model penyampaian – teori menuju test menuju TEORI o Database & GUI Compiler (teori) o GUI/ Client Side Programming with Framework (teori) o Server Side Programming with Framework (teori) o Time to Build Simple Project (teori) TEST - Sharing langsung/WA dengan kakak tingkat - Sharing via WA group - Mencari artikel di internet - pribadi.transcipta.com Sharing dengan saya NO NAMA 1 Ahmad Muhajirul Faqih 085731843693 2 Isna 085731401561 3 Luluk Ismiati 085730708393 4 M. Elfan 085730185250 5 Dewi Puspitasari 085815379939 6 Khoirul Fatikin 085730018562 7 Nur Khozin 085607107963 Kuliah Jalanan Web Programming ala TP NOMOR HP o Database & GUI Compiler (test) o GUI/ Client Side Programming with Framework (test) o Server Side Programming with Framework (test) o Time to Build Simple Project (test) transcipta.com Persiapan pribadi.transcipta.com Kuliah Jalanan Web Programming ala TP transcipta.com Persiapan Hal dasar yang harus dipahami diawal kuliah jalanan ini adalah: a) Peta Bahasan b) Alat dan Software pribadi.transcipta.com Kuliah Jalanan Web Programming ala TP transcipta.com Persiapan Peta Bahasan – Web Programming Bidang Pemrograman Web MySQL, PostgreSQL (DDL – DML) PHP, Phyton, Ruby (Proccesing) MODEL DATABASE CONTROLLER SERVER SIDE pribadi.transcipta.com Kuliah Jalanan Web Programming ala TP CSS HTML JavaScript (User Interface) VIEW CLIENT SIDE transcipta.com Persiapan Peta Bahasan – Pure and Framework Script PURE HTML CSS FRAMEWORK HTML5 (next generation) 1. Bootstrap 2. MetroUI 3. Foundation 3 JAVASCRIPT 1. Jquery 2. Angular JS 3. NodeJS PHP 1. CodeIgniter 2. Laravel 3. Yii pribadi.transcipta.com Kuliah Jalanan Web Programming ala TP transcipta.com Persiapan Alat dan Software Browser Editor Adobe flash Chrome Firefox Maxton Opera Safari UC browser Notepad++ Atom Sublime Text Database GUI HeidiSQL Localserver Xampp wampp pribadi.transcipta.com Kuliah Jalanan Web Programming ala TP transcipta.com Referensi pribadi.transcipta.com Kuliah Jalanan Web Programming ala TP transcipta.com Referensi Al-Qur’an Buku Pedoman Akademik Prodi MI AKN Bojonegoro HR Muslim pribadi.transcipta.com Kuliah Jalanan Web Programming ala TP transcipta.com