際際滷

際際滷Share 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

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