PROGRAM KERJA 2 - PENERAPAN HTML-CSS
BLC Telkom - KPLI KlatenJurusan Rekayasa Perangkat Lunak
Program kerja 2
Assalamualaikum wr wb.
Bagaimana kabar teman - teman IT , Kali ini saya akan membahas tentang Program kerja saya dan teman - teman satu kelompok. Prakerin BLC Telkom - KPLI klaten Jawa tengah Program kerja untuk minggu ini saya dan teman - teman membuat Program "Form pendaftaran Kartu pelajar dan Kartu Perpustakaan menggunakan HTML" program ini berbasis web.
Latar Belakang
Setiap apa yang kita pelajari untuk kita lebih dapat bisa memahami dengan baik dan jelas kita harus mampu mempraktekannya . Untuk mempraktekan hasil belajar tersebut saya dan teman - teman membuat sebuah karya Program sejenis website informasi tetapi bisa menjadi Aplikasi ketika sudah dikembangkan . Aplikasi tersebut akan menjadi sangat bermanfaat untuk Sekolah - sekolah jika setiap Perpustakaannya menggunakan aplikasi ini karena selain akan menghemat pengeluaran untuk membeli kertas akan juga sangatefisien waktu. dan untuk pengurus administrasi sekolah juga akan sangat mudah me-inputkan data kartu pelajar tanpa ribet.
Tujuan
-Memimplementasikan HTML-CSS
-Membuat Dasar Program Aplikasi sederhana untuk dapat dikembangkan lagi menjadi lebih bermanfaat
Alat dan Bahan
-Laptop
-Text editor
-Web broser
-W3schools
Langkah kerja
1.Perencanaan konsep Website
2.Pengumpulan Alat dan bahan yang dibutuhkan
3.Membuat Layout sebagai kerangka website
4.Pengumpulan Bahan isi progam
5.Membuat VYM dan Manajemen Restra
6.Pembagian Halaman
7.Evaluasi
Uraian kegiatan
1.Membuat Form pendaftaran Perpustakaan
2.Membuat Form Pendaftaran Kartu Pelajar
3.Menggabungkan dengan website Informasi SMK yang telah dibuat pada
proker sebelumnya
4.Memperindah tampilan dengan penerapan CSS html
5.Menyiapkan Masing-masing laptop
6.Menyiapkan text editor
7.Koneksi Internet untuk mencari referensi
8.Web browser untuk membuka localhost
9.W3schools (referensi)
10.Membuat Header
11.Membuat Footer
12.Membuat Navigasi(Menu)
13.Bagian isi (Halaman)
14.Mencari Informasi tentang Jurusan SMKN 1 Bawang
15.Mencari Informasi tentang Sejarah SMKN 1 Bawang
16.Mencari Informasi tentang Berita SMKN 1 Bawang
17.Membuat jadwal kegiatan
18.Membuat Halaman Utama ( Mengisi Informasi)
19.Membuat Halaman Pendaftaran Perpustakaan
20.Membuat Halaman Pendaftaran Kartu pelajar
21.Membuat Halaman Informasi Sekolah (Mengisi Informasi)
22.Memaparkan Hasil Kerja selama -+ satu minggu
23.Membahas Permasalahan yang dihadapi saat mengerjakan project
24.Mencari solusinya dengan berdiskusi
Hasil
Membuat VYM ( View Your Mind )
 |
| Gambar.VYM Pembuatan Kartu Anggota |
 |
| Gambar. Manajemen restra pembuatan kartu anggota |
a. Halaman Utama
Halaman utama berisi Informasi mengenai SMKN 1 Bawang yang
diantaranya :
- Deskripsi SMKN 1 Bawang Banjarnegara
- Artikel tentang jurusan
- Berita terkini SMKN 1 Bawang Banjarnegara
Masing - masing judul tersebut terdapat pada halaman utama yang dapat
kita lihat detail-nya .
b. Halaman Pendaftaran Kartu Pelajar dan Kartu Perpustakaan
Halaman ini merupakan halaman yang digunakan untuk pe-inputan data
anggota. Anggota dapat mengisikan data berupa :
- NIS
- Nama Lengkap
- Jenis Kelamin
- Tempat tanggal Lahir
- Agama
- Alamat Rumah
- Kompetensi Keahlian
Setelh mengisikan data tersebut . Anggota mendapat 3 kesempatan untuk tindakan selanjutnya dengan memilih perintah :
1. Jika Kirim
maka data yang dimasukan akan di kirim menuju admin, tetapi karna ini
masih berupa HTML dasar yang tidak memiliki database maka kita akan
mendapatkan / muncul peringatan textbox yang berisi "DATA TIDAK DAPAT
DIMASUKAN!!" .
2. Jika Reset
maka data yang dimasukan akan hilang dari form, anda bisa mengisinya
kembali.
3. Jika Kembali
maka akan meninggalkan halaman tersebut tanpa menyimpan data dan
tanpa adanya peringatan sehingga anda akan kembali ke Halaman utama .
1. Halaman Utama
2. Halaman Detail artikel yang terdapat pada halaman utama.
 |
3. Halaman Kartu Pelajar
 |
Referensi :
- http://www.w3schools.com/html/default.asp
Sekian apa yang dapat saya sampaikan semoga bermanfaat, bahasan kali ini sebagai laporan Program kerja dan sharing untuk berbagi pengalaman . semoga menambah pengetahuan teman - teman sekalian .
Terimaksih, Wassalamualaikum wr.wb
EmoticonEmoticon