- Jurusan Rekayasa Perangkat Lunak
- HTML Dasar
Assalamualaikum wr.wb
Kali ini saya akan membahas Program kerja yang ada di Tempat prakerin saya di BLC Telkom - KPLI Klaten.
1. Latar Belakang
Program kerja merupakan Suatu rencana yang mempunyai tujuan dan sasaran kedepannya dalam arti ada gambaran untuk mewujudkan sesuatu yang memperoleh hasil. di tempat Prakerin BLC Telkom- KPLI klaten setiap peserta prakerin dituntut untuk mempunyai program kerja setiap minggunya. dan dan pada akhir minggu program kerja itu dipresentasikan untuk dievaluasi supaya lebih baik kedepannya .
2.Tujuan
Tujuan dari diadakannya program kerja adalah agar peserta prakerin memiliki target yang baik dalam melakukan pekerjaan setiap harinya
3.Tahap Pelaksanaan
- Pembuatan Program Kerja dan Pelaksanannya
- Presentasi dan Evaluasi Program Kerja
A. Pembuatan Program Kerja Dan Pelaksanaanya
1. Langkah - Langkah
- Membuat Perencanaan Program Kerja
- Menyiapkan Alat dan Bahan
a. Laptop
b. Text editor (gedit/notepad/sublime)
c. Web browser
4. Pelaksanaan Pembuatan
a. Tahap awal
* Mempelajari HTML dasar
a. Membuat Halaman HTML,Menyumpan dan membuka di Browser
b. Membuat Tabel
c. Style Tulisan
d. HTML Frameset
Bisa teman - teman Pelajari di sini :
http://risanurhaeni03skansa.blogspot.co.id/
http://www.w3schools.com/
*Membuat Rencana Kerangka Website
a. Header
b. Footer
c. Sidebar
d. Utama / untuk isi
b. Tahap Proses Pembuatan
a. Membuat VYM dan Manajemen restra
*VYM ( View Your Mind ) berisi :
- Perlengkapan
- Tahap Pelaksanaan
- Permasalahan
- Target
- Tanggung Jawab
 | |
| 1.1 VYM Website Informasi Jurusan |
* Manajemen Restra ( Tabel rencana kegiatan ) , berisi :
a. Nama Kegiatan
b. Uraian kegiatan
c. Target
d. Pelaksanaan
e. Penanggung jawab
f. Jadwal rencana kegiatan
 | ||
| 1.2 Manajemen restra a |
 |
| 1.3 Manajemen restra b |
- Tentang Jurusan yang ada di Sekolah
- Mencari Informasi melalui majalah
- Mencari Informasi dengan wawancara
* Membuat kerangka dan tampilan Website
- Desain Template
Membagi :Menggunakan tabel <table></table> dan warna
- Penyusunan kerangka
Header,footer,sidebar,bagian utama
* Mengisi Halaman
Halaman tersebut diisi dari hasil pencarian informasi
5. Tahap akhir Penyelesaian
- Mengecek hubungan setiap halaman
Hubungan/ Relasi itu ada karena adanya link yang menghubungkan antar halaman dari sintaks <a href=""></halaman>. jika kita tidak dapat menampilkan halaman yang dilink-kan kemungkinan ada kesalahan pada penulisan halaman tersebut.
- Evaluasi
Evaluasi bertujuan untuk mengetahui penyelesaian dari masalah yang menimpa kita saat membuat proyek tersebut. pada evaluasi tersebut kita dapat sharing dengan teman - teman atau senior yang bisa membantu.
6. Permasalahan
Pada setiap kegiatan atau proyek pasti kita menemukan permasalahan yang sedikit atau besar yang dapat kita selesaikan pada saat evaluasi ,
pada saat kelompok saya ini membuat proyek program kerja Website Informasi jurusan kami mendapat masalah seperti ini :
- Sulitnya mencari Informasi tentang Jurusan yang ada pada sekolah kami sehingga mengahambat keefisienan waktu pengerjaan
Solusinya :
Kami berbagi tugas untuk mencari Informasi melalui siapa saja dan melalui
media informasi apa saja yang ada.
- Terjadinya Eror saat Coding, merupakan hal biasa pada saat membuat program tetapi jika keroran tersebut susah untuk ditemukan penyebabnya itu menjadi kesulitan yang sangat menjengkelkan .
Solusinya :
Membuat Script yang tertata agar mudah diteliti , sabar menghadapi keeroran , dan teliti
7. Target
Dengan dibuatnya program ini berharap agar lebih paham dengan HTML karna HTML, merupakan dasar dari bahasa pemograman
Dengan dibuatnya Program website ini , berharap agar bisa lebih dikembangkan menjadi media informasi yang bermanfaat dan menjadikan informasi mudah tersampaikan kepada masyarakat.
Uraian Website Informasi Jurusan " SMKN 1 Bawang Banjarnegara"
-HTML dasar
1. Membuat Header
Html :
 | |
| 1.4 script pembuatan header |
Hasil :
 | |
| 1.5 hasil script header |
2. Membuat Footer
Html :
 | |
| 1.6 Script pembuatan footer |
Hasil :
 | |
| 1.7 hasil script footer |
3. Membuat sidebar (bagian link)
Script :
 | |
| 1.8 script membuat link pada sidebar |
Hasil :
 | |
| 1.9 hasil script link |
Script :
 | |
| 1.10 script halaman utama |
 |
| 1.11 hasil script (tidak lengkap terpotong) |
5. Membuat halaman index
Halaman index ini untuk apa ? halaman ini untuk menggabungkan beberapa halaman . pada halaman ini terdapat pembagian frame. dan kita juga dapat me-scroll halaman .
Script :
 | |
| 1.12 script index |
 |
| 1.13 hasil script index |
a. Halaman RPL
Script :
Pada Halaman ini sintaks pada script setiap halaman sama hanya dibedakan isi artikelnya saja terpacu pada jurusannya apa.
 | |
| 1.14 Script halaman RPL |
 |
| 1.15 hasil script hal rpl |
Hasil :
 |
| 1.16 hasil script hal tkj |
Hasil :
 |
| 1.17 hasil script hal Mekatronika |
Hasil :
 |
| 1.18 hasil script hal BPI |
Hasil :
 |
| 1.19 hasil script hal akuntansi |
Hasil :
 |
| 1.20 hasil script hal adm.per |
Hasil :
 |
| 1.21 hasil script hal t.niaga |
Hasil :
 |
| 1.22 hasil script hal t.busana |
Ini merupakan Program kerja saya dan teman- teman yang pertama saat prakerin di BLC telkom - KPLI klaten . Semoga dapat bermanfaat untuk menambah pengetahuan teman-teman tentang HTML dasar .
Terimakasih
Wassalamualikum wr.wb
EmoticonEmoticon