Resume PBO Pertemuan 2

Class dan Object

Kelas adalah template yang mendefinisikan bentuk objek. Ini menentukan baik data dan kode yang akan beroperasi pada data tersebut. Java menggunakan spesifikasi kelas untuk membangun objek. Objek adalah contoh dari sebuah kelas. Jadi, suatu kelas dasarnya seperangkat rencana yang menentukan bagaimana membangun objek. Hal ini penting untuk menjadi jelas tentang satu masalah: kelas adalah abstraksi logis. Hal ini tidak sampai obyek dari kelas yang memiliki telah dibuat bahwa representasi fisik dari kelas yang ada di memori.

Bentuk Umum Class

class classname {
// declare instance variables
type var1;
type var2;
type varN;
// declare methods
type method1(parameters) {
// body of method
}
type method2(parameters) {
// body of method
}
}

Constructor

Konstruktor adalah fungsi khusus di dalam kelas. Ini harus memiliki nama yang sama dengan kelas. Metode ini selalu "publik" bahkan jika atribut ini tidak disebutkan. Konstruktor ini secara otomatis dipanggil ketika sebuah instance dari kelas masing-masing dibuat. Perbedaan lain dari fungsi lainnya adalah bahwa Konstruktor tidak menggunakan "kembali" instruksi.
kelas yang berisi konstruktor dipanggil untuk membuat objek dari class blue print. Deklarasi konstruktor terlihat seperti Metode deklarasi-kecuali bahwa mereka menggunakan nama kelas dan tidak memiliki jenis kembali.
Ciri-ciri Contructor
·         Nama Constuctor sama dengan nama class
·         Constructor tidak memiliki return value, void pun tidak boleh
·         Constructor boleh lebih dari satu (overloading constructor)

Resum PBO Pertemuan 1

OOP
       adalah sebuah program yang pola pikirnya berdasarkan objek. Objek itu tersusun dari struktur data dan berintegrasi dengan objek lain.


Paradigma PBO

• Abstraction => proses filter ( dalam rangka melakukan bagaiman membawa dari dunia nyata menjadi model / program)
• Encapsulation => memasukkan data dan proses dipisahkan ke area public
• Inheritance => sebuah kelas dapat diturunkan menjadi kelas yang lain (pewarisan) atau sebuah kelas menjadi turuan dari kelas lain. Semua sifat induk diwariskan kepada anaknya

Didalam OOP kita tidak harus memikirkan data tapi juga harus memikirkan proses juga hal yang sangat penting.

Singel parent inharitance adalah sebuah kelas hanya boleh turunan dari satu kelas.




Access Modifier

• Private : hanta boleh di akses oleh kelas itu sendiri
• Protected : private. Tapi masih bisa di akses sesama turunannya.
• Package : masih boleh di akses oleh kelas lain asal masuk dalam satu folder
• Public : bisa di akses dari manapun

Resum Desain dan Pemrograman Web pertemuan 5

Content Display dalam Halaman Web

HTML Text Formating

HTML uses tags like <b> and <i> for formatting output, like bold or italic text. Examples :

•          This text is bold -> <b>This text is bold</b>

•          This text is italic   -> <i>This text is bold</i>

Tag	Description
<b>	Define Bold Text
<i>	Define Italic Text
<sub>	Define subscripted Text

HTML Images

Mengenal Jenis Gambar

Sebelum mempraktekkan penambahan gambar dalam dokumen web, ada baiknya untuk mengenal berbagi tipe gambar yang dapat ditampilkan oleh browser.

Jenis Gambar	Ekstensi	Keterangan
GIF	.gif	Grapich Interchange Format
JPEG	.jpg / .jpeg	Joint Photographic Experts Group
PNG	.png	Portable Network Graphics

Graphis Interchange Format (GIF)

Gif hanya mendukung 256 warna.msalah satu warna bisa bersifat transparant, yang memungkinkan warna ini tembus terhadap latar belakang. Khusus untuk format GIF87a tersedia fitur interlancing.

Mengingat dukungan warna yang terbatas, GIF cocok untuk membuat gambar yang melibatkan sedikit warna, misalnya logo atau gambar tombol

Joint Photographics Experts Group (JPEG)

Berbeda dengan GIF, JPEG menggunakan 24 bit untuk setiap warna.Dengan demikian, warna yang bisa ditangani mencapai 2²⁴ atau 16.777.216 buah. Oleh karena itu, format gambar ini sering disebut “jutaan warna”. Mengingat keadaan seperti ini. JPEG sangat cocok untuk mendukung foto

JPEG tidak mendukung transaparansi dan animasi. Namu JPEG progresif mendukung interlancing

Portable Network Graphics (PNG)

PNG dirancang oleh W3C (World Wide Web Consortium) untuk mengantikan GIF dan JPEG. Formatnya didesain supaya tidak tergantung pada mesin sehingga apapun jenis komputer dan sistem operasi yang digunakan dapat menangani gambar PNG.

Ada dua macam PNG:

•          PNG-8

•          PNG-24

PNG-8 menggunakan 8 bit untuk menyimpan sebuah warna, sedangkan png-24 memakai 24-bit

Menampilkan Gambar

Untuk menampilkan gambar, anda bisa menggunakan tag <img>. Tag ini mempunyai banyak atribut, tetapi hanya satu yang harus disertakan, yaitu atribut SRC

                <img src = “nama_gambar”>

HTML Tables

Group Baris

Baris tabel bisa dibagi menjadi tabel head. Tabel foot dan tabel body dengan menggunakan elemen THEAD, TFOOT dan TBODY.

Tabel head dan tabel tfoot berisi informasi tentang tabel kolom

tabel body berisi dari table data.

Setiap THEAD, TFOOT dan TBODY berisi group baris dan masing-masing group paling sedikit berisi satu baris didefinisikan dengan elemen <tr>

HTML List

HTML Unordered Lists

An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.

The list items are marked with bullets (typically small black circles).

<ul>
                <li>Coffee</li>
                <li>Milk</li>
</ul>

HTML Ordered Lists

An ordered list starts with the <ol> tag. Each list item starts with the <li> tag.

The list items are marked with numbers.

<ol>
                <li>Coffee</li>
                <li>Milk</li>
</ol>

HTML Definition Lists

A definition list is a list of items, with a description of each item.

The <dl> tag defines a definition list.

The <dl> tag is used in conjunction with <dt> (defines the item in the list) and <dd> (describes the item in the list):

<dl>
                <dt>Coffee</dt>
                                <dd>- black hot drink</dd>
                <dt>Milk</dt>
                                <dd>- white cold drink</dd>
</dl>

Tag	Description
<ol>	Defines an ordered list
<ul>	Defines an unordered list
<li>	Defines a list item
<dl>	Defines a definition list
<dt>	Defines an item in a definition list
<dd>	Defines a description of an item in a definition list

Resum Desain Pemrograman Web pertemuan 3

Dasar Hypertext Markup Language

Elemen HTML
Suatu elemen HTML terdiri dari tag-tag dan atribut. Berikut ini ciri-ciri tentang elemen-elemen HTML :

• HTML element starts with a start tag / opening tag.
• HTML element ends with an end tag / closing tag.
• The element content is everything between the start and the end tag.
• Some HTML elements have empty content.
• Empty elements are closed in the start tag.
• Most HTML elements can have attributes.

Empty HTML Elements
         Elemen HTML yang tidak memiliki konten atau isi disebut empty element / elemen kosong.
Elemen dapat ditutup pada awal tag. <br> adalah contoh elemen kosong yang tidak memerlukan end tag.
<br> bermakna ganti baris. Pada XHTML, XML, dan versi HTML yang lebih baru, semua elemen harus ditutup dengan end tag.

         Cara yang tepat untuk menutup elemen kosong yang dapat diterima oleh HTML, XHTML dan XML adalah dengan menambahkan garis miring di awal tag, seperti <br />.

Walaupun <br> terbukti berjalan baik disemua browser, menulis <br /> akan lebih baik.

HTML Tag

        Sewaktu browser menampilkan halaman web. Browser akan membaca teks pada dokumen HTML dan mencari kode khusus yang disebut tag

Beberapa Contoh HTML Tag :

• <br /> : Digunakan untuk berpindah baris.
• <p> </p> : Digunakan untuk mendeklarasikan paragraph.
• <hr /> : Membuat Garis Horizontal.
• <blink> : Membuat Text berkedip-kedip.
• <font> : Menformat huruf.
• DLL.

HTML Atribute
       Tag awal biasanya memiliki beberapa buah atribut yang menyatakan karakteristik tag tersebut, contoh :
<p align=“center”>Hallo World</p>
Pada contoh diatas “p” adalah nama tag, “align” adalah nama atribut sedangkan “center” adalah nilai atribut.
Nb : atribut selalu melibatkan nilai.

HTML Heading
Heading dokumen adalah suatu tag yang berisi informasi mengenai bagian kepala dari suatu dokumen HTML.
Contoh html heading terdapat pada tag

<head>…</head>
<title>…</title>

Kepala dokumen dinyatakan dengan pasangan tag <head>..</head>, head berisi informasi-informasi yang menjelaskan tentang dokumen HTML yang anda buat, seperti judul dokument, index suatu dokumen dll.

Untuk membuat judul pada suatu dokumen HTML digunakan pasangan tag <title> .. </title>. Tag <title>..</title> hanya boleh berada di bagian HEAD dan setiap dokumen hanya boleh memiliki satu <title>..</title>.

Title biasanya ditampilkan oleh browser pada title bar dari jendela browser dan berfungsi sebagai label di browser yang anda gunakan.

Berbagi Informasi HTML Heading 
Elemen Meta:

• Elemen META digunakan untuk memberikan informasi tentang suatu dokumen.
• Elemen META bukan untuk mengantikan elemen title.
• Elemen META digunakan untuk memberikan informasi lain yang bermanfaat bagi browser atau server.