Web Programming - TP ~ teguh pribadi

advertisement
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
Download