SlideShare a Scribd company logo
Pertemuan 1

• WEB PROGRAMMING 1

• Software yang digunakan : PHP Coder & Apache2triad.
Konsep Dasar Pembuatan Web

• Dalam pembuatan sebuah website, tentu kita harus
  mengetahui konsep dasarnya.Dimana ide dan gagasan yang
  ada dipikirannya bisa tertuang pada setiap halaman web.
  Namun, kita juga juga perlu berkonsultasi pada pemilik web
  itu sendiri agar konsepnya dapat tercapai dengan yang
  diharapkan
Struktur Navigasi

alur dari suatu program yang merupakan rancangan hubungan
(rantai kerja) dari beberapa area yang berbeda dan dapat
membantu       mengorganisasikan      seluruh     elemen
pembuatan Website
Macam-macam Struktur Navigasi:

A. Struktur Navigasi Linier :
Struktur navigasi linier hanya
  mempunyai satu rangkaian
  cerita yang     berurut, yang
  menampilkan satu demi satu
  tampilan      layar     secara
  berurut menurut urutannya.
Struktur Navigasi Non-Linier


• Struktur navigasi non-linier atau struktur tidak berurut
  merupakan pengembangan dari struktur navigasi linier.
  Pada struktur ini   diperkenankan    membuat navigasi
  bercabang. Percabangan yang dibuat pada struktur
  nonlinier ini berbeda dengan percabangan pada struktur
  hirarki,
Struktur Navigasi Non-Linier
Struktur Navigasi Hirarki


• Struktur navigasi hirarki biasa disebut struktur
  bercabang,   merupakan     suatu     struktur   yang
  Mengandalkan percabangan untuk menampilkan
  data berdasarkan kriteria tertentu
Struktur Navigasi Hirarki
Struktur Navigasi Campuran

• Struktur navigasi campuran merupakan gabungan dari ketiga
  struktur sebelumnya yaitu linier, non-linier dan hirarki.
  Struktur navigasi ini juga biasa disebut dengan struktur
  navigasi bebas.
Struktur Navigasi Campuran
Pengertian HTML (Hypertext Markup
                  Language)

• HTML adalah bahasa standar yang digunakan untuk
  menyusun/membangun suatu halaman web.
• Dokumen HTML merupakan Teks murni (ASCII) dengan kode-
  kode special. Maksudnya adalah dokumen HTML hanya akan
  berisi Tulisan berupa Huruf, Angka, tanda baca dan karakter-
  karakter lainnya termasuk Kode-kode Tag HTML itu sendiri.
Macam-macam Tag

•   Tag <HTML>
•   Tag <HEAD>
•   Tag <TITLE>
•   Tag <BODY>
Bentuk Umum Dokumen HTML
Contoh program

Silakan Ketik Program dibawah ini
Penyimpanan File

• Untuk penyimpanan file selalu disimpan dalam htdocs.
  Mahasiswa bisa membuat          folder Nim didalam htdocs.
  c:Apache2triadhtdocs1212xxxx. Pembuatan nama file
  pada saat penyimpanan harus diakhiri dengan extention
  “.php”. Contoh : contoh01.php
Cara Melihat Hasil File yang diekskusi


• Buka Web Browser
• ketikkan pada address bar
  “localhost”.
• Kemudian pilih file
  contoh01.php
Contoh 2

Silakan Ketik Script dibawah ini dan simpan dengan nama:
contoh2.php
Hasil dari Contoh2.php
Take Home
Buatlah script HTML dengan nama latihan1.php untuk bentuk
tampilan dibawah ini :

                                      Note : Sebelum
                                        Mengerjakan script
                                        tersebut.
                                      Mahasiswa diperkenankan
                                        terlebih dahulu
                                        mengerjakan
                                        contoh3.php yang ada
                                        di Modul
                                        Pada Bab I

More Related Content

Similar to Belajar PHP

Modul webdesign
Modul webdesignModul webdesign
Modul webdesign
Nepriant Juragantv
 
Jobsheet Pemrograman
Jobsheet Pemrograman Jobsheet Pemrograman
Jobsheet Pemrograman
Rika Pertiwi
 
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
 
Plugin chapter-12-materi-kuliah-web-framework1-pengenalan-web-framework
Plugin chapter-12-materi-kuliah-web-framework1-pengenalan-web-frameworkPlugin chapter-12-materi-kuliah-web-framework1-pengenalan-web-framework
Plugin chapter-12-materi-kuliah-web-framework1-pengenalan-web-frameworkMuhammad Rio
 
pemrograman internet
pemrograman internetpemrograman internet
pemrograman internet
mafailmi
 
Modul web programing
Modul web programingModul web programing
Modul web programing
Nepriant Juragantv
 
Tugas resume aplinet (edi,vani,risky)
Tugas resume aplinet (edi,vani,risky)Tugas resume aplinet (edi,vani,risky)
Tugas resume aplinet (edi,vani,risky)
Koplak Koplakan
 
Materi-bab1.pptx
Materi-bab1.pptxMateri-bab1.pptx
Materi-bab1.pptx
AhmadFaid4
 
Codeigniter lanjut helper dan library
Codeigniter lanjut helper dan libraryCodeigniter lanjut helper dan library
Codeigniter lanjut helper dan libraryboys of separato
 
Modul 05 Framework CodeIgniter.pdf
Modul 05 Framework CodeIgniter.pdfModul 05 Framework CodeIgniter.pdf
Modul 05 Framework CodeIgniter.pdf
Setiya Nugroho
 
Tugas 4 0916 dimas setiadi 1511510610
Tugas 4 0916 dimas setiadi 1511510610Tugas 4 0916 dimas setiadi 1511510610
Tugas 4 0916 dimas setiadi 1511510610
Dimas Setiadi
 
Webprograming
WebprogramingWebprograming
Webprogramingandreboys
 
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
Windy Hefitrianti
 
Web programming
Web programmingWeb programming
Web programming
Windy Hefitrianti
 
Resa ari siswo[1210652011], rico nilar hartono[1210652008]
Resa ari siswo[1210652011], rico nilar hartono[1210652008]Resa ari siswo[1210652011], rico nilar hartono[1210652008]
Resa ari siswo[1210652011], rico nilar hartono[1210652008]
resaarisiswo
 
desain media interaktif desain media interaktif desain media interaktif desai...
desain media interaktif desain media interaktif desain media interaktif desai...desain media interaktif desain media interaktif desain media interaktif desai...
desain media interaktif desain media interaktif desain media interaktif desai...
MIlham52
 
Modul Web Programming dengan PHP dan MySQL
Modul Web Programming dengan PHP dan MySQLModul Web Programming dengan PHP dan MySQL
Modul Web Programming dengan PHP dan MySQL
eddie Ismantoe
 
Rekayasa web part 6 khaerul anwar-1511510388
Rekayasa web part 6 khaerul anwar-1511510388Rekayasa web part 6 khaerul anwar-1511510388
Rekayasa web part 6 khaerul anwar-1511510388
Khaerul Anwar
 
Web programming
Web programmingWeb programming
Web programming
data_inovsol
 
Tugas4 0916-[jeffry evanto putra]-[1511510727].pptx
Tugas4 0916-[jeffry evanto putra]-[1511510727].pptxTugas4 0916-[jeffry evanto putra]-[1511510727].pptx
Tugas4 0916-[jeffry evanto putra]-[1511510727].pptx
jeffry putra
 

Similar to Belajar PHP (20)

Modul webdesign
Modul webdesignModul webdesign
Modul webdesign
 
Jobsheet Pemrograman
Jobsheet Pemrograman Jobsheet Pemrograman
Jobsheet Pemrograman
 
Tugas4 0916-[tri bogi banjaransari]-[1511510404]
Tugas4 0916-[tri bogi banjaransari]-[1511510404]Tugas4 0916-[tri bogi banjaransari]-[1511510404]
Tugas4 0916-[tri bogi banjaransari]-[1511510404]
 
Plugin chapter-12-materi-kuliah-web-framework1-pengenalan-web-framework
Plugin chapter-12-materi-kuliah-web-framework1-pengenalan-web-frameworkPlugin chapter-12-materi-kuliah-web-framework1-pengenalan-web-framework
Plugin chapter-12-materi-kuliah-web-framework1-pengenalan-web-framework
 
pemrograman internet
pemrograman internetpemrograman internet
pemrograman internet
 
Modul web programing
Modul web programingModul web programing
Modul web programing
 
Tugas resume aplinet (edi,vani,risky)
Tugas resume aplinet (edi,vani,risky)Tugas resume aplinet (edi,vani,risky)
Tugas resume aplinet (edi,vani,risky)
 
Materi-bab1.pptx
Materi-bab1.pptxMateri-bab1.pptx
Materi-bab1.pptx
 
Codeigniter lanjut helper dan library
Codeigniter lanjut helper dan libraryCodeigniter lanjut helper dan library
Codeigniter lanjut helper dan library
 
Modul 05 Framework CodeIgniter.pdf
Modul 05 Framework CodeIgniter.pdfModul 05 Framework CodeIgniter.pdf
Modul 05 Framework CodeIgniter.pdf
 
Tugas 4 0916 dimas setiadi 1511510610
Tugas 4 0916 dimas setiadi 1511510610Tugas 4 0916 dimas setiadi 1511510610
Tugas 4 0916 dimas setiadi 1511510610
 
Webprograming
WebprogramingWebprograming
Webprograming
 
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
 
Web programming
Web programmingWeb programming
Web programming
 
Resa ari siswo[1210652011], rico nilar hartono[1210652008]
Resa ari siswo[1210652011], rico nilar hartono[1210652008]Resa ari siswo[1210652011], rico nilar hartono[1210652008]
Resa ari siswo[1210652011], rico nilar hartono[1210652008]
 
desain media interaktif desain media interaktif desain media interaktif desai...
desain media interaktif desain media interaktif desain media interaktif desai...desain media interaktif desain media interaktif desain media interaktif desai...
desain media interaktif desain media interaktif desain media interaktif desai...
 
Modul Web Programming dengan PHP dan MySQL
Modul Web Programming dengan PHP dan MySQLModul Web Programming dengan PHP dan MySQL
Modul Web Programming dengan PHP dan MySQL
 
Rekayasa web part 6 khaerul anwar-1511510388
Rekayasa web part 6 khaerul anwar-1511510388Rekayasa web part 6 khaerul anwar-1511510388
Rekayasa web part 6 khaerul anwar-1511510388
 
Web programming
Web programmingWeb programming
Web programming
 
Tugas4 0916-[jeffry evanto putra]-[1511510727].pptx
Tugas4 0916-[jeffry evanto putra]-[1511510727].pptxTugas4 0916-[jeffry evanto putra]-[1511510727].pptx
Tugas4 0916-[jeffry evanto putra]-[1511510727].pptx
 

Recently uploaded

aksi nyata refleksi awal-tengah dan akhir pembelajaranpptx
aksi nyata refleksi awal-tengah dan akhir pembelajaranpptxaksi nyata refleksi awal-tengah dan akhir pembelajaranpptx
aksi nyata refleksi awal-tengah dan akhir pembelajaranpptx
HerlinaHelnayanti
 
ATRIUM GAMING : Slot Gacor Mudah Menang Terbaru 2024
ATRIUM GAMING : Slot Gacor Mudah Menang Terbaru 2024ATRIUM GAMING : Slot Gacor Mudah Menang Terbaru 2024
ATRIUM GAMING : Slot Gacor Mudah Menang Terbaru 2024
sayangkamuu240203
 
Aksi Nyata PMM perencanaan pembelajaran SMP?paket B
Aksi Nyata PMM perencanaan pembelajaran SMP?paket BAksi Nyata PMM perencanaan pembelajaran SMP?paket B
Aksi Nyata PMM perencanaan pembelajaran SMP?paket B
renysavitri
 
Materi bimtek PKD Lampung tengah dalam pelantikan
Materi bimtek PKD Lampung tengah dalam pelantikanMateri bimtek PKD Lampung tengah dalam pelantikan
Materi bimtek PKD Lampung tengah dalam pelantikan
SukmaWati809736
 
Desain Pekerjaan Interior Kantor Bappeda-Litbang
Desain Pekerjaan Interior Kantor Bappeda-LitbangDesain Pekerjaan Interior Kantor Bappeda-Litbang
Desain Pekerjaan Interior Kantor Bappeda-Litbang
ahmadsyahril26
 
Topik 2 Demonstrasi Kontekstual PEMBELAJARAN SOSIAL EMOSIONAL
Topik 2 Demonstrasi Kontekstual PEMBELAJARAN SOSIAL EMOSIONALTopik 2 Demonstrasi Kontekstual PEMBELAJARAN SOSIAL EMOSIONAL
Topik 2 Demonstrasi Kontekstual PEMBELAJARAN SOSIAL EMOSIONAL
ppggaluparwati01628
 

Recently uploaded (6)

aksi nyata refleksi awal-tengah dan akhir pembelajaranpptx
aksi nyata refleksi awal-tengah dan akhir pembelajaranpptxaksi nyata refleksi awal-tengah dan akhir pembelajaranpptx
aksi nyata refleksi awal-tengah dan akhir pembelajaranpptx
 
ATRIUM GAMING : Slot Gacor Mudah Menang Terbaru 2024
ATRIUM GAMING : Slot Gacor Mudah Menang Terbaru 2024ATRIUM GAMING : Slot Gacor Mudah Menang Terbaru 2024
ATRIUM GAMING : Slot Gacor Mudah Menang Terbaru 2024
 
Aksi Nyata PMM perencanaan pembelajaran SMP?paket B
Aksi Nyata PMM perencanaan pembelajaran SMP?paket BAksi Nyata PMM perencanaan pembelajaran SMP?paket B
Aksi Nyata PMM perencanaan pembelajaran SMP?paket B
 
Materi bimtek PKD Lampung tengah dalam pelantikan
Materi bimtek PKD Lampung tengah dalam pelantikanMateri bimtek PKD Lampung tengah dalam pelantikan
Materi bimtek PKD Lampung tengah dalam pelantikan
 
Desain Pekerjaan Interior Kantor Bappeda-Litbang
Desain Pekerjaan Interior Kantor Bappeda-LitbangDesain Pekerjaan Interior Kantor Bappeda-Litbang
Desain Pekerjaan Interior Kantor Bappeda-Litbang
 
Topik 2 Demonstrasi Kontekstual PEMBELAJARAN SOSIAL EMOSIONAL
Topik 2 Demonstrasi Kontekstual PEMBELAJARAN SOSIAL EMOSIONALTopik 2 Demonstrasi Kontekstual PEMBELAJARAN SOSIAL EMOSIONAL
Topik 2 Demonstrasi Kontekstual PEMBELAJARAN SOSIAL EMOSIONAL
 

Belajar PHP

  • 1. Pertemuan 1 • WEB PROGRAMMING 1 • Software yang digunakan : PHP Coder & Apache2triad.
  • 2. Konsep Dasar Pembuatan Web • Dalam pembuatan sebuah website, tentu kita harus mengetahui konsep dasarnya.Dimana ide dan gagasan yang ada dipikirannya bisa tertuang pada setiap halaman web. Namun, kita juga juga perlu berkonsultasi pada pemilik web itu sendiri agar konsepnya dapat tercapai dengan yang diharapkan
  • 3. Struktur Navigasi alur dari suatu program yang merupakan rancangan hubungan (rantai kerja) dari beberapa area yang berbeda dan dapat membantu mengorganisasikan seluruh elemen pembuatan Website
  • 4. Macam-macam Struktur Navigasi: A. Struktur Navigasi Linier : Struktur navigasi linier hanya mempunyai satu rangkaian cerita yang berurut, yang menampilkan satu demi satu tampilan layar secara berurut menurut urutannya.
  • 5. Struktur Navigasi Non-Linier • Struktur navigasi non-linier atau struktur tidak berurut merupakan pengembangan dari struktur navigasi linier. Pada struktur ini diperkenankan membuat navigasi bercabang. Percabangan yang dibuat pada struktur nonlinier ini berbeda dengan percabangan pada struktur hirarki,
  • 7. Struktur Navigasi Hirarki • Struktur navigasi hirarki biasa disebut struktur bercabang, merupakan suatu struktur yang Mengandalkan percabangan untuk menampilkan data berdasarkan kriteria tertentu
  • 9. Struktur Navigasi Campuran • Struktur navigasi campuran merupakan gabungan dari ketiga struktur sebelumnya yaitu linier, non-linier dan hirarki. Struktur navigasi ini juga biasa disebut dengan struktur navigasi bebas.
  • 11. Pengertian HTML (Hypertext Markup Language) • HTML adalah bahasa standar yang digunakan untuk menyusun/membangun suatu halaman web.
  • 12. • Dokumen HTML merupakan Teks murni (ASCII) dengan kode- kode special. Maksudnya adalah dokumen HTML hanya akan berisi Tulisan berupa Huruf, Angka, tanda baca dan karakter- karakter lainnya termasuk Kode-kode Tag HTML itu sendiri.
  • 13. Macam-macam Tag • Tag <HTML> • Tag <HEAD> • Tag <TITLE> • Tag <BODY>
  • 15. Contoh program Silakan Ketik Program dibawah ini
  • 16. Penyimpanan File • Untuk penyimpanan file selalu disimpan dalam htdocs. Mahasiswa bisa membuat folder Nim didalam htdocs. c:Apache2triadhtdocs1212xxxx. Pembuatan nama file pada saat penyimpanan harus diakhiri dengan extention “.php”. Contoh : contoh01.php
  • 17. Cara Melihat Hasil File yang diekskusi • Buka Web Browser • ketikkan pada address bar “localhost”. • Kemudian pilih file contoh01.php
  • 18. Contoh 2 Silakan Ketik Script dibawah ini dan simpan dengan nama: contoh2.php
  • 20. Take Home Buatlah script HTML dengan nama latihan1.php untuk bentuk tampilan dibawah ini : Note : Sebelum Mengerjakan script tersebut. Mahasiswa diperkenankan terlebih dahulu mengerjakan contoh3.php yang ada di Modul Pada Bab I