Web Development Workshop

Syeilendra Pramuditya PPI Tokodai March 5, 2013

Outline
Some basics of web development Website Pusatdata PPI Tokodai

pusatdata.ppitokodai.org publication.ppijepang.org

Website Repositori Riset PPI Jepang

Some General Stuffs

Website development

Engineering -> programming <- this workshop Art -> graphic design

Essence of web programming

Create data (and display them) Edit data Delete data

Programming Languages
HTML -> text formatting, component construction, etc.. PHP -> core programming MySQL -> database CSS -> auxiliary to HTML JavaScript -> auxiliary to HTML

Languages

CSS

PHP HTML

PHP creates & manipulates MySQL data

MySQL
MySQL supplies the data to be processed by PHP

JavaScript

Software & Hardware

Hardware

Server machine with UNIX/Linux OS Personal computer/Laptop with Windows OS Apache web server MySQL database server phpMyAdmin (database management) Any text editor with SSH/FTP connectivity (e.g. WinSCP editor, Notepad++) Dedicated web development software (e.g. Microsoft FrontPage, Macromedia Dreamweaver)

Software

Practical software package-> PHPTriad, XAMPP, etc..

Lets move on with some basic examples

Sugestikan... web programming itu gampang..!

Some basic examples

HTML structure Table for web layout Form & its components PHP & data submission Create database with phpMyAdmin Export/import data with phpMyAdmin Manual backup

Bahasan Pusatdata
Urusan administrasi sederhana Cara menambah poin isian Penambahan fasilitas yg sudah ada templatenya (cth: polling) Pengambilan dan pengolahan data

10

You may open your laptop now