Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

Pertemuan 2 JAVA 2 KA.

Presentasi serupa


Presentasi berjudul: "Pertemuan 2 JAVA 2 KA."— Transcript presentasi:

1 Pertemuan 2 JAVA 2 KA

2 Materi Mendesain Layout Menu Utama Membuat Project Latihan
Menu Utama & Coding Bina Sarana Informatika Komputerisasi Akuntansi

3 Mendesain Layout Menu Utama
Halaman Web Dasarnya Memiliki Bagian Header Content dan Juga Footer. Selain Itu dilengkapi dengan Sidebar Kiri/ Kanan serta Menu Pilihan , Menu serta Sidebar berisi kebutuhan yang akan dibuat. Disamping adalah contoh halaman awal sebuah web yang terdiri dari header, Menu, Sidebar Kiri Content serta Footer. Header (Biasa Info Organisasi, logo, Nama Perusahaan dll) Menu (Link utama seperti home, contak dll) Sidebar kiri (disesuaikan dengan kebutuhan) Content (isi web bisa berupa informasi dll) Footer (pembuat) Bina Sarana Informatika Komputerisasi Akuntansi

4 Mendesain Layout Menu Utama
Header Sidebar Kiri Content Footer Bina Sarana Informatika Komputerisasi Akuntansi

5 Klik Menu File  New Project Java Web  Web Application  Next
Membuat Project Membuat Poject baru Klik Menu File  New Project Java Web  Web Application  Next Bina Sarana Informatika Komputerisasi Akuntansi

6 Isi Data Project Name, Location , Folder Seperti dibawah:
Membuat Project Isi Data Project Name, Location , Folder Seperti dibawah: Klik Next Bina Sarana Informatika Komputerisasi Akuntansi

7 Pilih Server : Glassfish Server Java EE Version = Java EE 5
Membuat Project Pilih Server : Glassfish Server Java EE Version = Java EE 5 Bina Sarana Informatika Komputerisasi Akuntansi

8 Klik Finish Membuat Project Komputerisasi Akuntansi
Bina Sarana Informatika Komputerisasi Akuntansi

9 Tekan F6 Untuk Melihat Tampilan Web
Membuat Project Tampilan Awal Index.jsp - Project File Service Jendela Source Code Navigator Tekan F6 Untuk Melihat Tampilan Web Bina Sarana Informatika Komputerisasi Akuntansi

10 Tekan F6 Untuk Melihat Tampilan Web
Membuat Project Tampilan Awal Index.jsp Pemberian Judul Pada Tab Browser Pemberian Judul Pada Tab Browser Header Tingkat 1 Tekan F6 Untuk Melihat Tampilan Web Bina Sarana Informatika Komputerisasi Akuntansi

11 Tag HTML yang umum di gunakan
Membuat Project Tag HTML yang umum di gunakan <html> = Tempatnya seluruh elemen HTML atau mendefinisikan dokumen HTML <head> = Tempat diletakkannya sumber daya website seperti CSS, Javacript, Title. <title> = Elemen text dari judul halaman HTML, yang akan ditampilkan pada tab browser. <style> = Tempat diletakkannya gaya atau style (CSS) untuk memperindah tampilan halaman HTML / website. <script> = Tempat diletakkanya Javascript. <body> = Tempat seluruh elemen HTML yang akan ditampilkan pada browser. Bina Sarana Informatika Komputerisasi Akuntansi

12 Tekan F6 Untuk Melihat Tampilan Web
Membuat Project Tampilan Web Tekan F6 Untuk Melihat Tampilan Web Bina Sarana Informatika Komputerisasi Akuntansi

13 Latihan Tampilan Web Bina Sarana Informatika Komputerisasi Akuntansi

14 Latihan Jawaban Bina Sarana Informatika Komputerisasi Akuntansi

15 Tampilan Menu Utama Yang Akan Dibuat (Pert 2 & 3)
Desain Menu Utama Tampilan Menu Utama Yang Akan Dibuat (Pert 2 & 3) Bina Sarana Informatika Komputerisasi Akuntansi

16 Modifikasi Coding pada File Index.jsp
Header tingkat 1 Bina Sarana Informatika Komputerisasi Akuntansi

17 Modifikasi Coding pada File Index.jsp
List Yang tidak Berurut / bullet, element List menggunakan <li> Bina Sarana Informatika Komputerisasi Akuntansi

18 Modifikasi Coding pada File Index.jsp
Table Row Bina Sarana Informatika Komputerisasi Akuntansi

19 Modifikasi Coding pada File Index.jsp
Jangan Lupa Selalu di Save , Bina Sarana Informatika Komputerisasi Akuntansi

20 Referensi Modul Java 2 KA Silabus BSI Sule.851.blogspot.com

21 Thank You ! Gomawo


Download ppt "Pertemuan 2 JAVA 2 KA."

Presentasi serupa


Iklan oleh Google