Post on 05-Dec-2014
description
Pemrograman Internet Kuliah Pengantar
Toni Tegar Sahidi tonitegarsahidi@gmail.com
STT Stikma Internasional, Malang
Older people sit down and ask, 'What is it?' but the boy asks, 'What can I do with it?' “ “
- Steve Jobs -
kontrak kuliah
berdoa sebelum mulai kuliah
4x pertemuan
keterlambatan max 60 menit
…?
MATERI KULIAH
1. Behind the Scene, the Internet
2. Oprek Singkat Halaman Web
3. HTML, bahasa dasar
4. CSS, untuk desain maknyus!
5. JavaScript
6. SERVER SIDE PROGRAMMING (PHP)
7. PHP + MYSQL
8. CMS PREVIEW
9. TEKNOLOGI TERBARU (AJAX, FRAMEWORK, DLL)
SKEMA PENILAIAN
UTS 20%
UAS 30%
Project 40%
Kehadiran 10%
Setiap Sesi
Presentasi / Quiz
Materi
Praktek
Konsultasi
INTERNET BEHIND THE SCENE
dahulu kala.....
Nulis surat...
Amplop + perangko
Kotak Ajaib!
beberapa hari (atau minggu) kemudian
Horeeee!!!
Pak pos datang..!
media tempoe doeloe
informasi satu arah
tanpa interaksi
masih tempo doeloe
kalau pengen terkenal
kudu punya bakat hebat
Atau punya banyak uang
jualan = lapak/toko
Susahnya berburu referensi
zaman internet
interaksi manusia
surat menyurat
transaksi bisnis
Belanja!
Cari jodoh!
Cari karyawan
Game online...
Berita...
Kuliah online!
Masa Depan?
Masa Depan?
internet
adalah
MASA DEPAN!
Dengan menguasai internet
Mari menguasai dunia...
Bayangkan jika Google adalah milik Anda.
INTERNET PROGRAMMING
pemrograman internet
pemrograman + internet
pemrograman + internet
apa sih pemrograman?
a process of problem solving by giving a set of instruction
to computer in a way the computer can understood “ “
- unknown programmer -
#1 : problem solving
#1 : (main) part of algorithm
oh tidak..!
algoritma!
STOP!
algoritma itu MUDAH!
gak percaya?
coba selesaikan ini...
2 + 3 = ….?
4 x 5 = ….?
Kisah pak tani, rumput,
kambing, dan singa
ALGORITMA
BAHASA
BAHASA
BAHASA
BAHASA
BAHASA
Pemrograman internet “ “ - unknown programmer -
dll. Autentikasi user Membuat halaman yang bagus
User interface menarik Koneksi database Typografi langganan Foto galeri
jaringan teman dll.
#2 : set of instruction
membuat kopi
ambil panci
isi panci dengan air 200ml
taruh panci diatas kompor
Nyalakan kompor, atur api sedang
Jika air sudah mendidih, matikan kompor
Ambil cangkir, taruh diatas meja
Tuang air mendidih ….. dst
menggambar matahari
Gambar lingkaran diameter 20cm
Warnai isi kotak dengan warna kuning
Dst....
<html> <body> <?php for ($i=1; $i<=5; $i++) { echo "The number is " . $i . "<br />"; } ?> </body> </html>
#3 : computer can
understand
Oh, I also love ice cream cake!
Njenengan asalipun saking pundi?
Oh, I also love ice cream cake!
Njenengan asalipun saking pundi? X X
harus dengan bahasa yang bisa dipahami
oleh komputer
jika tidak....
Stop!
komputer hanya benda mati
dan sangat bodoh (tapi sangat teliti)
daripada menyuruh komputer belajar bahasa kita
lebih baik kita yang pakai bahasa mereka
hardwiring
(masih) hardwiring
Bahasa “lubang kartu”
Bahasa mesin
Bahasa assembly
Bahasa “modern”
Prolog VB Pascal Java C++ C#
PHP ASP dll...
Bahasa masa depan?
PEMROGRAMAN
Problem solving
Serangkaian instruksi
Bisa dipahami komputer
pemrograman + internet
apakah internet?
“a massive public spiderweb of
computer connections.”
-about.com-
mata kuliah ini
membahas satu diantaranya
World Wide Web
“a system of interlinked hypertext documents
accessed via the Internet. With a web browser,
one can view web pages that may contain text,
images, videos, and other multimedia, and
navigate between them via hyperlinks”
-wikipedia.com-
3 komponen www
#1 halaman web
Komposisi halaman web
HTML
CSS
JAVASCRIPT
Dll... (Flash, applet, dll)
#2 bahasa pemrograman
ada banyak bahasa
pemrograman internet
php
asp phyton
ruby cgi dll...
#3 basis data
Halaman web database rules
Halaman web database Rules / Controller
PHP,ASP,dll
FRONTEND BACKEND
Next meeting
“Bedah” Halaman Web
HTML DASAR
Tugas
Bikin blog (bagi yang belum punya)
Buat tulisan singkat (max 1 halaman A4
1,5 spasi) tentang Masa Depan Internet
(Apa yang kira-kira ada di masa depan
terkait internet)
Posting tulisan di blog, kirimkan alamat
blog via email saya
tonitegarsahidi@gmail.com
Print, taruh di loker.