SlideShare a Scribd company logo
1 of 13
WEB PROGRAMMING
WEB PROGRAMMING COMPONENT
 HTML
 PHP
 CSS
 JAVASCRIPT
Apa itu HTML.??
      HTML ( Hyper Text Markup Language ) adalah
sebuah bahasa markah yang digunakan untuk
membuat sebuah halaman web, menampilkan berbagai
informasi di dalam sebuah penjelajah web
Internet/browser    dan    pemformatan      hiperteks
sederhana yang ditulis dalam berkas format ASCII agar
dapat menghasilkan tampilan wujud yang terintegerasi
Syntaks HTML .
<!DOCTYPE html>
<html>
   <head bgcolor=black text=white>
      <title>'''Selamat Datang''' HTML</title>
   <meta name="author" content=“selamat datang">
   </head>
   <body>
      <p>Nama saya Fahmi!</p>
   </body>
</html>
Apa itu PHP.??
    PHP ( Personal Home Page/ Hypertext
 Preprocessor ) adalah bahasa skrip yang
 dapat ditanamkan atau disisipkan ke dalam
 HTML. PHP banyak dipakai untuk memrogram
 situs web dinamis.
Syntaks PHP.
   <?php // script pembuka

    echo "Hello World";

   ?> // script penututup
Apa itu OOP..??
     OOP ( Object Oriented Programming )
adalah teknik pemrograman berbasis object.
Pemrograman dibagi dalam object-object
kemudian di dalam object-object ini ada
property dan method.
MVC
       MVC (Model View Controller) merupakan suatu
metode untuk memisahkan pengedali logika dan
pengendali tampilan.
Terdiri dari :
• Model : mengandung fungsi-fungsi untuk
  berkomunikasi dengan database
• View : Berurusan dengan tampilan yang terlihat user
• Controller : Proses logika, pemeriksaan input, relasi
  view dan model, dan pengaturan hal-hal yang
  dilakukan diatur di sini
Framework PHP.
      adalah sebuah lingkungan pengembangan
aplikasi berbasis php yang berisi sejumlah class-
class yang telah dibuat agar digunakan kembali
untuk membuat aplikasi. Jenis class-class ini
tergantung tujuan dari php framework tersebut
Mengapa memilih framework :
• Mempercepat dan mempermudah pembangunan sebuah
  aplikasi PHP
• Relatif memudahkan dalam proses maintenance karena
  sudah ada pola tertentu dalam sebuah framework (dengan
  syarat programmer mengikuti pola standar yang ada).
• Umumnya framework menyediakan fasilitas-fasilitas yang
  umum dipakai sehingga kita tidak perlu membangun dari
  awal (misalnya validasi, ORM, pagination, multiple
  database, scaffolding, pengaturan session, error
  handling, dll
• Lebih bebas dalam pengembangan jika dibandingkan CMS
Contoh framework :
   Zend Framework
   Yii ( Yes It Is )
   CI ( Code Igniter )
   Cake PHP
   Symfoni
Kenapa memilih Yii :
  Yii menggunakan PDO :
  Yii full OOP
  Yii MVC
  Yii berlisensi BSD
  Yii mempunyai code generator ( Gii )
  Yii mempunyai komponen untuk pengecekan
   input yang terintegrasi
LETS PLAY CODING

More Related Content

What's hot

Tugas 4 rekayasa web
Tugas 4 rekayasa webTugas 4 rekayasa web
Tugas 4 rekayasa webmuslim rohadi
 
Tugas-4 REKAYASA WEB
Tugas-4 REKAYASA WEBTugas-4 REKAYASA WEB
Tugas-4 REKAYASA WEBElisanendes
 
MENGENAL PHP Pemrograman Web 1
MENGENAL PHP Pemrograman Web 1MENGENAL PHP Pemrograman Web 1
MENGENAL PHP Pemrograman Web 1agungtrianggoro
 

What's hot (6)

Framework laravel
Framework laravelFramework laravel
Framework laravel
 
Modern PHP Developer
Modern PHP DeveloperModern PHP Developer
Modern PHP Developer
 
Tugas 4 rekayasa web
Tugas 4 rekayasa webTugas 4 rekayasa web
Tugas 4 rekayasa web
 
Tugas-4 REKAYASA WEB
Tugas-4 REKAYASA WEBTugas-4 REKAYASA WEB
Tugas-4 REKAYASA WEB
 
MENGENAL PHP Pemrograman Web 1
MENGENAL PHP Pemrograman Web 1MENGENAL PHP Pemrograman Web 1
MENGENAL PHP Pemrograman Web 1
 
Pertemuan 8
Pertemuan 8Pertemuan 8
Pertemuan 8
 

Viewers also liked

ABB Sami GS 501 Manual
ABB Sami GS 501 ManualABB Sami GS 501 Manual
ABB Sami GS 501 Manualalfreetti
 
Práctica de analisis matematico i
Práctica de analisis matematico iPráctica de analisis matematico i
Práctica de analisis matematico iLuis Vidaurre
 
Freddie mac fraud
Freddie mac fraudFreddie mac fraud
Freddie mac fraudacw007
 
Big Data Analytics Tokyo講演資料
Big Data Analytics Tokyo講演資料Big Data Analytics Tokyo講演資料
Big Data Analytics Tokyo講演資料BrainPad Inc.
 

Viewers also liked (11)

Christmas 2012 powerpoint
Christmas 2012 powerpointChristmas 2012 powerpoint
Christmas 2012 powerpoint
 
Living life in crescendo
Living life in crescendoLiving life in crescendo
Living life in crescendo
 
Christmas 2013 Powerpoint
Christmas 2013 Powerpoint Christmas 2013 Powerpoint
Christmas 2013 Powerpoint
 
Christmas 2014 Powerpoint
Christmas 2014 PowerpointChristmas 2014 Powerpoint
Christmas 2014 Powerpoint
 
ABB Sami GS 501 Manual
ABB Sami GS 501 ManualABB Sami GS 501 Manual
ABB Sami GS 501 Manual
 
Práctica de analisis matematico i
Práctica de analisis matematico iPráctica de analisis matematico i
Práctica de analisis matematico i
 
Lev
LevLev
Lev
 
Christmas 2015 powerpoint
Christmas 2015 powerpointChristmas 2015 powerpoint
Christmas 2015 powerpoint
 
Freddie mac fraud
Freddie mac fraudFreddie mac fraud
Freddie mac fraud
 
Big Data Analytics Tokyo講演資料
Big Data Analytics Tokyo講演資料Big Data Analytics Tokyo講演資料
Big Data Analytics Tokyo講演資料
 
ppt on Smart Grid
ppt on Smart Gridppt on Smart Grid
ppt on Smart Grid
 

Similar to Web programming

Webprograming
WebprogramingWebprograming
Webprogramingandreboys
 
Ci indonesia
Ci indonesiaCi indonesia
Ci indonesiakaniadona
 
Ci indonesia
Ci indonesiaCi indonesia
Ci indonesiakaniadona
 
pemrograman internet
pemrograman internetpemrograman internet
pemrograman internetmafailmi
 
Bab01 - Pengenalan PHP
Bab01 - Pengenalan PHPBab01 - Pengenalan PHP
Bab01 - Pengenalan PHPRieko Kristian
 
Pertemuan 3 a
Pertemuan 3 aPertemuan 3 a
Pertemuan 3 azaenald i
 
Pertemuan 3 a
Pertemuan 3 aPertemuan 3 a
Pertemuan 3 af fr
 
Pengenalan web minggu pertama
Pengenalan web minggu pertamaPengenalan web minggu pertama
Pengenalan web minggu pertamaw4n5d
 
Pengenalan web design dan programming
Pengenalan web design dan programmingPengenalan web design dan programming
Pengenalan web design dan programmingFrisianlllllllFlag
 
Tugas4 0916-[tri bogi banjaransari]-[1511510404]
Tugas4 0916-[tri bogi banjaransari]-[1511510404]Tugas4 0916-[tri bogi banjaransari]-[1511510404]
Tugas4 0916-[tri bogi banjaransari]-[1511510404]bobogi
 
Tugas 4 0916 dimas setiadi 1511510610
Tugas 4 0916 dimas setiadi 1511510610Tugas 4 0916 dimas setiadi 1511510610
Tugas 4 0916 dimas setiadi 1511510610Dimas Setiadi
 
Bahan ajar html 1
Bahan ajar html 1Bahan ajar html 1
Bahan ajar html 1Uji Wardoyo
 

Similar to Web programming (20)

W E B P R O G R A M M I N G
W E B  P R O G R A M M I N GW E B  P R O G R A M M I N G
W E B P R O G R A M M I N G
 
Webprograming
WebprogramingWebprograming
Webprograming
 
Web programming
Web programmingWeb programming
Web programming
 
Ci indonesia
Ci indonesiaCi indonesia
Ci indonesia
 
Ci indonesia
Ci indonesiaCi indonesia
Ci indonesia
 
Php coder
Php coderPhp coder
Php coder
 
MATERI -1.pptx
MATERI -1.pptxMATERI -1.pptx
MATERI -1.pptx
 
Ci 1
Ci 1Ci 1
Ci 1
 
pemrograman internet
pemrograman internetpemrograman internet
pemrograman internet
 
Chapter 1.pptx
Chapter 1.pptxChapter 1.pptx
Chapter 1.pptx
 
Bab01 - Pengenalan PHP
Bab01 - Pengenalan PHPBab01 - Pengenalan PHP
Bab01 - Pengenalan PHP
 
Chapter 1
Chapter 1Chapter 1
Chapter 1
 
Pertemuan 3 a
Pertemuan 3 aPertemuan 3 a
Pertemuan 3 a
 
Pertemuan 3 a
Pertemuan 3 aPertemuan 3 a
Pertemuan 3 a
 
Bahan ajar web1
Bahan ajar web1Bahan ajar web1
Bahan ajar web1
 
Pengenalan web minggu pertama
Pengenalan web minggu pertamaPengenalan web minggu pertama
Pengenalan web minggu pertama
 
Pengenalan web design dan programming
Pengenalan web design dan programmingPengenalan web design dan programming
Pengenalan web design dan programming
 
Tugas4 0916-[tri bogi banjaransari]-[1511510404]
Tugas4 0916-[tri bogi banjaransari]-[1511510404]Tugas4 0916-[tri bogi banjaransari]-[1511510404]
Tugas4 0916-[tri bogi banjaransari]-[1511510404]
 
Tugas 4 0916 dimas setiadi 1511510610
Tugas 4 0916 dimas setiadi 1511510610Tugas 4 0916 dimas setiadi 1511510610
Tugas 4 0916 dimas setiadi 1511510610
 
Bahan ajar html 1
Bahan ajar html 1Bahan ajar html 1
Bahan ajar html 1
 

Web programming

  • 2. WEB PROGRAMMING COMPONENT HTML PHP CSS JAVASCRIPT
  • 3. Apa itu HTML.?? HTML ( Hyper Text Markup Language ) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet/browser dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi
  • 4. Syntaks HTML . <!DOCTYPE html> <html> <head bgcolor=black text=white> <title>'''Selamat Datang''' HTML</title> <meta name="author" content=“selamat datang"> </head> <body> <p>Nama saya Fahmi!</p> </body> </html>
  • 5. Apa itu PHP.?? PHP ( Personal Home Page/ Hypertext Preprocessor ) adalah bahasa skrip yang dapat ditanamkan atau disisipkan ke dalam HTML. PHP banyak dipakai untuk memrogram situs web dinamis.
  • 6. Syntaks PHP. <?php // script pembuka echo "Hello World"; ?> // script penututup
  • 7. Apa itu OOP..?? OOP ( Object Oriented Programming ) adalah teknik pemrograman berbasis object. Pemrograman dibagi dalam object-object kemudian di dalam object-object ini ada property dan method.
  • 8. MVC MVC (Model View Controller) merupakan suatu metode untuk memisahkan pengedali logika dan pengendali tampilan. Terdiri dari : • Model : mengandung fungsi-fungsi untuk berkomunikasi dengan database • View : Berurusan dengan tampilan yang terlihat user • Controller : Proses logika, pemeriksaan input, relasi view dan model, dan pengaturan hal-hal yang dilakukan diatur di sini
  • 9. Framework PHP. adalah sebuah lingkungan pengembangan aplikasi berbasis php yang berisi sejumlah class- class yang telah dibuat agar digunakan kembali untuk membuat aplikasi. Jenis class-class ini tergantung tujuan dari php framework tersebut
  • 10. Mengapa memilih framework : • Mempercepat dan mempermudah pembangunan sebuah aplikasi PHP • Relatif memudahkan dalam proses maintenance karena sudah ada pola tertentu dalam sebuah framework (dengan syarat programmer mengikuti pola standar yang ada). • Umumnya framework menyediakan fasilitas-fasilitas yang umum dipakai sehingga kita tidak perlu membangun dari awal (misalnya validasi, ORM, pagination, multiple database, scaffolding, pengaturan session, error handling, dll • Lebih bebas dalam pengembangan jika dibandingkan CMS
  • 11. Contoh framework : Zend Framework Yii ( Yes It Is ) CI ( Code Igniter ) Cake PHP Symfoni
  • 12. Kenapa memilih Yii : Yii menggunakan PDO : Yii full OOP Yii MVC Yii berlisensi BSD Yii mempunyai code generator ( Gii ) Yii mempunyai komponen untuk pengecekan input yang terintegrasi