Setiap website berita mempunyai struktur yang berbeda – beda. Kali ini akan dijelaskan tentang struktur website satu persatu.
3.5.1 Liputan6.com
Situs Liputan6 pada index atau halaman pertamanya mempunyai struktur link ke direktori dari website tersebut. Misalnya Tekno, Otomotif, Sport, Bola, dll. Tetapi yang dibahas ke detail dari strukturnya adalah dari direktori situs Liputan6. Misalnya (http://otomotif.liputan6.com/) dalam situs tersebut hanya terdapat judul berita yang akan mengantarkan ke detail dari isi berita dari direktori Otomotif.
Untuk mengetahui link dari direktori Otomotif perhatikan Gambar 3.9 dibawah ini. Gambar 3.9 adalah sebuah potongan dari halaman situs Otomotif Liputan6. yang terlihat hanyalah judul berita dan apabila dilihat secara detail lagi maka akan terlihat sebuah code yang menyatakan bahwa judul berita tersebut terletak di dalam <div dan di dalam <a seperti yang terlihat pada contoh code dibawah ini.
Gambar 3.9 Potongan Situs Liputan6
<div class="c_tengah">
<img src="Liputan6 __ Otomotif - Aktual Tajam dan Terpercaya_files/icon_ter.gif" />
<ul> <li> <a
href="http://otomotif.liputan6.com/berita/201007/284374/C.Zero.dan.i.On. Mulai.Diproduksi.Oktober">C-Zero dan i-On Mulai Diproduksi
Jika ingin mengetahui tentang judul, waktu dan isi beritanya. Coba ditelusuri lagi dengan mengklik C-Zero. Perhatikan Gambar 3.10 dibawah ini. Gambar 3.10 adalah sebuah potongan dari dari (http://otomotif.liputan6.com/berita/201007/284374/C.Zero.dan.i.On.Mulai.Di
produksi.Oktober) yang menunjukkan detail isi dari sebuah berita. Dan
apabila dan apabila dilihat secara detail lagi maka akan terlihat sebuah code yang menyatakan bahwa judul berita, waktu berita dan isi berita terdapat dalam <div yang mempunyai id detail. Bedanya hanya judul terletak di dalam <h3, waktu berita terletak di dalam <h6 dan isi berita terletak didalam <div yang mempunyai class pepe seperti yang terlihat pada contoh code dibawah ini.
Gambar 3.10Potongan Detail Situs Liputan6
<div id="detail">
<h1> C-Zero dan i-On Mulai Diproduksi Oktober
</h1>
<h6>02/07/2010 18:59</h6>
3.5.2 Kompas.com
Situs kompas pada index atau halaman pertamanya mempunyai struktur link ke direktori dari website tersebut. Misalnya Kesehatan, Nasional, Megapolitan, internasional, dll. Tetapi yang dibahas ke detail dari strukturnya adalah dari direktori situs kompas. Misalnya (http://kesehatan.kompas.com/) dalam situs tersebut hanya terdapat judul berita yang akan mengantarkan ke detail dari isi berita dari direktori Kesehatan.
Untuk mengetahui link – link dari direktori Kesehatan perhatikan Gambar 3.11 dibawah ini. Gambar 3.11 adalah sebuah potongan dari halaman situs Kesehatan kompas. yang terlihat hanyalah judul berita dan apabila dilihat secara detail lagi maka akan terlihat sebuah code yang menyatakan bahwa judul berita tersebut terletak di dalam <div dan di dalam <a seperti yang terlihat pada contoh code dibawah ini.
Gambar 3.11Potongan Situs Kompas
<div class="headline_1">
<div class="headline_slide">
<img alt="" src="Kesehatan -
KOMPAS.com_files/0813516p.jpg" />
Paris</strong>: PSA Peugeot Citro n
bekerjasama dengan Mitsubishi telah siap memproduksi mobil electric baru mereka iOn dan C-Zero mulai Oktober nanti. Dua jenis Mobil SUV mungil 4 pintu ini akan segera dipasarkan di Eropa pada akhir tahun. <br />
Jika ingin mengetahui tentang judul, waktu dan isi beritanya. Coba ditelusuri lagi dengan mengklik Cacat pada janin. Perhatikan Gambar 3.12 dibawah ini. Gambar 3.12 adalah sebuah potongan dari dari (http://kesehatan.kompas.com/read/2010/07/03/10160827/Cacat.pada.Janin.Bi sa.Dicegah) yang menunjukkan detail isi dari sebuah berita. Dan apabila dan apabila dilihat secara detail lagi maka akan terlihat sebuah code yang menyatakan bahwa judul berita, waktu berita dan isi berita terdapat dalam <div yang mempunyai class content_kiri_detail. Bedanya hanya judul terletak di dalam <div class=” judul_artikel”>, waktu berita terletak di dalam <div class="c_blue_kompas font11 pb_10 pt_3"> dan isi berita terletak didalam </div><div class="isi_berita pt_5"> seperti yang terlihat pada contoh code dibawah ini.
Gambar 3.12Potongan Detail Situs Kompas
<div class="judul c_white">
<span></span> <a
href="http://kesehatan.kompas.com/read/2010/07/03/10160827/Cacat.pada .Janin.Bisa.Dicegah" title="Cacat pada Janin Bisa Dicegah">Cacat pada Janin Bisa Dicegah</a>
<div class="content_kiri_detail">
<div class="judul_kecil"><strong></strong></div> <div class="judul_artikel">Cacat pada Janin Bisa Dicegah</div> <div class="c_blue_kompas font11 pb_10 pt_3">Sabtu, 3 Juli 2010 | 10:16 WIB</div>
</div><div class="isi_berita pt_5"><p><strong>KOMPAS.com — </strong>Rasanya tak ada yang lebih menakutkan bagi para ibu hamil selain mengetahui kemungkinan bayi yang akan dilahirkannya mengalami cacat atau meninggal. Namun, para ilmuwan di era modern ini yakin sebenarnya banyak yang bisa dilakukan para ibu sebelum dan selama kehamilan untuk mengurangi risiko cacat janin. <br />
37
BAB 4
IMPLEMENTASI PERANGKAT LUNAK
Pada bab ini akan membahas tentang implementasi program dari hasil
analisa dan perancangan sistem yang ada pada bab III, serta bagaimana cara sistem tersebut dijalankan.
