Jawaban soal PTW
Soal Essay
Bacalah dengan seksama soal Ujian Akhir Semester di bawah ini :
1. Buatlah tulisan tentang internet yang isinya tentang teori dan aplikasinya pada profesi saudara
2. Pilihlah salah satu materi di bawah ini ;
a. WEB
b. HTML
c. BLOG
Selanjutnya terangkan secara rinci materi yang saudara pilih tersebut.
Jawaban
1.
Internet adalah suatu jaringan yang menghubungkan berbagai komputer kedalam 1 jaringan internet, Internet mencakup jaringan yang sangat luas mampu menghubungkan semua komputer yang ada didunia walaupun berbeda - beda server.
Internet berperan penting di dalam dunia pekerjaan baik untuk berkomunikasi maupun berbagi informasi salah satunya di pabrik baja.
Internet berfungsi sebagai suatu sistem managemen yang memanage aplikasi seperti cuti, lembur, pekerjaan dinas dan sebagainya. dengan adanya aplikasi yang berbasis online (terhubung ke internet), yang di akses secara privat jadi pihak luar tidak bisa mengakses kedalam system aplikasi yang ada di pabrik.
aplikasi managemen yang berbasis online sangat memudahkan untuk penyebaran informasi dan berita secara cepat dan menyeluruh, dengan adanya system Mail local. untuk bertukar informasi pun bisa secara privat maupun secara umum.
Kegunaan internet sangat banyak dan memudahkan untuk para pekerja yang ada di pabrik maupun yang sedang berada di rumah. dengan adanya koneksi ke internet informasi yang ada di pabrik bisa tersapaikan kepada pekerja yang sedang berada di rumah maupun yang sedang berlibur.
Sehingga para pekerja tidak tertinggal informasi yang ada di pabriknya, agar para pekerja ketika masuk kerja kembali setelah pulang dari liburannya para pekerja tidak tertinggal informasi yang ada.
mungkin segini saja catatan mengenai internet yang bisa saya jelaskan, padahal kegunaan internet sangat beragam.
2.
a. HTML
Apa itu HTML?
HTML singkatan dari Hyper Text Markup Language.
HTML adalah sebuah file berupa teks yang berisi tags kecil yang telah dinaikka n
(markup).
Tags atau "tanda pengenal" yang telah di markup ini membuat browser
(software/aplikasi program internet) dapat membaca dan menampil kan tags yang
dimaksud.
Sebuah file HTML harus berekstensi htm atau html.
Sebuah file HTML dapat dibuat melalui teks editor sederhana yang kita kenal
dengan notepad / cuteHTML, dll.
H T M L (HYPERTEX T MARKUP LANGUAGE )
suatu metoda untuk mengimple-mentasikan konsep hypertext dalam suatu naskah a tau
dokumen. HTML sendiri bukan tergolong pada s uatu bahasa pemrograman karena
sifatnya yang hanya memberikan tanda (marki ng up) pada suatu naskah teks dan
bukan sebagai program
merupakan protokol yang digunakan untuk mentransfer data atau document dari web server ke
browser kita (Internet Explorer, Netscape Navigator, NeoPlanet, d ll). Nah, HTML inilah yang
memungkinkan Anda menjelajah internet dan melihat halaman web yang menarik.
Catatan : Biarpun HTML bukan termasuk suatu program pembuatan web, tetapi HTML
merupakan dasar dari segala bahasa pemrograman web yang akan muncul
kemudian.
Contoh Bahasa Pemrograman Web, antara lain:
1. Frontpages
2. Dreamweaver
3. Adobe GoLive
4. dll
Dimana kita bisa menulis perintah-perintah HTML???
1. Notepad
2. CuteHTML
3. dll
Struktur dasar HTML
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
Perintah-perintah dalam HTML biasa di sebut dengan TAG < >. TAG ini kebanyakan
mempunyai pasangan, yakni TAG pembuka dan penutup. Misal <b>...</b>,
<i>...</i> dan lain sebagainya, dan TAG yang mempunyai pasangan ini juga bersifat
Override yakni dapat menimpa fungsi TAG sebelumnya. Contoh : sebuah teks yang
sudah di buat miring oleh tag <i> ... </i>, dapat di timpa oleh tag <b> ... </b>
sehingga akan melahirkan dua hasil perintah yang berbeda sekaligus yakni kombinasi
hurup miring dan hurup tebal, contoh :
ini hanya <b><i>VINCENT</i></b> saja sobat
<>
di samping TAG yang mempunyai pasangan, ada juga tag yang tidak memerluka n
pasangan, misal TAG <hr> , <br> , ataupun <input>
Sebuah Tag tidaklah sensitif terhadap Case (hurup besar atau kecil), jadi mau di tulis
hurup besar ataupun huruf kecil akan menghasilkan fungsi yang sama. Sebagai contoh :
fungsi Tag <b>....</b> akan sama dengan Tag <B> ....</B>.
Sebuah halaman web minimal mempunyai em pat buat tag, yaitu :
<HTML> ………….. </HTML> Sebagai tanda awal dan akhir dokumen HTML.
<HEAD>…………….</HEAD> Sebagai informasi page header / digunakan untuk menulis
keterangan tentang document web
<TITLE>……….</TITLE> Sebagai titel atau judul halaman. Kalim at yang terletak di dalam tag ini
akan muncul pada bagian paling atas browser A nda (pada title bar).
Contoh :
<TITLE>Tips HTML -- www.klik-kanan.com</TITLE>
<BODY> Di dalam tag ini bisa diletakka n berbagai teks maupun attribute / aksesori lainnya
seperti warna latar belakang, warna teks, warn a link, warna visited link, warna active link da n
lain-lain yang akan ditampilkan pada web page.
Atribut :
BGCOLOR, BACKGROUND, TEXT, LINK, VL INK, ALINK, LEFTMARGIN & TOPMARGIN.
Pengaturan Teks
Untuk mendapatkan halaman web yang baik An da harus melakukan pengaturan terhadap teks
seperti memilih jenis dan ukuran huruf, per ataan, dll. Tag-tag di bawah ini yang bi asa digunakan
dalam pengaturan teks :
Headers: <Hn>..</Hn> Digunakan untuk mengatur ukuran huruf pada he ader. "n" mempunyai
nilai antara 1 - 6 atau antara <H1> samp ai <H6>, dengan <H1> merupakan ukuran terbesar dan
<H6> merupakan ukuran terkecil.
Contoh :
<H2>Tutorial Html</H2>
Hasilnya akan terlihat seperti :
Tutorial Html
Paragraph Baru: <P> Digunakan untuk pindah alinea atau par agraf. Tag ini bisa diberi akhiran
</P> tapi juga bisa tidak diberi.
Line Break: <BR> Digunakan untuk pindah ke baris baru .
No Line Break: <NOBR> Bila digunakan tag ini maka teks yang panja ng tidak secara otomatis
pindah baris bawahnya bila baris pertama s udah terlalu panjang.
Font <FONT> Untuk mendefinisikan berbagai attribut FONT, y aitu : SIZE, FACE, COLOR.
SIZE: Ukuran font yang digunakan, berkisar antara 1 - 7 dengan 1 merupakan ukuran terkecil
dan 7 merupakan ukuran terbesar.
FACE: Jenis atau nama font. Anda bisa memil ih maksimal 3 jenis font yang masing-masing
dipisahkan oleh koma. Bila terdap at spasi yang terletak pada nama font maka harus dig unakan
tanda garis bawah ( _ ). Dalam memil ih jenis font ini harus dipertimbangkan apakah font y ang kita
gunakan pada halaman web kita nantinya akan terdapat pada komputer pengguna yang l ain
(pengakses web kita). Pendeknya kita tid ak usah menggunakan font-font yang bentuknya ane h-
aneh, gunakan saja font standar. T api bila Anda ingin menggunakan font yang se dikit "aneh"
Anda bisa menggunakan graphic.
COLOR: Warna font, didefinisikan dengan menggu nakan nilai RGB/HEX atau bisa juga langsun g
menggunakan nama warna (red misalnya).
Contoh :
<FONT SIZE=4 FACE="Verdana, Arial, H elvetica" COLOR="#FF0000">Contoh teks yang
berwarna merah</FONT>
Hasilnya akan terlihat seperti :
</TR>
</TABLE>
</BODY>
</HTML>
Hasil Tampilan :
Latihan 2 : TABEL
<HTML>
<HEAD>
<TITLE>LATIHAN MEMBUAT TABEL</TITLE>
</HEAD>
<BODY>
<CENTER><B>DAFTAR NILAI KOMPUTER</B></CENTER>
<P>
<TABLE BORDER=4>
<TR>
<TD ALIGN="CENTER">NO</TD>
<TD ALIGN="CENTER">NAMA</TD>
<TD ALIGN="CENTER">ALAMAT</TD>
<TD ALIGN="CENTER">NILAI</TD>
<TD ALIGN="CENTER">KETERANGAN</TD>
</TR>
<TR>
<TD>1.</TD>
<TD>AGUS PARYONO</TD>
<TD>JL. VETERAN NO. 27 SURABAYA</TD>
<TD ALIGN="CENTER">75</TD>
<TD ALIGN="CENTER">BAIK</TD>
</TR>
<TR>
<TD>2.</TD>
<TD>LIDWINA</TD>
<TD>JL. PREGOLAN NO. 007 SIDOARJO</TD>
<TD ALIGN="CENTER">50</TD>
<TD ALIGN="CENTER">KURANG</TD>
</TR>
<TR>
<TD>3.</TD>
<TD>AMI KUSWANDINA</TD>
<TD>JL. PEMUDA NO. 212 MALANG</TD>
<TD ALIGN="CENTER">90</TD>
<TD ALIGN="CENTER">SANGAT MEMUASKAN</TD >
</TR>
</TABLE>
</BODY>
</HTML>
Hasil Tampilan :
Apa itu HTML?
HTML singkatan dari Hyper Text Markup Language.
HTML adalah sebuah file berupa teks yang berisi tags kecil yang telah dinaikka n
(markup).
Tags atau "tanda pengenal" yang telah di markup ini membuat browser
(software/aplikasi program internet) dapat membaca dan menampil kan tags yang
dimaksud.
Sebuah file HTML harus berekstensi htm atau html.
Sebuah file HTML dapat dibuat melalui teks editor sederhana yang kita kenal
dengan notepad / cuteHTML, dll.
H T M L (HYPERTEX T MARKUP LANGUAGE )
F suatu metoda untuk mengimple-mentasikan konsep hypertext dalam suatu naskah a tau
dokumen. HTML sendiri bukan tergolong pada s uatu bahasa pemrograman karena
sifatnya yang hanya memberikan tanda (marki ng up) pada suatu naskah teks dan
bukan sebagai program
F merupakan protokol yang digunakan untuk mentransfer data atau document dari web server ke
browser kita (Internet Explorer, Netscape Navigator, NeoPlanet, d ll). Nah, HTML inilah yang
memungkinkan Anda menjelajah internet dan melihat halaman web yang menarik.
Catatan : Biarpun HTML bukan termasuk suatu program pembuatan web, tetapi HTML
merupakan dasar dari segala bahasa pemrograman web yang akan muncul
kemudian.
Contoh Bahasa Pemrograman Web, antara lain:
1. Frontpages
2. Dreamweaver
3. Adobe GoLive
4. dll
Dimana kita bisa menulis perintah-perintah HTML???
1. Notepad
2. CuteHTML
3. dll
Struktur dasar HTML
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
Perintah-perintah dalam HTML biasa di sebut dengan TAG < >. TAG ini kebanyakan
mempunyai pasangan, yakni TAG pembuka dan penutup. Misal <b>...</b>,
<i>...</i> dan lain sebagainya, dan TAG yang mempunyai pasangan ini juga bersifat
Override yakni dapat menimpa fungsi TAG sebelumnya. Contoh : sebuah teks yang
sudah di buat miring oleh tag <i> ... </i>, dapat di timpa oleh tag <b> ... </b>
sehingga akan melahirkan dua hasil perintah yang berbeda sekaligus yakni kombinasi
hurup miring dan hurup tebal, contoh :
ini hanya <b><i>VINCENT</i></b> saja sobat
<>
di samping TAG yang mempunyai pasangan, ada juga tag yang tidak memerluka n
pasangan, misal TAG <hr> , <br> , ataupun <input>
Sebuah Tag tidaklah sensitif terhadap Case (hurup besar atau kecil), jadi mau di tulis
hurup besar ataupun huruf kecil akan menghasilkan fungsi yang sama. Sebagai contoh :
fungsi Tag <b>....</b> akan sama dengan Tag <B> ....</B>.
Sebuah halaman web minimal mempunyai em pat buat tag, yaitu :
<HTML> ………….. </HTML> Sebagai tanda awal dan akhir dokumen HTML.
<HEAD>…………….</HEAD> Sebagai informasi page header / digunakan untuk menulis
keterangan tentang document web
<TITLE>……….</TITLE> Sebagai titel atau judul halaman. Kalim at yang terletak di dalam tag ini
akan muncul pada bagian paling atas browser A nda (pada title bar).
Contoh :
<TITLE>Tips HTML -- www.klik-kanan.com</TITLE>
<BODY> Di dalam tag ini bisa diletakka n berbagai teks maupun attribute / aksesori lainnya
seperti warna latar belakang, warna teks, warn a link, warna visited link, warna active link da n
lain-lain yang akan ditampilkan pada web page.
Atribut :
BGCOLOR, BACKGROUND, TEXT, LINK, VL INK, ALINK, LEFTMARGIN & TOPMARGIN.
Pengaturan Teks
Untuk mendapatkan halaman web yang baik An da harus melakukan pengaturan terhadap teks
seperti memilih jenis dan ukuran huruf, per ataan, dll. Tag-tag di bawah ini yang bi asa digunakan
dalam pengaturan teks :
Headers: <Hn>..</Hn> Digunakan untuk mengatur ukuran huruf pada he ader. "n" mempunyai
nilai antara 1 - 6 atau antara <H1> samp ai <H6>, dengan <H1> merupakan ukuran terbesar dan
<H6> merupakan ukuran terkecil.
Contoh :
<H2>Tutorial Html</H2>
Hasilnya akan terlihat seperti :
Tutorial Html
Paragraph Baru: <P> Digunakan untuk pindah alinea atau par agraf. Tag ini bisa diberi akhiran
</P> tapi juga bisa tidak diberi.
Line Break: <BR> Digunakan untuk pindah ke baris baru .
No Line Break: <NOBR> Bila digunakan tag ini maka teks yang panja ng tidak secara otomatis
pindah baris bawahnya bila baris pertama s udah terlalu panjang.
Font <FONT> Untuk mendefinisikan berbagai attribut FONT, y aitu : SIZE, FACE, COLOR.
SIZE: Ukuran font yang digunakan, berkisar antara 1 - 7 dengan 1 merupakan ukuran terkecil
dan 7 merupakan ukuran terbesar.
FACE: Jenis atau nama font. Anda bisa memil ih maksimal 3 jenis font yang masing-masing
dipisahkan oleh koma. Bila terdap at spasi yang terletak pada nama font maka harus dig unakan
tanda garis bawah ( _ ). Dalam memil ih jenis font ini harus dipertimbangkan apakah font y ang kita
gunakan pada halaman web kita nantinya akan terdapat pada komputer pengguna yang l ain
(pengakses web kita). Pendeknya kita tid ak usah menggunakan font-font yang bentuknya ane h-
aneh, gunakan saja font standar. T api bila Anda ingin menggunakan font yang se dikit "aneh"
Anda bisa menggunakan graphic.
COLOR: Warna font, didefinisikan dengan menggu nakan nilai RGB/HEX atau bisa juga langsun g
menggunakan nama warna (red misalnya).
Contoh :
<FONT SIZE=4 FACE="Verdana, Arial, H elvetica" COLOR="#FF0000">Contoh teks yang
berwarna merah</FONT>
Hasilnya akan terlihat seperti :
</TR>
</TABLE>
</BODY>
</HTML>
Hasil Tampilan :
Latihan 2 : TABEL
<HTML>
<HEAD>
<TITLE>LATIHAN MEMBUAT TABEL</TITLE>
</HEAD>
<BODY>
<CENTER><B>DAFTAR NILAI KOMPUTER</B></CENTER>
<P>
<TABLE BORDER=4>
<TR>
<TD ALIGN="CENTER">NO</TD>
<TD ALIGN="CENTER">NAMA</TD>
<TD ALIGN="CENTER">ALAMAT</TD>
<TD ALIGN="CENTER">NILAI</TD>
<TD ALIGN="CENTER">KETERANGAN</TD>
</TR>
<TR>
<TD>1.</TD>
<TD>AGUS PARYONO</TD>
<TD>JL. VETERAN NO. 27 SURABAYA</TD>
<TD ALIGN="CENTER">75</TD>
<TD ALIGN="CENTER">BAIK</TD>
</TR>
<TR>
<TD>2.</TD>
<TD>LIDWINA</TD>
<TD>JL. PREGOLAN NO. 007 SIDOARJO</TD>
<TD ALIGN="CENTER">50</TD>
<TD ALIGN="CENTER">KURANG</TD>
</TR>
<TR>
<TD>3.</TD>
<TD>AMI KUSWANDINA</TD>
<TD>JL. PEMUDA NO. 212 MALANG</TD>
<TD ALIGN="CENTER">90</TD>
<TD ALIGN="CENTER">SANGAT MEMUASKAN</TD >
</TR>
</TABLE>
</BODY>
</HTML>
Hasil Tampilan :
