suses menjadi programmer web

51
SUKSES Menjadi Programmer Web Insumo Kediri Convention Center, 5 Oktober 2013

Upload: teguh-andriyanto

Post on 08-May-2015

492 views

Category:

Education


7 download

DESCRIPTION

Persiapan untuk menjadi progammer web, sikap mental, desain, arsitektur, teknis

TRANSCRIPT

Page 1: Suses menjadi programmer web

SUKSESMenjadi Programmer Web

Insumo Kediri Convention Center, 5 Oktober 2013

Page 2: Suses menjadi programmer web

Profil

Teguh Andriyanto Pendidikan

SMUN 1 Kediri, S1 Teknik Elektro ITS, S2 Ilmu Komputer UGM (dlm proses)

Praktisi Web ApplicationInOptics Group, arta Swalayan, Armada Pagora Jaya, Agen Pos Plus

AkademisiStaff Pengajar Univ Nusantara PGRI Kediri

PHP IndonesiaKetua php Indonesia Kediri

Page 3: Suses menjadi programmer web

Permintaan dan Kebutuhan

HTML Fenomena CMS Web Designer digantikan end user Web Programer ?

Page 4: Suses menjadi programmer web

Sikap Mental

Pic from http://antilogin.blogspot.com/2010/02/astagacom-lifestyle-on-net-optimis.html

Page 5: Suses menjadi programmer web

Menjadi Yang Terburuk

Selalu berada di lingkungan orang yg lebih pintar

Ukur kemampuan diri berdasarkan kemampuan orang lain

Partner menentukan kemampuan

http://www.webpagesthatsuck.com/worst-websites-of-2011-Q1.html Pic from http://www.webpagesthatsuck.com/worst-websites-of-2011-Q1.html

Page 6: Suses menjadi programmer web

Saya Bisa !

Yakin dengan kemampuan diri sendiri Berjiwa Pemenang Yakin dan berani dengan keputusan diri sendiri Berjiwa Ksatria

Pic from http://coaching-journey.com/2012/10/i-can-do-model/

Page 7: Suses menjadi programmer web

”Who Moved My Cheese?”

Page 8: Suses menjadi programmer web

Haw

”Who Moved My Cheese?”

HemSniff

Scurry

Page 9: Suses menjadi programmer web

”Who Moved My Cheese?”

Selalu perhatikan perubahan sejak awal Tinggalkan masa lalu, tatap masa depan Coba, coba dan coba terus Berubah atau punah

Page 10: Suses menjadi programmer web

Maraton atau Sprint ?

Software Development = maraton Konsistensi Rencana matang

Pic from http://www.wbur.org/2013/04/15/boston-marathon-updates

Page 11: Suses menjadi programmer web

Spesialis

Spesialis <> tidak tahu yg lain Spesialis = kemampuan yg mendalam thd

sesuatu hal Spesialis untuk survive

Pic from http://www.imdb.com/media/rm1093251072/tt0111255

Page 12: Suses menjadi programmer web

Belajar Dari Kesalahan

Kerja Tim Ungkapkan kesalahan sedini mungkin Jangan cari 'kambing hitam' Tawarkan Solusi Reaksi terhadap kesalahan menunjukkan

loyalitas

Pic from http://blog.center4tobaccopolicy.org/?p=96

Page 13: Suses menjadi programmer web

Carilah Mentor

Bertanya = bodoh ? Bertanya = lemah ? Orang, Komunitas, Milist, Group

Page 14: Suses menjadi programmer web

Jadilah Mentor

Yakin anda benar-benar paham ? Ujilah dengan menjadi mentor Selalu ada hal 'baru' 'Mentor tdk pernah dipecat'

Pic from http://www.qassist.com/pages/mentor-coach

Page 15: Suses menjadi programmer web

Pic from http://www.qsoft.co/web-application-development/

Page 16: Suses menjadi programmer web

Kemudahan penggunaan Fungsionalitas Keandalan Efisiensi Pemeliharaan Keamanan Ketersediaan Skalabilitas

Kualitas

Pic from http://www.qualityoneclean.com/

Page 17: Suses menjadi programmer web

Faktor Perancangan

Sederhana Konsisten Identitas Tangguh Navigasi Visual Kompatibel

Page 18: Suses menjadi programmer web

D e s a i n

Page 19: Suses menjadi programmer web

Desain Antarmuka

Bagaimana cara masuk ke aplikasi Konsistensi tata letak Memandu user melalui interaksi Organisasi navigasi

Pic from http://arvino.typepad.com/digital_living/2008/04/new-approach-in.html

Page 20: Suses menjadi programmer web

Desain Estetika

Penekanan pada isi 80% isi, 20% navigasi

Pengelompokan fitur navigasi Hati-hati dengan scrollbar Resolusi layar user

Page 21: Suses menjadi programmer web

Desain Isi Pengelompokan, deskripsi

Page 22: Suses menjadi programmer web

Desain Arsitektur Isi

Struktur LINIER Contoh: presentasi, tutorial, pemesanan produk

Page 23: Suses menjadi programmer web

Desain Arsitektur Isi (Lanjutan)

Struktur GRID Contoh: eComerce

(horisontal: tipe barang, vertikal: harga)

Page 24: Suses menjadi programmer web

Desain Arsitektur Isi (Lanjutan)

Struktur HIERARKI Umum digunakan Akses hal. makin cepat atau makin bingung

Page 25: Suses menjadi programmer web

Desain Arsitektur Isi (Lanjutan)

Struktur JARINGAN Mirip Object Oriented

Page 26: Suses menjadi programmer web

Desain Arsitektur Aplikasi Structured Object Oriented MVC (Model View Controller)

Page 27: Suses menjadi programmer web

Desain Navigasi

Pertimbangkan: Aktifitas user Lintasan navigasi terbaik Peta situs (site map)

Page 28: Suses menjadi programmer web
Page 29: Suses menjadi programmer web

Website Populer

Source wikipedia.org Oct 2nd 2013

Page 30: Suses menjadi programmer web

Aplikasi PHP

Point Of Sale

Inventory System

Page 31: Suses menjadi programmer web

Aplikasi PHP

PublicInformation

UserInteractive

Page 32: Suses menjadi programmer web

Aplikasi PHP

SMSApplication

Source: http://agusadiyanto.blogspot.com/2011/02/gampsms-software-sms-center-handal.html

Page 33: Suses menjadi programmer web

What

server-side scripting language PHP scripts dieksekusi di server PHP support banyak databases (MySQL,

Informix, Oracle, Sybase, Solid, PostgreSQL, Generic ODBC, etc.)

PHP : open source software PHP : free to download and use

Page 34: Suses menjadi programmer web

Why

PHP dapat dijalankan di beberapa platform OS yang berbeda (Windows, Linux, Unix, dll.) -> Multiplatform

PHP kompatibel dengan hampir semua web servers (Apache, IIS, Nginx, dll.)

PHP mudah dipelajari dan dijalankan dengan sangat efektif di server.

Page 35: Suses menjadi programmer web

How

Page 36: Suses menjadi programmer web

Installation

Simple → XAMPP XAMPP (Windows, Linux, MacOS, Solaris) Bundling

Apache Web Server php MySql Database Filezilla FTP Server

Download: www.apachefriends.org

Pic from https://managewp.com/how-to-create-a-local-wordpress-website-in-windows-with-xampp

Page 37: Suses menjadi programmer web

Mulai Dari Mana?

HTML CSS + CSS Framework (Bootstrap, dll) Javascript + Javascript Framework (jQuery, dll) php + database Ajax

Page 38: Suses menjadi programmer web

PHP Programming

Structured Programming Object Oriented Programming MVC Programming

Page 39: Suses menjadi programmer web

Tools : Editor

Integrated Development Environment (IDE) Powerfull

code templates and code generation refactoring (Instant Rename) parameter tooltips code highlighting pop-up documentation

Free IDE : NetBeans, Aptana, Eclipse

Page 40: Suses menjadi programmer web

Tools: Version Control

Sangat berguna untuk kerja tim (lebih dari 1 programmer)

Memantau perubahan kode Memungkinkan beberapa orang mengerjakan

dokumen yang sama. Contoh

Concurrent Versions System (CVS), Apache Subversion (SVN), Git, Mercurial

Page 41: Suses menjadi programmer web

Centralized Version Control

Pic from http://coding.smashingmagazine.com/2011/07/26/modern-version-control-with-git-series/

Page 42: Suses menjadi programmer web

Distributed Version Control

Pic from http://coding.smashingmagazine.com/2011/07/26/modern-version-control-with-git-series/

Page 43: Suses menjadi programmer web
Page 44: Suses menjadi programmer web

Materi lebih lanjut

www.phpindonesia.net

Page 45: Suses menjadi programmer web

PHP Indonesia Kediri

CP:

Page 46: Suses menjadi programmer web

Bengkel PHP

Adiwahana Pendidikan

Kafe Pintar

Page 47: Suses menjadi programmer web

Goes To School & Campus

STT Cahaya Surya Kediri

SMKN 2 Kediri

Page 48: Suses menjadi programmer web

Meetup PHP Indonesia Kediri

Kedai Pintar

Kedai Pintar

Page 49: Suses menjadi programmer web

Partner Komunitas

ARMADA PAGORA JAYA

Page 50: Suses menjadi programmer web

Terimakasih

Pic from http://normalimsi.blogspot.com/2012/07/end-cok-ama-cok-ksa-hikaye-o-kadar-ksa.html

Page 51: Suses menjadi programmer web

Referensi

Roger S. Pressman, Ph.D, Software Engineering: A Practitioner's Approach, Seventh Edition, 2010, Mc Graw Hill

Chad Fowler, The Passionate Programmer, 2009

DR Spencer Johnson, Who Moved My Cheese?

http://en.wikipedia.org/