SUKSES
Menjadi Programmer Web
Insumo Kediri Convention Center, 5 Oktober 2013
Profil
 Teguh Andriyanto
 Pendidikan
SMUN 1 Kediri, S1 Teknik Elektro ITS, S2 Ilmu Komputer UGM (dlm proses)
 Praktisi Web Application
InOptics Group, arta Swalayan, Armada Pagora Jaya, Agen Pos Plus
 Akademisi
Staff Pengajar Univ Nusantara PGRI Kediri
 PHP Indonesia
Ketua php Indonesia Kediri
Permintaan dan Kebutuhan
 HTML
 Fenomena CMS
 Web Designer digantikan end user
 Web Programer ?
Sikap Mental
Pic from http://antilogin.blogspot.com/2010/02/astagacom-lifestyle-on-net-optimis.html
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
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/
”Who Moved My Cheese?”
Haw
”Who Moved My Cheese?”
Hem
Sniff
Scurry
”Who Moved My Cheese?”
 Selalu perhatikan perubahan sejak awal
 Tinggalkan masa lalu, tatap masa depan
 Coba, coba dan coba terus
 Berubah atau punah
Maraton atau Sprint ?
 Software Development = maraton
 Konsistensi
 Rencana matang
Pic from http://www.wbur.org/2013/04/15/boston-marathon-updates
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
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
Carilah Mentor
 Bertanya = bodoh ?
 Bertanya = lemah ?
 Orang, Komunitas, Milist, Group
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
Pic from http://www.qsoft.co/web-application-development/
 Kemudahan penggunaan
 Fungsionalitas
 Keandalan
 Efisiensi
 Pemeliharaan
 Keamanan
 Ketersediaan
 Skalabilitas
Kualitas
Pic from http://www.qualityoneclean.com/
Faktor Perancangan
 Sederhana
 Konsisten
 Identitas
 Tangguh
 Navigasi
 Visual
 Kompatibel
D e s a i n
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
Desain Estetika
 Penekanan pada isi
 80% isi, 20% navigasi
 Pengelompokan fitur navigasi
 Hati-hati dengan scrollbar
 Resolusi layar user
Desain Isi
 Pengelompokan, deskripsi
Desain Arsitektur Isi
 Struktur LINIER
 Contoh: presentasi, tutorial, pemesanan produk
Desain Arsitektur Isi (Lanjutan)
 Struktur GRID
 Contoh: eComerce
(horisontal: tipe barang, vertikal: harga)
Desain Arsitektur Isi (Lanjutan)
 Struktur HIERARKI
 Umum digunakan
 Akses hal. makin cepat atau makin bingung
Desain Arsitektur Isi (Lanjutan)
 Struktur JARINGAN
 Mirip Object Oriented
Desain Arsitektur Aplikasi
 Structured
 Object Oriented
 MVC (Model View Controller)
Desain Navigasi
Pertimbangkan:
 Aktifitas user
 Lintasan navigasi terbaik
 Peta situs (site map)
Website Populer
Source wikipedia.org Oct 2nd 2013
Aplikasi PHP
Point Of Sale
Inventory
System
Aplikasi PHP
Public
Information
User
Interactive
Aplikasi PHP
SMS
Application
Source: http://agusadiyanto.blogspot.com/2011/02/gampsms-software-sms-center-handal.html
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
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.
How
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
Mulai Dari Mana?
 HTML
 CSS + CSS Framework (Bootstrap, dll)
 Javascript + Javascript Framework (jQuery, dll)
 php + database
 Ajax
PHP Programming
 Structured Programming
 Object Oriented Programming
 MVC Programming
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
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
Centralized Version Control
Pic from http://coding.smashingmagazine.com/2011/07/26/modern-version-control-with-git-series/
Distributed Version Control
Pic from http://coding.smashingmagazine.com/2011/07/26/modern-version-control-with-git-series/
Materi lebih lanjut
www.phpindonesia.net
PHP Indonesia Kediri
CP:
Bengkel PHP
Adiwahana Pendidikan
Kafe Pintar
Goes To School & Campus
STT Cahaya Surya Kediri
SMKN 2 Kediri
Meetup PHP Indonesia Kediri
Kedai Pintar
Kedai Pintar
Partner Komunitas
ARMADA PAGORA JAYA
Terimakasih
Pic from http://normalimsi.blogspot.com/2012/07/end-cok-ama-cok-ksa-hikaye-o-kadar-ksa.html
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/

Suses menjadi programmer web