3. Deskripsi system Gundam adalah sejenis mainan, aksen figur dari Jepang yang mirip dengan robot petarung. Situs ini membahas tentang penjualan mainan atau robot gundam beserta info product barang tersebut. Fitur - fitur yang ada seperti : gambar produkdan tipe beserta harganya (katalog produk), menampilkan produk best seller, menampilkan produk limited edition
XHTML sama dengan HTML namun dikembangkan dengan mengadopsi aturan XML. Bila kita sudah pernah belajar HTML, akan dengan mudah kita mengenal XHTML. Ada beberapa poin penting yang membedakan (atau lebih tepat disebut dengan perbaikan) dari HTML:
* tag harus dituliskan dengan huruf kecil * setiap nilai atribut harus diberi tanda petik (quote) * semua tag harus ditutup (ada awal dan akhirnya) * atribut yang biasanya hanya dituliskan tunggal, tetap harus diberi nilai (value)
XHTML adalah pada dasarnya gabungan dari HTML (didesain untuk menampilkan data) dan XML (didesain untuk menjelaskan data). XHTML adalah tambahan HTML, ini sangat mirip dengan HTML4.01 dan ini seharusnya untuk mengganti HTML. XHTML lebih “bersih” dibanding HTML dan juga sebuah bahasa mark-up yang disiplin. XHTML adalah sebuah aplikasi dari XML (Extensible Mark-up Languange). XHTML direkomendasikan oleh W2C pada january 2000.
Alasan utama adalah HTML kurang bagus! HTML terlalu flexibel, anda dapat menulis code yang tidak benar dan mungkin akan ditampilkan dengan benar, tetapi tidak pada semua browser! dan kita dalam situasi yang tidak diduga pada sebuah prosentase yang paling besar dari web site adalah berisi kode yang buruk! kita juga dalam zaman dimana beberapa orang menggunakan PDA dan mobile phone untuk surfing www, beberapa type dari browser tidak dapat mengerti kode yang buruk. XHTML bermaksud untuk memberikan beberapa solusi dari masalah seperti ini karena ini disiplin dan bersih!
Mengapa ada XHTML?
Halaman-halaman web dengan format HTML yang ada saat ini kebanyakan ‘kacau’ dan semrawut. Hal ini dikarenakan format dokumen yang tidak valid dan bagaimanapun juga, internet browser (IE, Mozilla) masih memaafkan hal-hal seperti itu. Dilain tempat, terutama pada browser internet yang kecil resourcenya, jenis dokumen yang tidak standard sangat mengganggu. Yang juga berakibat dokumen tampil kacau atau bahkan tidak dapat ditampilkan.
Siapa yang membuat standard XHTML? Standard XHTML dibuat oleh W3C yang independen terhadap vendor-vendor browser. Selain itu ada juga organisasi yang menyebut dirinya dengan webstandards.org yang memperjuangkan masalah standard dokumen HTML dan sejenisnya.
Perbedaan XHTML dan HTML
1. Semua XHTML elements harus dengan penutup.dalam HTML sebagai contoh dimulai dengan paragrap baru seharusnya ditutup paragrap sebelumnya. dalam XHTML Anda memerlukan sebuah tag pemulai dan tag akhiran
2. Nama Tag HARUS menggunakan huruf kecil
XHTML dalam sebuah aplikasi dari XML dan XML adalah case-sensitiv
3. semua elemen XHTML harus diantara root elemen. elemen dapat memiliki sub elemen tetapi harus berpasangan dan benar-benar bersarang dengan element induknya.
Aturan-aturan penulisan dalam XHTML mengadopsi aturan-aturan dalam dokumen XML yang disebut aturan well-formed, Aturan Penulisan sebiuah dokumen xHTML adalah :
Dokumen harus memiliki Document Type Definition (DTD) yang terletak paling awal dari sebuah dokumen, dan tag DTD harus menggunakan huruf kapital, dalam standar XHTML ada beberapa jenis DTD yaitu :
Semua elemen xHTML harus tertutup, yakni elemen harus memiliki tag penutup. Berikut ini adalah kode yang salah :
ini adalah sebuah paragraf
dan ini adalah paragraf berikutnya
Dalam HTML penulisan tag seperti di atas masih diperbolehkan, tetapi dalam xHTML semua tag diharuskan memiliki tag penutup, sehingga penulisan tag yang benar adalah :
ini adalah sebuah paragraf
dan ini adalah paragraf berikutnya
Elemen kosong harus memiliki tag penutup atau tag awal yang diakhiri dengan “/>”. Berikut ini contoh penulisan yang salah :
Ini adalah sebuah pemisah Ini adalah gambar
penulisan yang benar menurut aturan xHTML adalah :
Ini adalah sebuah pemisah Ini adalah gambar
Contoh berikut ini adalah contoh penulisan tag yang tidak bersarang dengan benar
Tulisan ini dicetak tebal dan miring
penulisan tag bersarang yang benar adalah :
Tulisan ini dicetak tebal dan miring
Semua nama tag dan atribut dalam xHTML harus ditulis dalam huruf kecil. Dalam xHTML, nilai atribut harus berada dalam tanda kutip. Berikut ini penulisan nilai atribut yang salah :
penulisan yang benar adalah :
Aturan penulisan xHTML lainnya yaitu kejelasan sintaks dan pelarangan minimalisasi pada atribut. Minimalisasi pada atribut yang memiliki nilai sama dengan nama atributnya seperti contoh di bawah ini, dalam xHTML tidak diperbolehkan.
XHTML sama dengan HTML namun dikembangkan dengan mengadopsi aturan XML. Bila kita sudah pernah belajar HTML, akan dengan mudah kita mengenal XHTML. Ada beberapa poin penting yang membedakan (atau lebih tepat disebut dengan perbaikan) dari HTML:
* tag harus dituliskan dengan huruf kecil * setiap nilai atribut harus diberi tanda petik (quote) * semua tag harus ditutup (ada awal dan akhirnya) * atribut yang biasanya hanya dituliskan tunggal, tetap harus diberi nilai (value)
Mengapa ada XHTML?
Halaman-halaman web dengan format HTML yang ada saat ini kebanyakan ‘kacau’ dan semrawut. Hal ini dikarenakan format dokumen yang tidak valid dan bagaimanapun juga, internet browser (IE, Mozilla) masih memaafkan hal-hal seperti itu. Dilain tempat, terutama pada browser internet yang kecil resourcenya, jenis dokumen yang tidak standard sangat mengganggu. Yang juga berakibat dokumen tampil kacau atau bahkan tidak dapat ditampilkan.
Siapa yang membuat standard XHTML?
Standard XHTML dibuat oleh W3C yang independen terhadap vendor-vendor browser. Selain itu ada juga organisasi yang menyebut dirinya dengan webstandards.org yang memperjuangkan masalah standard dokumen HTML dan sejenisnya.
- CSS Cascading Style Sheets (CSS) digunakan dalam halaman HTML untuk format dan tata letak yang terpisah dari konten.Rules defining color, size, positioning and other display aspects of elements are defined in the HTML page or in linked CSS pages. Aturan mendefinisikan warna, ukuran, posisi dan menampilkan aspek-aspek lain dari unsur yang didefinisikan dalam halaman HTML atau CSS di halaman terkait.
- JavaScript JavaScript digunakan untuk membuat halaman HTML lebih dinamis dan interaktif.It can be used to validate forms, pop up new windows, and create dynamic effects such as dropdown menus and image rollovers. Hal ini dapat digunakan untuk memvalidasi bentuk, pop up windows baru, dan membuat efek dinamis seperti dropdown menu dan rollovers gambar.
- Waterfall model Nama model ini sebenarnya adalah “Linear Sequential Model”. Model ini sering disebut dengan “classic life cycle” atau model waterfall. Model ini adalah model yang muncul pertama kali yaitu sekitar tahun 1970 sehingga sering dianggap kuno, tetapi merupakan model yang paling banyak dipakai didalam Software Engineering (SE). Model ini melakukan pendekatan secara sistematis dan urut. Disebut dengan waterfall karena tahap demi tahap yang dilalui harus menunggu selesainya tahap sebelumnya dan berjalan berurutan.
Mengapa model ini sangat populer??? Selain karena pengaplikasian menggunakan model ini mudah, kelebihan dari model ini adalah ketika semua kebutuhan sistem dapat didefinisikan secara utuh, eksplisit, dan benar di awal project, maka SE dapat berjalan dengan baik dan tanpa masalah. Meskipun seringkali kebutuhan sistem tidak dapat didefinisikan seeksplisit yang diinginkan, tetapi paling tidak, problem pada kebutuhan sistem di awal project lebih ekonomis dalam hal uang (lebih murah), usaha, dan waktu yang terbuang lebih sedikit jika dibandingkan problem yang muncul pada tahap-tahap selanjutnya.
- Site Plan
Tujuan singkat : berisi diskusi singkat untuk menjelaskan tujuan keseluruhan situs dan pengukuran dasar kesuksesan.
Tujuan detail : membahas tujuan situs secara rinci dan memberikan target yang terukur untuk memverifikasi manfaat dari situs.
Diskusi audience : menggambarkan kedua karakteristik audiens serta tugas penonton akan mencoba untuk menyelesaikan di situs ini.
Penggunaan diskusi : membahas berbagai tugas atau kunjungi skenario untuk pengguna situs
Isi konten : menyediakan daftar dari semua teks, gambar, dan media lain yang diperlukan di situs.
Bagian teknis : memberikan ikhtisar tentang jenis teknologi situs akan mempekerjakan, seperti HTML, XHTML, CSS, Javascript, CGI, Jawa, plug-in, dan seterusnya. Ini harus mencakup semua kendala teknis seperti persyaratan kinerja, persyaratan keamanan, multidevice atau pertimbangan multiplatform, dan persyaratan teknis lainnya yang berhubungan dengan kemampuan pengunjung.
Bagian visual : menguraikan dasar pertimbangan untuk desain interface, memberikan indikasi kendala pengguna untuk grafis dan multimedia. Bagian ini dapat memberi gambaran spesifik, seperti pembatasan penggunaan logo organisasi, font yang diperlukan, atau menggunakan warna.
Site structur diagram : memberikan struktur situs atau flow diagram yang merinci berbagai bagian dalam sebuah situs.
Kelebihan : - Kenceng, fast reload ya gan ! - buffer video lebih cepet - Ringan dan gesit, termasuk ketika start pertama kali dan berpindah tab - Desainnya simpel dan minimalis - Updatenya mudah - Sistem security kuat, saat ini menjadi browser yang paling tahan terhadap serangan hacker
Kekurangan : - Unstable - makan banyak CPU useage - Download nya lelet minta ampun - extension nya banyak yang crash gan - Statis, fiturnya kurang banyak
• Mozilla Firefox
Kelebihan : - Banyak fitur tambahan (add ons), ibarat kepingan puzzle, add ons ini bisa dibongkar pasang sesuai dengan kebutuhan user. - Bandel, cocok untuk membuka situs-situs multimedia - Updatenya mudah - Sistem security kuat - Hemat resource memory - cpu useage masih stabil walopun buka banyak tab
Kekurangan : - Loading lama saat mulai start, apalagi jika banyak adds-on yang terinstall - ga secepet crhome
• Opera
Kelebihan : - Ringan dan cepat - Memiliki email client dan rss sendiri, jadi Anda tidak perlu memakai email client lain seperti Outlook, Thunderbird dan lainnya - Pemanggilan kembali Cache cepat - Fitur mouse gestures, membuat browsing experience semakin asyik - Opera 10 memiliki fitur Turbo yang mampu mengkompres halaman saat koneksi lambat
Kekurangan : - Agak lambat dalam membaca script pada beberapa halaman situs
• Internet Explore
Kelebihan : - Menyediakan add ons, walaupun tidak sebanyak Firefox - Khusus IE8, tampilannya lebih elegan dan menarik - Bagi pengguna Windows Live maka akan di manjakan dengan tab bookmark yang terhubung ke fitur-fitur milik Windows Live
Kekurangan : - Gagal membaca script dibeberapa halaman situs (khususnya CSS) - Berat saat awal start dan saat membuka tab baru
- www (Word Wide Web) : merupakan kumpulan web server dari seluruh dunia yang berfungsi menyediakan data dan informasi untuk digunakan bersama-sama. Internet merupakan jaringan global yang menghubungkan suatu network dengan network lainya di seluruh dunia, TCP/IP menjadi protocol penghubung antara jaringanjaringan yang beragam di seluruh dunia untuk dapat berkomunikasi. World Wide Web (WWW) merupakan bagian dari internet yang paling cepat berkembang dan paling populer. WWW bekerja merdasarkan pada tiga mekanisme berikut:
· Protocol, standard aturan yang di gunakan untuk berkomunikasi pada computer networking. Hypertext Transfer Protocol (HTTP) adalah protocol untuk WWW.
· Address WWW memiliki aturan penamaan alamat web yaitu URL (Uniform Resource Locator) yang di gunakan sebagai standard alamat internet.
· HTML digunakan untuk membuat document yang bisa di akses melalui web.
- Web adalah adalah fasilitas hypertext yang mampu menampilkan data berupa teks, gambar, suara, animasi, dan multimedia lainnya, di mana di antara data-data tersebut saling terkait dan berhubungan satu dengan yang lainnya. Untuk memudahkan dalam membaca data tersebut diperlukan sebuah web browser seperti Internet Explorer, Netscape, Opera, maupun Mozilla Firefox.
- Website (situs web) : merupakan tempat penyimpanan data dan informasi berdasarkan topik tertentu. Diibaratkan web site ini seperti buku yang berisi topik tertentu.
- Web Pages (halaman web) : merupakan sebuah halaman khusus dari situs web tertentu. Diibaratkan halaman web ini seperti halaman khusus dari buku.
- Homepage : merupakan sampul halaman yang berisi daftar isi atau menu dari sebuah situs web.
· Prinsip Kerja Web Server
1. Client disini dapat berupa komputerdesktop dengan minimal memilikibrowser dan terhubung ke web server melaluijaringa n (intranet atau internet)
2. Komputer yang berfungsi sebagai server, dimana didalamnya terdapat perangkat lunak web server, seperti Apache, IIS, PWS
3. Pertama-tama, client (user) akan meminta suatu halaman ke (web) server untuk ditampilkan di komputer client. Misalnya client mengetikkan suatu alamat (biasa disebut URL) di browser
4. Sekarang dari sisi server (web server). Mendapat permintaan halaman utama google dari client, si server akan mencari-cari di komputernya halaman sesuai permintaan dan jika ditemukan akan mengirimkan kembali ke client.
· Kelebihan web
· Informasi diakses semua orang
· Infrastruktur pengguna tidak terbatas
· Pengaturan aplikasi minim
· Sedikit menggunakan fasilitas OS
· Sekuritas minimal
· HTML
Hypertext Markup Language merupakan standard bahasa yang digunakan untuk menampilkan document web, yang bisa anda lakukan dengan HTML yaitu:
· Mengontrol tampilan dari web page dan contentnya.
· Mempublikasikan document secara online sehingga bisa di akses dari seluruh dunia.
· Membuat online form yang bisa di gunakan untuk menangani pendaftaran,
transaksi secara online.
· Menambahkan objectobject seperti image, audio, video dan juga java applet
dalam document HTML.
. Dokumen HTML disusun elemen - elemen atau komponen dasar pembentuk HTML. Contoh dari elemen dokumen HTML adalah : head, body, table, paragraf, list
· Definisi Tag
· Tag digunakan untuk menandai elemen dalam suatu dokumen HTML
· Tag HTML terdiri atas sebuah sudut kiri (<, tanda lebih kecil), nama sebuah tag, dan sebuah tanda kurung sudut kanan (>, tanda lebih besar
· Tag umumnya berpasangan
· Elemen HTML yang diperlukan
· Elemen yang dibutuhkan untuk membuat suatu dokumen HTML dinyatakan dengan tag ,, dan .
· Setiap dokumen terdiri atas tag head dan body. Elemn Head berisi informasi tentang dokumen tersebut, dan elemen body berisi teks yang akan ditampilkan di browser.
· Setiapdokumenhtml harusdiwalidenganmenuliskantag dan tag diakhirdokumen.
Mata kuliah ini dahulunya bernama Pemrograman Web sebelum digantikan dengan kurikulum baru. Dimana, dengan mata kuliah yang dulu mahasiswa diwajibkan untuk mempergunakan Microsoft ASP .NET Tapi semenjak adanya kurikulum baru, untuk saat ini mahasiswa dibebaskan untuk memilih bahasa sendiri, entah itu ASP .NET, PHP, JSP, dll
