1 pemrograman internet kuliah pengantar

113
Pemrograman Internet Kuliah Pengantar

description

Materi Kuliah Pemrograman Internet, Pengantar

Transcript of 1 pemrograman internet kuliah pengantar

Page 1: 1 pemrograman internet   kuliah pengantar

Pemrograman Internet Kuliah Pengantar

Page 2: 1 pemrograman internet   kuliah pengantar

Toni Tegar Sahidi [email protected]

STT Stikma Internasional, Malang

Page 3: 1 pemrograman internet   kuliah pengantar

Older people sit down and ask, 'What is it?' but the boy asks, 'What can I do with it?' “ “

- Steve Jobs -

Page 4: 1 pemrograman internet   kuliah pengantar

kontrak kuliah

berdoa sebelum mulai kuliah

4x pertemuan

keterlambatan max 60 menit

…?

Page 5: 1 pemrograman internet   kuliah pengantar

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)

Page 6: 1 pemrograman internet   kuliah pengantar

SKEMA PENILAIAN

UTS 20%

UAS 30%

Project 40%

Kehadiran 10%

Page 7: 1 pemrograman internet   kuliah pengantar

Setiap Sesi

Presentasi / Quiz

Materi

Praktek

Konsultasi

Page 8: 1 pemrograman internet   kuliah pengantar
Page 9: 1 pemrograman internet   kuliah pengantar

INTERNET BEHIND THE SCENE

Page 10: 1 pemrograman internet   kuliah pengantar

dahulu kala.....

Page 11: 1 pemrograman internet   kuliah pengantar

Nulis surat...

Page 12: 1 pemrograman internet   kuliah pengantar

Amplop + perangko

Page 13: 1 pemrograman internet   kuliah pengantar

Kotak Ajaib!

Page 14: 1 pemrograman internet   kuliah pengantar

beberapa hari (atau minggu) kemudian

Page 15: 1 pemrograman internet   kuliah pengantar
Page 16: 1 pemrograman internet   kuliah pengantar

Horeeee!!!

Page 17: 1 pemrograman internet   kuliah pengantar

Pak pos datang..!

Page 18: 1 pemrograman internet   kuliah pengantar

media tempoe doeloe

Page 19: 1 pemrograman internet   kuliah pengantar

informasi satu arah

Page 20: 1 pemrograman internet   kuliah pengantar

tanpa interaksi

Page 21: 1 pemrograman internet   kuliah pengantar

masih tempo doeloe

Page 22: 1 pemrograman internet   kuliah pengantar

kalau pengen terkenal

Page 23: 1 pemrograman internet   kuliah pengantar

kudu punya bakat hebat

Page 24: 1 pemrograman internet   kuliah pengantar

Atau punya banyak uang

Page 25: 1 pemrograman internet   kuliah pengantar

jualan = lapak/toko

Page 26: 1 pemrograman internet   kuliah pengantar

Susahnya berburu referensi

Page 27: 1 pemrograman internet   kuliah pengantar
Page 28: 1 pemrograman internet   kuliah pengantar

zaman internet

Page 29: 1 pemrograman internet   kuliah pengantar

interaksi manusia

Page 30: 1 pemrograman internet   kuliah pengantar

surat menyurat

Page 31: 1 pemrograman internet   kuliah pengantar

transaksi bisnis

Page 32: 1 pemrograman internet   kuliah pengantar

Belanja!

Page 33: 1 pemrograman internet   kuliah pengantar

Cari jodoh!

Page 34: 1 pemrograman internet   kuliah pengantar

Cari karyawan

Page 35: 1 pemrograman internet   kuliah pengantar

Game online...

Page 36: 1 pemrograman internet   kuliah pengantar

Berita...

Page 37: 1 pemrograman internet   kuliah pengantar

Kuliah online!

Page 38: 1 pemrograman internet   kuliah pengantar

Masa Depan?

Page 39: 1 pemrograman internet   kuliah pengantar

Masa Depan?

Page 40: 1 pemrograman internet   kuliah pengantar

internet

Page 41: 1 pemrograman internet   kuliah pengantar

adalah

Page 42: 1 pemrograman internet   kuliah pengantar

MASA DEPAN!

Page 43: 1 pemrograman internet   kuliah pengantar

Dengan menguasai internet

Page 44: 1 pemrograman internet   kuliah pengantar

Mari menguasai dunia...

Page 45: 1 pemrograman internet   kuliah pengantar

Bayangkan jika Google adalah milik Anda.

Page 46: 1 pemrograman internet   kuliah pengantar

INTERNET PROGRAMMING

Page 47: 1 pemrograman internet   kuliah pengantar

pemrograman internet

Page 48: 1 pemrograman internet   kuliah pengantar

pemrograman + internet

Page 49: 1 pemrograman internet   kuliah pengantar

pemrograman + internet

Page 50: 1 pemrograman internet   kuliah pengantar

apa sih pemrograman?

Page 51: 1 pemrograman internet   kuliah pengantar

a process of problem solving by giving a set of instruction

to computer in a way the computer can understood “ “

- unknown programmer -

Page 52: 1 pemrograman internet   kuliah pengantar

#1 : problem solving

Page 53: 1 pemrograman internet   kuliah pengantar

#1 : (main) part of algorithm

Page 54: 1 pemrograman internet   kuliah pengantar

oh tidak..!

Page 55: 1 pemrograman internet   kuliah pengantar

algoritma!

Page 56: 1 pemrograman internet   kuliah pengantar

STOP!

Page 57: 1 pemrograman internet   kuliah pengantar

algoritma itu MUDAH!

Page 58: 1 pemrograman internet   kuliah pengantar

gak percaya?

Page 59: 1 pemrograman internet   kuliah pengantar

coba selesaikan ini...

Page 60: 1 pemrograman internet   kuliah pengantar

2 + 3 = ….?

Page 61: 1 pemrograman internet   kuliah pengantar

4 x 5 = ….?

Page 62: 1 pemrograman internet   kuliah pengantar

Kisah pak tani, rumput,

kambing, dan singa

Page 63: 1 pemrograman internet   kuliah pengantar

ALGORITMA

BAHASA

BAHASA

BAHASA

BAHASA

BAHASA

Page 64: 1 pemrograman internet   kuliah pengantar

Pemrograman internet “ “ - unknown programmer -

Page 65: 1 pemrograman internet   kuliah pengantar

dll. Autentikasi user Membuat halaman yang bagus

User interface menarik Koneksi database Typografi langganan Foto galeri

jaringan teman dll.

Page 66: 1 pemrograman internet   kuliah pengantar

#2 : set of instruction

Page 67: 1 pemrograman internet   kuliah pengantar

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

Page 68: 1 pemrograman internet   kuliah pengantar

menggambar matahari

Gambar lingkaran diameter 20cm

Warnai isi kotak dengan warna kuning

Dst....

Page 69: 1 pemrograman internet   kuliah pengantar

<html> <body> <?php for ($i=1; $i<=5; $i++) { echo "The number is " . $i . "<br />"; } ?> </body> </html>

Page 70: 1 pemrograman internet   kuliah pengantar

#3 : computer can

understand

Page 71: 1 pemrograman internet   kuliah pengantar

Oh, I also love ice cream cake!

Njenengan asalipun saking pundi?

Page 72: 1 pemrograman internet   kuliah pengantar

Oh, I also love ice cream cake!

Njenengan asalipun saking pundi? X X

Page 73: 1 pemrograman internet   kuliah pengantar

harus dengan bahasa yang bisa dipahami

Page 74: 1 pemrograman internet   kuliah pengantar

oleh komputer

Page 75: 1 pemrograman internet   kuliah pengantar

jika tidak....

Page 76: 1 pemrograman internet   kuliah pengantar
Page 77: 1 pemrograman internet   kuliah pengantar
Page 78: 1 pemrograman internet   kuliah pengantar
Page 79: 1 pemrograman internet   kuliah pengantar
Page 80: 1 pemrograman internet   kuliah pengantar

Stop!

Page 81: 1 pemrograman internet   kuliah pengantar

komputer hanya benda mati

Page 82: 1 pemrograman internet   kuliah pengantar

dan sangat bodoh (tapi sangat teliti)

Page 83: 1 pemrograman internet   kuliah pengantar

daripada menyuruh komputer belajar bahasa kita

Page 84: 1 pemrograman internet   kuliah pengantar

lebih baik kita yang pakai bahasa mereka

Page 85: 1 pemrograman internet   kuliah pengantar

hardwiring

Page 86: 1 pemrograman internet   kuliah pengantar

(masih) hardwiring

Page 87: 1 pemrograman internet   kuliah pengantar

Bahasa “lubang kartu”

Page 88: 1 pemrograman internet   kuliah pengantar

Bahasa mesin

Page 89: 1 pemrograman internet   kuliah pengantar

Bahasa assembly

Page 90: 1 pemrograman internet   kuliah pengantar

Bahasa “modern”

Prolog VB Pascal Java C++ C#

PHP ASP dll...

Page 91: 1 pemrograman internet   kuliah pengantar

Bahasa masa depan?

Page 92: 1 pemrograman internet   kuliah pengantar

PEMROGRAMAN

Problem solving

Serangkaian instruksi

Bisa dipahami komputer

Page 93: 1 pemrograman internet   kuliah pengantar

pemrograman + internet

Page 94: 1 pemrograman internet   kuliah pengantar

apakah internet?

Page 95: 1 pemrograman internet   kuliah pengantar

“a massive public spiderweb of

computer connections.”

-about.com-

Page 96: 1 pemrograman internet   kuliah pengantar

mata kuliah ini

membahas satu diantaranya

Page 97: 1 pemrograman internet   kuliah pengantar
Page 98: 1 pemrograman internet   kuliah pengantar

World Wide Web

Page 99: 1 pemrograman internet   kuliah pengantar

“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-

Page 100: 1 pemrograman internet   kuliah pengantar

3 komponen www

Page 101: 1 pemrograman internet   kuliah pengantar

#1 halaman web

Page 102: 1 pemrograman internet   kuliah pengantar
Page 103: 1 pemrograman internet   kuliah pengantar
Page 104: 1 pemrograman internet   kuliah pengantar

Komposisi halaman web

HTML

CSS

JAVASCRIPT

Dll... (Flash, applet, dll)

Page 105: 1 pemrograman internet   kuliah pengantar

#2 bahasa pemrograman

Page 106: 1 pemrograman internet   kuliah pengantar

ada banyak bahasa

pemrograman internet

Page 107: 1 pemrograman internet   kuliah pengantar

php

asp phyton

ruby cgi dll...

Page 108: 1 pemrograman internet   kuliah pengantar
Page 109: 1 pemrograman internet   kuliah pengantar

#3 basis data

Page 110: 1 pemrograman internet   kuliah pengantar

Halaman web database rules

Page 111: 1 pemrograman internet   kuliah pengantar

Halaman web database Rules / Controller

PHP,ASP,dll

FRONTEND BACKEND

Page 112: 1 pemrograman internet   kuliah pengantar

Next meeting

“Bedah” Halaman Web

HTML DASAR

Page 113: 1 pemrograman internet   kuliah pengantar

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

[email protected]

Print, taruh di loker.