1.Waterfall merupakan suatu proses
perangkat lunak berurutan, dimana kemajuan di pandang sebagai terus mengalir
kebawah (seperti air terjun) melewati fase – fase perencanaan, pemodelan,
implementasi, dan pengujian.
Tahapan metode waterfall:
a.Requirement analisys, pada tahap ini
pengembang sistem diperlukan suatu komunikasi yang bertujuan untuk memehami
software yang diharapkan pengguna dan batasan software. Informasi ini biasanya
dapat diperoleh melalui wawancara, survey atau diskusi. Informasi dianalisis
untuk mendapatkan data yang dibutuhkan oleh pengguna.
b.Sistem desain, sepesifikasi kebutuhan
dari tahap pertamaakan dipelajari dalam fase ini dan desain sistem disiapkan.
Desain sistem membantu dalam menentukan perangkat keras dan sistem
persyaratandan juga membantu dalam mendefinisikan arsitektur sistem secara
keseluruhan.
c.Implementation, pada tahap ini, sistem
pertamma kali di kebangkan di program kecil yang di sebut unit, yang
terintegrasi dalam tahap berikutnya. Setiap unit dikembangkan dan diuji untuk
fungsionalitas yang di sebut sebagai unit testing.
d.Integration dan testing semua unit
yang dikebangkan dalam tahap implementasi di integrasikan ke dalam sistem
setelah pengujian masing – masing unit. Paska integrasi seluruh sistem diuji
untuk mengecek setiap kesalahan dan kegagalan.
e.Operation dan maintenace, merupakan tahap
terakhir dala model waterfall. Software yang sudah jadi dijalankan serta
dilakukan pemeliharaan, pemeliharaan termasuk dalam memperbaiki kealahan yang
tidak di temukan pada langkah sebelumnya. Perbaikan implementasi unit sistem
dan peningkatan jasa sistem sebagai kebutuhan baru.
Kelebihan dan
kekurangan metode waterfall:
a.Keuntungan pengembangan dengan metode
waterfall adalah metode ini memungkinkan untuk departemen talisasi dan kontrol.
Proses pengembangan satu persatu, sehingga meminimalis kesalahan – kesalahan
yang mungkin akan terjadi. Pengembanganya bergerak dari konsep, yaitu melalui
desain, implementasi, pengujian, instalasi, troubleshooting dan berakhir di operasi
dan pemeliharaan.
b.Kerugian pembangunan menggunakan
metode waterfall adalah tidak mempunyai refleksi atau referensi jika terjadi
kesalahan. Karena setelah aplikasi ini dalam tahap pengujian, sangat sulit
untuk kembali dan menggubah sesuatu yang tudak terdokumentasi dengan baik dalam
tahap konsep.
Pengertian hyperlink dan fungsinya
Hyperlink adalah cara untuk menghubungkan suatu bagian di dalam slide, file, program ataupun pada halaman web dengan bagian yang lainnya dalam bidang-bidang tersebut. Hyperlink sering dipakai untuk menunjukan lokasi lainnya dari dari teks maupun objek yang diperlihatkan atau dipresentasikan. Hyperlink dapat menghubungkan beberapa file, objek, aplikasi, dokumen, halaman web dan lain-lain.
Tag yang dibutuhkan untuk membuat sebuah hyperlink adalah sebuah tag yang dilengkapi dengan atribut href untuk mendefinisikan lokasi LINK. nama link
Contoh:
dan hasilnya adalah:
Pengertian form
Form merupakan salah satu bentuk halaman web yang di gunakan untuk menerim amasukan dari penguna, untuk selanjutnya masukan dari penguna tersebut diolah mengunakam bahasa pemrograman web baik secara server side scripting ataupun client side scripting yaitu java script.
format umum dari form
Ada dua atribut yang di gunakan pada element form
1. Methode yaitu untuk pengiriman ke tujuan. Methode terdiri dari dua jenis:
- Get yaitu mengirim data ke server dengan cara meletakan data pada bagian akhir dari URL yang di tuju.
- Post yaitu datanya dikirim terpisah.
2. Action yaitu untuk menentukan tujuan apabila sebuah tombol form di jalankan.
Perbedaan jika kita mengisi methode get dan post:
- Untuk methode get di gunaka untuk pencarian query.
- Untuk methode post biasanya di gunakan untuk data yang lebih sensitive seperti password atau regestrasi user.
Ada beberapa element input pada form:
1. Text box
Di gunakan untuk memesukan input yang berupa text.
2. Password
Di gunakan untuk memesukan password.
3. Hidden
Digunakan untuk mengirim data ke suatu aplikasi yang tidak di inginkan untuk di lihat oleh browser.
4. Check box
Di gnakan untuk dapat memilih lebih dari satu pilihan.
5. Radio bottom
Di gunakan agar dapat memilih hanya salah satu pilihan.
6. Push bottom
Biasanya di gunakan dengan java script atau visual basic script untuk menghasilkan suatu aksi.
7. Submit
Di gunakan untuk mengirimkan nama dan nilainya ke suatu aplikasi dalam atribut action di dalam element form.
8. Image submit buton
Digunakan untuk menggantikan tombol standar submit dengan image.
9. Reset
Digunakan untuk mereset semua masukan dalam form.
10. Text area < Textarea> . . .
Di gunakan untuk memesukan text secara leluasa seperti notepad.
11. Select
Merupakan daftar isi dari properti select menggunakan tag option
STYLE HALAMAN WEB
Table pada website banyak di gunakan untuk menyajikan informasi yang terdiri dari baris dan kolom agar tempat lebih rapi dan mudah dipahami.
Dengan css kita juga dapat mengatur style sebuah tabel agar tampak lebih cantik dan menarik tersedia beberapa properti untuk mengatur style tabel diantaranya untuk mengatur tabel, warna bayground, warna border, warna teks, warna weding dan serta tanpa properti untuk mengatur lebar kolom dan tinggi baris.
Dala mengatur style sebuah tabel kita juga bisa mengatur style untuk bagian2 tabel seperti tr,th,dan td.
Berikut ini beberapa properti dasar untuk mengatur style table yaitu:
1. Border, adalah properti CSS yang di gunakan untuk menetapkan sebuah border. Dalam mengatur border kita menetapkan beberapa nilai berikut:
1. Ketebalan garis border dengan satuan tx.
2. Style garis border misalnya solid (garis penuh)
3. Warna garis border
2. Border colapse, adalah properti CSS yang di gunakan untuk menetapkan sebuah border antar Cell di lebur jadi satu border atau di pisah menjadi dua border
3. Width adalah properti CSS yang di gunakan untuk menetapkan lebar table atau kolom pada table. Jadi properti width hanya bekerja pada selektor table dan th atau td saja. Nilai wide bisa berupa tx atau persen (%).
4. Height adalah properti CSS yang di gunakan untuk menetapkan tinggi table atau tinggi baris pada table. Jadi properti height hanya bekerja pada selektor table dan tx saja. Nilai height dalam tabel bisa dinyatakan dalam tx atau % sedangkan nilai height dalam tabel biasanya dinyatakan
5. Teks align, adalah properti CSS yang digunakan untuk mengatur aligmen teks pada tabel, nilai properti ini bisa diseet left right dan center.
6. Vertikal align, adalah properti CSS yang digunakan untuk mengatur posisi vertikal aligmen teks pada tabel. Nilai properti ini bisa diseet top atau bottom jika tidak diseet maka otomatis vertikal alignmen pada posisi tengah. Untuk menempak teks pada posisi tertentu bisa digunkan properti padding.
7. Margin, adalah properti CSS yang dignkan untuk mengatur jarak tabel terhadap tabel elemen disamping kiri, kanan atau sebelah atau bawah.jadi jika diset 10px 2px 5px 3px
8. padding, adalah properti CSS yang digunakan untuk mengatur jarak pada posisi tabel, urutan nilai dari padding sama dengan margin yaitu atas kanan bawa kiri. Sebaiknya kita menggunakan padding hanya pada th atau td saja
9. color, adalh properti CSS yang digunakan untuk mengatur warna teks pada isi tabel.
10. background color, adalah properti CSS yang digunakan untuk mengatur warna bground shell pada tabel.
Hyperlink adalah cara untuk
menghubungkan suatu bagian di dalam slide, file, program ataupun pada halaman
web dengan bagian yang lainnya dalam bidang-bidang tersebut. Hyperlink sering
dipakai untuk menunjukan lokasi lainnya dari dari teks maupun objek yang
diperlihatkan atau dipresentasikan. Hyperlink dapat menghubungkan beberapa
file, objek, aplikasi, dokumen, halaman web dan lain-lain.
Tag yang
dibutuhkan untuk membuat sebuah hyperlink adalah sebuah tag <a> yang dilengkapi
dengan atribut href untuk mendefinisikan lokasi LINK. <a href=link
tujan>nama link</a>
cara membuat hyperlink adalah dengan memasukan syntax seperti di bawah ini:
<html>
<head>
<body>
link menuju ke email
<p> <mailto="setio2015@gmail.com">Klik disini</a>
</p>
link ini menuju ke youtube
<p>
<a href=https://www.youtube.com/channel/UC9Mm5a6TpA6GBO2gi7dBVrw>klik disini</a>
</p>
link menuju ke facebook
<p>
<a href=https://www.facebook.com/tian.wfc.9>klik disini</a>
</p>
link menuju ke twitter
<p>
<a href=https://twitter.com/Glepot77>klik disini</a>
</p>
</body>
</head>
</html>
