Jumat, 17 April 2015

Pertemuan ke-3


Hello reader,

Jadi di tugas ketiga kali ini saya akan bercerita sedikit sebagai pembukaan sebelum ke materinya ya.. karena tugas yang kali ini paling amazing...

Senin, 13 April 2015 || Jam 7.15 WIB

Jadi kami diberikan waktu 1 jam untuk menyelesaikan sebuah web statis secara berkelompok, nah saat itu kami tidak membawa laptop sama sekali. Sedangkan perpustakaan belum buka. Jadi kebetulan teman kelompok saya ada yang kos dekat kampus. Jadi dibutuhkan waktu 10 menit untuk mengambilnya. Sedangkan teman saya mengambil, kami yang sisanya memikirkan konsep apa yang akan dibuat sambil searching di internet.

Setelah itu kami membuat target jam 8.00 WIB harus sudah siap dimana kami berempat bekerja dengan 1 laptop dan juga ditekan oleh waktu. Saat membahas sambil bekerja itu pun suasananya tegang dan serba terburu-buru. Juga ada pembahasan yang tidak nyambung. Selain itu kesulitannya adalah perbedaan konsep juga... Jadi begitulah kenapa tugas ini amazing banget..

Oh ya untuk tema itu terpikir sekilas, karena kami belajar HTML, jadi kami mengambil bahan itu sebagai tema

Nah jadi beginilah hasil web statis kami, yah lumayan memuaskan lah..
5 file HTML yang berhasil kami buat pada akhirnya (yang diminta minimal 4) :
Tampilan awal ketika di jalankan :
Di sini kami menggunakan table agar tampilan terstruktur dengan rapi

Tampilan ketika kami memilih option pertama (Pengaturan Gambar) :
Di sini kami menggunakan  fungsi Bold dan insert images juga ada paragraph dan heading
Tampilan ketika kami memilih option Pengaturan Text, maka akan terhubung ke page lain :
Jadi di sini ada tambahan penggunaan underline dan italic, selain itu juga ada pemberian color tulisan.
(harus scroll ke bawah dulu), dan beginilah tampilannya :
Kemudian tampilan Pemberian Efek :
Ada penggunaan marquee dan br
Dan tampilan terakhir adalah Tentang yang berisi nama-nama kami :

Oh ya mungkin sedikit tertinggal, kami membuat link untuk kembali ke page awal tampilan :
Nah sedikit tertinggal pada penjelasan awal, di sini kami menggunakan style untuk pengaturan warna background, ntah kenapa kami memilih warna itu. Dan saat itu kami ga mau buang-buang waktu hanya untuk memperdebatkan warna.. haha

Oke mungkin sekarang masuk pada pembahasan utama kita :


HTML
HTML : Hypertext Markup Language à bahasa standard yang lebih dari sekedar text biasa dengan menggunakan simbol khusus (< dan >)
Ex : <html> </html>, <body> </body>
Masing-masing perintah itu mempunyai fungsi khusus yang membantu kita dalam membuat web.
“HTML atau dapat di jabarkan “Hypertext Markup Language” adalah bahasa yang digunakan untuk menulis halaman web.HTML merupakan pengembangan dari standar pemformatan dokumen teks yaitu Standard Generalized Markup Language (SGML).”

Sejarah HTML
Hypertext Markup Language atau yang biasa disingkat HTML pertama kali diciptakan dan dikembangkan oleh Tim Berners-Lee pada awal tahun 1990-an yang pada saat itu masih bekerja di CERN. HTML diciptakan dengan tujuan sebagai cara sederhana namun efektif untuk mengkodekan dokumen elektronik. HTML pertama kali dipopulerkan  dengan menggunakan browser Mosaic.

Perkembangan HTML
·      HTML versi 1.0 (oleh Tim Berners-Lee pada awal tahun 1990-an) adalah versi pertama sejak lahirnya nama html tersebut. Versi ini memiliki kemampuan untuk heading, paragraph, hypertext, bold dan italic text, wrapping serta memiliki dukungan dalam peletakkan sebuah gambar.
·      HTML versi 2.0 ( 14 Januari 1996 oleh IETF (Internet Engineering Task Force) dipelopori oleh NCSA Mosaic). Pada versi ini ada beberapa tambahan kemampuan diantaranya penambahan form comment, hal ini menyebabkan adanya sebuah interaktif dan mulai dari versi ini yang menjadikan sebuah pionner dalam perkembangan homepage interaktif. Dengan adanya form, maka kita dapat memasukkan nama, alamat, serta saran dan kritik.
·      HTML versi 3.0 ( 18 Desember 1997). HTML versi 3.0 juga disebut-sebut HTML+ yang mempunyai kemampuan dalam beberapa fasilitas diantaranya adalah penambahan fitur table dalam paragraph, akan tetapi versi ini tidaj bertahan lama.
·      HTML versi 3.2 ( 14 Januari 1997 oleh Mosaic dan Netscape Navigator). HTML versi ini adalah penyempurnaan dari HTML versi 3.0. keluarnya versi ini dikarenakan adanya beberapa kasus yang timbul pada pengembang browser yang telah melakukan pendekatan dengan cara lain yang justru hal tersebut menjadi popular. Maka dibakukan versi 3.2 untuk mengakomodasi praktek  yang banyak digunakan oleh pengembang browser dan diterima secara umum. Dapat dikatakan versi 3.2 ini merupakan versi 3.2 yang dikembangkan oleh beberapa pengembang browser seperti Netscape dan Microsoft.
·      HTML versi 4.0 ( 18 Desember 1997 dari World Wide Web Consortium’s (W3C) HTML Working Group). Versi ini sudah terdapat penambahan pada link, meta, image dan lain-lain sebagai penyempurnaan versi 3.2.
·      HTML versi 4.01 ( 24 Desember 1999 ). HTML versi 4.01 menjadi rekomendasi W3C. HTML 4.01 adalah minor update-koreksi dan perbaikan bug dari HTML 4.0.
·      XHTML versi 1.0 ( 20 Januari 2000 ). XHTML 1.0 merumuskan HTML 4.0 dalam XML.
·      HTML 5 ( 22 Januari 2008 World Wide Web Consortium (W3C) ). HTML 5 meningkatkan interoperabilitas dan mengurangi biaya pengembangan dengan membuat aturan yang tepat tentang bagaiman untuk menangani semua elemen HTML, dan bagaimana memulihakan dari kesalahan. Beberapa fitur dalam HTML 5 adalah fungsi untuk audio embedding, video, grafik, sisi penyimpanan data klien, dan dokumen interaktif. HTML 5 juga mengandung unsur-unsur baru seperti <nav>, <header><footer>, dan <figure>. Yang termasuk kelompok kerja diantaranya AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera dan banyak lagi vendor lainnya.
Beberapa fitur baru yang dapat menarik pada programmer.

1. Kanvas untuk menggambar
2. Video dan elemen audio untuk media pemutaran
3. Dkungan lebih baik untuk penyimpanan local
4. Elemen baru, seperti artikel,footer,header,nav
5. Kontrol bentuk baru, seperti kalender, waktu, URL, search, email, tanggal.

Sejarah HTML,ada saat HTML 5 belum menjadi standar resmi dan belum ada satupun dukungan dari browser, HTML 5 akan menjadi standar baru untuk HTML dan XHTML.

Sumber :

Sabtu, 11 April 2015

Pertemuan ke-2

Pemrograman Web J2EE dan konsep Server-Client

J2EE
    -> aplikasi server : GlassFish, Oracle AS, JBoss, IBM, Websphere, JRun, JOnAS
    -> Apache Tomcat : web server untuk aplikasi yang paling populer

Komponen J2EE
    -> komponen dapat saling berkomunikasi
    -> ada 3 bagian :
        * komponen client : berjalan pada client (Application Client) -> Class Java
        * komponen web : berjalan pada server (Servlet, JSP Page)
        * komponen business : berjalan pada server (Enterprise Bean) ex : komponen login

J2EE Server and Containers
sumber gambar : https://docs.oracle.com/cd/E17802_01/j2ee/j2ee/1.4/docs/tutorial-update6/doc/Overview3.html

Container dan Component-nya :

sumber gambar : http://conferences.embarcadero.com/article/32472

JMS : menggunakan client footprint lebih kecil dari WebLogic full client
JNDI : memberikan informasi tujuan
RMII-IIOP : protokol transpor untuk aplikasi yang terdistribusi dengan interface yang tertulis di RMI tersebut
JDBC : menyediakan akses langsung ke Oracle database berdasarkan informasi dari JNDI
sumber : http://docs.oracle.com/cd/E12839_01/web.1111/e13717/basics.htm#SACLT123



JNDI(Java Naming and Directory Interface) : pencarian informasi objek berdasarkan nama dan memberikan pengarahan berdasarkan informasi pencarian
JDBC(Java Database Connectivity) : menyyediakan akses untuk mendukung source ke database
JTA(Java Transaction API) : interface standar untuk mengatur transaksi pada Java dan melindungi integritas data dalam database
JMS(Java Messaging Service) : memingkinkan aplikasi berkomunikasi dengan yang lain dan saling bertukar pesan
JavaMail : memungkinkan aplikasi untuk membuat pesan e-mail dan mengirimkannya melalui server SMTP pada jaringan
RMI-IIOP(Remote Method Invocation over Internet Inter-ORB Protocol) : protokol yang memungkinkan program CORBA klien untuk mengeksekusi objek WebLogic RMI, termasuk enterprise bean
sumber : http://docs.oracle.com/cd/E13222_01/wls/docs81/intro/chap1.html

JAF(JavaBeans Activation Framework) : menyediakan layanan standar untuk menentukan jenis data, merangkum akses seharusnya kemana, menemukan operasi yang tersedia, dan membuat komponen JavaBeans yang tepat untuk melakukan operasi-operasi
sumber : https://www.scribd.com/doc/115006449/Tutorial-Java-EE-6



Cara membangun aplikasi web :
* Java Runtime Environment
* JSP Page & Servlet : yang meng-handle request dan update
* komponen server-side Java Bean
* static HTML
* client side Java Applets


            Web Browser            Web Server
            (sebagai client)        (sebagai server)
   
            HTTP Request --------------------> (dalam bentuk url)
                url diubah menjadi bentuk bit (ip address)
(dalam bentuk dokumen/error message) <-------------------- GET Response
                    end connection


Client : browser, meminta data dari server
Server : data yang diperlukan untuk operasi, menerima permintaan dari client


HTML : Hyper Text Markup Language (bahasa yang digunakan HTTP untuk melakukan proses)
Web Browser : interface
Web Server : komponen URL dan HTTP

URLs dan URL : alamat yang dituju sesuai permintaan (protocol.komputer.folder_file)

HTTP : membaca permintaan, mendeteksi path(jalur), komunikasi

ISP (Internet Service Provider) -> perusahaan yang menangani pelayanan internet (ex : Speedy)


Metode Request :
GET, HEAD, PUT, POST, DELETE(menghapus URI yang dikirim cliennt), TRACE

Pertemuan ke-1

Karakteristik :
- kebutuhan akan teknologi netral
    * user tidak membutuhkan Sistem Operasi khusus
    * user tidak membutuhkan client
    * user tidak perlu instalasi yang panjang karena hanya membutuhkan browser dan internet
    * user tidak berperan langsung dalam mengupdate program
- user menggunakan Software (web browser) untuk mengakses aplikasi web
    web browser : software aplikasi yang digunakan di client untuk mengirimkan permintaan ke server, menampilkan data yang diperoleh dari server
    contoh : Netscape, Internet Explorer, Mozilla, Opera, Firefox
- server menyediakan web server
    web server : software yang digunakan untuk mengirim content ke client menggunakan protocol HTTP
   
    HTTP Request ------------> HTTP Response
    HTTP Request <------------ HTTP Response

Flatform Java :
- J2SE (Java 2 Platform Standard Edition)
    pemrograman java untuk desktop, server dan beberapa device lainnya
    ex : GUI, class Java
- J2EE (Java 2 Platform Enterprise Edition)
    pemrograman java untuk pemrograman yang terdiri dari Java SE dan API khusus pemrograman web
    ex : aplikasi, komponen
- J2ME (Java 2 Platform Micro Edition)
    pemrograman java untuk mobile device
    ex : mobile/embended system