Posts

PWEB 5 : Membuat Form dengan JavaScript

Image
  ๐Ÿ’ฃ  Membuat Website: Form dengan Javascript  ๐Ÿ’ฃ ๐Ÿ’€Intro JavaScript adalah bahasa pemrograman web yang bersifat Client Side Programming Language. Client Side Programming Language adalah tipe bahasa pemrograman yang pemrosesannya dilakukan oleh client. Aplikasi client yang dimaksud merujuk kepada web browser seperti Google Chrome dan Mozilla Firefox. Bahasa pemrograman Client Side berbeda dengan bahasa pemrograman Server Side seperti PHP, dimana untuk server side seluruh kode program dijalankan di sisi server.  Untuk menjalankan JavaScript, kita hanya membutuhkan aplikasi text editor dan web browser. JavaScript memiliki fitur: high-level programming language, client-side, loosely tiped dan berorientasi objek.  ๐Ÿ’€Project Saya Pada tugas kali ini saya berkesempatan untuk membuat form responsif mengenai validasi vaksin dan ketersediaan mengikuti kuliah tatap muka bagi mahasiswa ITS menggunakan implementasi dari javascript.  Berikut tampilannya: Untuk website ...

PWEB 4 : E-commerce Website with CSS

Image
  ๐Ÿ’ฃ  Membuat Website: Ecommerce dengan CSS  ๐Ÿ’ฃ ๐Ÿ’€Intro CSS adalah “kumpulan kode yang digunakan untuk mendefenisikan desain dari bahasa markup” , dimana bahasa markup ini salah satunya adalah HTML. Untuk pengertian bebasnya, CSS adalah kumpulan kode program yang digunakan untuk mendesain atau mempercantik tampilan halaman HTML. Dengan CSS kita bisa mengubah desain dari text, warna, gambar dan latar belakang dari (hampir) semua kode tag HTML. CSS biasanya selalu dikaitkan dengan HTML, karena keduanya memang saling melengkapi. HTML ditujukan untuk membuat struktur, atau konten dari halaman web. Sedangkan CSS digunakan untuk tampilan dari halaman web tersebut. Istilahnya, “HTML for content, CSS for Presentation”. ๐Ÿ’€  Project Saya Pada tugas kali ini saya berkesempatan untuk membuat website katalog produk sederhana menggunakan implementasi dari CSS.  Berikut tampilan websitenya: Untuk website dapat dilihat  di sini ๐Ÿ’€ Source Code Source code lengkap dapat dili...

PWEB 3: HTML 5

Image
  ๐Ÿ’ฃ  Membuat Website: Warteg dengan HTML5  ๐Ÿ’ฃ ๐Ÿ’€Intro HTMLS merupakan kelanjutan dari HTML 4 yang tidak diupdate sejak tahun 1999. Dimana W3C sebagai badan yang membuat standar HTML lebih berminat mergembungkan XHTML daripada melanjutkan HTML.  Setelah beberapa tahun pengembangan, XHTML tarnyata tidak sesuai dengan harapan. XHTML 2.0 tidak kunjung selesai, sehingga beberapa programmer web bergabung membentuk badin tersendiri: WHATWG. WHATWG kemudian mengembangkan format yang akan menjadi cikal bakal HTML5. Singkat cerita, W3C meninggalkan XHTML 2.0 dan ikut mengembangkan HTML5 bersama WHATWG.  Tepat puda tanggal 28 Oktober 2014 lalu, W3C telah resmi merampungkan standar HTML5 (sumber resminya dapat dibaca pada http://www.w3.org/blog/news/archives/4167). Walaupun demikian, saat ini HTMLS telah didukung hampir oleh semua web browser modern, sehingga sudah saatnya kita mulai membuat kode HTML menggunakan standar HTML.5. ๐Ÿ’€  Project Saya Pada tugas kali ini sa...

PWEB 2: HTML CV

Image
๐Ÿ’ฃ Membuat CV dengan HTML  ๐Ÿ’ฃ ๐Ÿ’€Intro HTML atau Hypertext Marksup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan dihalaman web. Sebenarnya, dokumen HTML hanyalah sebuah dokumen teks biasa dan disebut sebagai Markup Language yakni bahasa yang mengandung tanda (tag) tertentu yang digunakan untuk mengatur format tampilan suatu dokumen. Simbol markup yang digunakan oleh HTML ditandai dengan tanda lebih kecil ( < ) dan tanda lebih besar ( > ). HTTP atau Hypertext Transfer Protokol merupakan protokol yang digunakan untuk mentransfer data atau document yang berformat HTML dari web server ke browser. Dengan HTTP inilah yang memungkinkan Anda menjelajah internet dan melihat halaman web. ๐Ÿ’€  Project Saya Pada tugas kali ini saya berkesempatan untuk membuat curiculum vitae sederhana menggunakan HTML. Berikut tampilan CV saya ๐Ÿ’€  Source Code Berikut source code untuk membuat cv menggunakan HTML Lihat CV  di sini

PWEB 1: Static Website

Image
PENGANTAR Pada kesempatan kali ini kita akan membahas mengenai Pemrograman Web.  Pemrograman Web digunakan untuk membangun aplikasi web, dimana aplikasi web ini dapat dibedakan menjadi 2 yaitu a. Web Statis Web statis hanya menampilkan informasi yang bersifat tetap, dibentuk dengan menggunakan HTML (Hypertext Markup Language) saja. Kelemahannya, setiap menginginkan perubahan harus dilakukan oleh pemrogramnya (orang yang mengerti bahasa HTML). b. Web Dinamis Berisi atau menampilkan informasi serta dapat berinteraksi dengan user yang bersifat dinamis, dibentuk dengan menggunakan bahasa HTML, Skrip (PHP, ASP, JSP, CGI) dan dikoneksikan ke basisdata (MySQL, PostgreSQL, Oracle, Microsoft Access). Perubahan informasi dalam halaman web didapat melalui perubahan data pada basisdata dan tidak harus melalui perubahan programnya, sehingga perubahan informasi dapat dilakukan oleh operator dan tidak lagi menjadi tanggungjawab programmer. STATIC WEB Kali ini, kita akan mempelajari cara membuat ...

JAVA TEXT EDITOR

Image
Pada blog kali ini kita akan membahas mengenai program untuk Text Editing sederhana yang cara kerjanya mirip dengan notepad menggunakan Java. Program kali ini saya cukup menggunakan 1 class saja, yaitu class TextEditor. Didalamnya terdapat 3 menu utama yaitu File, Edit dan Close. SOURCE CODE OUTPUT a. Tampilan screen aplikasi Text Editor b. Menu File menampilkan beberapa opsi lain,  yaitu: - New : membuat project/ file baru - Open : membuka file yang sudah pernah dibuat - Save : menyimpan file  - Print : print file c. Menu Edit menampilkan beberapa opsi lain,  yaitu: - Cut  : memotong text yang sudah di pilih - Copy  : menyalin text yang sudah dipilih - Paste  : menyematkan text yang sudah dipilih d. Tampilan ketika membuka menu 'Open' e. Tampilan ketika program digunakan untuk menyunting f. Tampilan setelah memilih opsi 'Save' . . . Terimakasih ๐Ÿ˜Š

ERROR EXCEPTION HANDLING

Image
Kali ini, kita akan mencoba untuk membuat program yang mengalami crash atau error saat dijalankan, atau biasa disebut degan Exception Handling .  a. Exception? Exception adalah sebuah alur peristiwa yang menjalankan proses pada program, pristiwa tersebut bisa berupa kesalahan atau error pada program yang kita buat, error tersebut bisa terjadi karena beberpa faktor, diantaranya: kesalahan input, jenis format data yang dimasukan salah, peggunaan array yang melebihi batas, dll. b. Keyword penting dalam Handling Exception     1. Try      Keyword ini biasanya digunakan dalam suatu block program. Try digunakan untuk mencoba menjalankan block program kemudian mengenai dimana munculnya kesalahan yang ingin diproses. Keyword ini juga harus dipasangkan dengan keyword catch atau keyword finally.       2 . Catch      Kegunaan keyword ini adalah menangkap kesalahan atau bug yang terjadi dalam block try. Setelah menangkap kesalahan...