laporan tugas besar membangun web … · 2 web pribadi shodiq & arie . pendahuluan . a. tema...

1

LAPORRAN TUGGAS BESSAR

MEMBANGUN WEBB PRIBADDI “SHODDIQ PLUUS ARIE””

Disusun OOleh:

• Muham

POLI

• Rohmammad Akhiiruddin ( A

ITEKNIK

ad Shodiq

K INDUST

PELAIH

2011

( AA1309033 ) A1309045 )

TRI TANNAH LAUUT

HARI

1

2

WEB PRIBADI SHODIQ & ARIE

PENDAHULUAN

A. Tema dan Desain Halaman web

Web ini memuat informasi dengan tema profil pribadi dan bisnis

kami. Informasi biodata dan bisnis tersebut kami tampilkan dalam

beberapa link yang semuanya dapat diakses melalui halaman utama atau

halaman index. Setiap halaman kami desain dengan berbagai animasi

untuk menambah daya tarik tampilan bagi pengunjung. Karena web ini

bersifat web pribadi, maka desain tampilan setiap halaman identik dengan

hoby kami.

B. Link

Penampilan informasi kami bagi dalam beberapa halaman/link.

Secara keseluruhan terdapat 10 halaman/link, yang terdiri dari “Home”,

“R.Shodiq”, “M.Akhiruddin”, “Novel Amatir”, “Bisnis Bata Merah”,

“Bisnis Desain Grafis”, “Form Pemesanan Bata”, “Form Pemesanan

Desain”, “coach”, dan “Buku Tamu”.

3

PEMBAHASAN

A. Halaman Index.html

Pada halaman index atau halaman utama kami menampilkan

beberapa cuplikan informasi yang terdapat pada bagian-bagian halaman

link lainnya. Di dalam halaman utama ini kami juga memberikan menu

untuk masuk pada delapan halaman link. Semua menu kami letakkan pada

bagian bawah judul web. Selain kami tampilkan pada bagian atas, menu

link juga kami tampilkan pada bagian badan halaman dan berbentuk daftar

kebawah. Pemberian menu link ganda ini dimaksudkan untuk memberikan

kemudahan dan banyak pilihan kepada pengunjung untuk menelusuri

seluruh halaman web ini.

Pemrograman web ini menggunakan kode html, dan berikut adalah

skrip pada halaman index:

<html>

<head>

<title>halaman_index</title>

</head>

<body bgcolor="black">

<font face="arial">

<table border="0" width="100%">

<tr background="judul.jpg">

<td>

<img src="kop2.gif" width="130" height="110" align="center"/>

</td>

<td align="center">

<marquee><h1><font color="red"><img src="arie2.png" width="70"

height="80" align="right"/>SELAMAT DATANG DI WEB PRIBADI

KAMI<img src="shodiq2.png" width="70" height="80" align="left"/>

</font></h1></marquee>

</td>

<td>

<img src="kop.gif" width="130" height="110" align="center"/>

4

</td>

</tr>

</table>

<p align="right"><font color="blue" size="4"> <blink><b>HOME SDQ

plus ARIE web</b></blink></font><br>

<font color="red" size="2"><blink>MEMUAT INFORMASI PROFIL

DAN BISNIS KAMI</blink></p></font>

<b><font color="blue">Silahkan telusuri halaman web kami, semoga bisa

menambah informasi Anda</font></b>

<table border="2">

<tr bgcolor="silver">

<th> <a href ="shodiq.html">R.SHODIQ</a></th>

<th> <a href ="arie.html">M.AKHIRUDDIN </a></th>

<th> <a href ="novel.html">NOVEL AMATIR </a></th>

<th> <a href ="bisnis1.html">BISNIS BATA</a></th>

<th> <a href ="bisnis2.html">BISNIS DESAIN GRAFIS</a></th>

<th> <a href ="form1.html">FORM PEMESANAN BATA</a></th>

<th> <a href ="form2.html">FORM PEMESANAN DESAIN</a></th>

<th> <a href ="coach.html">COACH</a></th>

<th> <a href ="buku_tamu.html">BUKU TAMU</a></th>

</tr>

</table>

</br>


<tr>

<td rowspan=3 valign="top">

<font color="blue" align="center"><b>REALITA KONDISI SOSIAL &

EKONOMI</b></font></br>

<embed src="sdq.mp4"></embed></br>

<img src="shodiq2.png" width="100" height="135" align="left"/>

<font color="white"><b>Shodiq,,,,,</b></br>

5

&nbsp Begitu orang-orang akrab memanggil saya. Saya lahir di Pelaihari,

02 Maret 1988. Sejak 2009 saya terdaftar sebagai mahasiswa Politeknik

Industri Tanah Luat program studi Teknik Informatika.

Selain disibukkan dengan aktivitas kuliah, akhir-akhir ini saya memiliki

dua kesibukan lain, yaitu menjalankan bisnis dan nulis naskah novel.

Ingin tau lebih lanjut terkait dengan bisnis dan karya novel

saya?,,,,,</br><a href="shodiq.html"><blink>klik disini</blink></a>

<p>

<img src="arie2.png" width="115" height="135" align="left"/>

<b>M.Akhiruddin,,,,,</b></br>

&nbsp Nama saya Muhammad Akhiruddin, biasa di panggil Arie. Lahir di

Pelaihari, tanggal 30 November 1986.

Saya adalah Mahasiswa Politeknik Industri Tanah Laut Jurusan Teknik

Informatika. Saya juga bergabung di dalam sebuah Organisasi yaitu di

dalam Organisasi Badan Eksekutif Mahasiswa (BEM), menjabat sebagai

Menteri Kreatifitas & Seni.

Ingin tau lebih jauh tentang saya?,,,,,</br><a href="arie.html"><blink>klik

disini</blink></a>

</p>

<p>

<a href="coach.html"><img src="coach.jpg" width="215" height="185"

align="left"/></a>

<b>Tim Coach Business,,,</b></br>

&nbsp Adalah sebuah pelatihan untuk para pelaku bisinis oleh FBI

(Formula Bisnis Indonesia),,,,,dst

</font>

</p>

</td>

<td bgcolor="silver" align="justify" valign="top">

<a href="bisnis1.html"><img src="btl3.jpg" width="130" height="120"

align="left"/></a>

6

<b><u>Bisnis Shodiq</u></b> Menyediakan batu bata merah berkuaitas

untuk sebuah bangunan idaman.

&nbsp BATALA adalah sebuah nama usaha pemproduksian batu bata

merah yang berlokasi di Desa Gunung Melati RT3, RW1, kec. Batu

Ampar Kabupaten Tanah Laut.

BATALA beroperasi sejak Oktober 2010......ya, walau terbilang sangat

muda, namun produk BATALA mampu bersaing dengan produk sejenis

lainnya dipasaran.

Hal itu tentu terkait dengan metode dan teknik produksi yang

diterapkan.</br>

Awal mula saya merintis usaha ini adalah dengan melihat kondisi

pembangunan di Tanah Laut yang berkembang begitu pesat. Kemudian

saya menganalisa dan mengumpulkan data-data terkait

kebutuhan-kebutuhan yang memang menjadi sebuah prioritas dalam

sebuah pembangunan, maka saya memutuskan untuk mencoba untuk

menjalankan bisnis batu bata merah.....dst.</br>

<a href="bisnis1.html"><blink>klik disini</blink></a>

</td>

<td rowspan=3 bgcolor="white" valign="top">

<font color="blue"><b><blink>DAFTAR NAVIGASI

LINK</blink></b></font>

<ol type="square">

<li><a href ="shodiq.html">Shodiq</a>

<ul type="circle">

<li> Home</li>

<li> Novel </li>

<li> Bisnis</li>

</ul>

<li><a href ="arie.html">Akhiruddin</a></li>

<ul type="circle">

<li> Home</li>

<li>Bisnis</li>

7

</ul>

<li><a href ="novel.html">Novel Amatir</a>

<ul type="circle">

<li>R. Shodiq</li>

</ul>

<li><a href ="bisnis1.html">Bisnis Bata</a>

<ul type="circle">

<li>Shodiq</li>

<li>Form Pemesanan</li>

</ul>

<li><a href ="bisnis2.html">Bisnis Desain</a>

<ul type="circle">

<li>Akhiruddin</li>


</ul>

<li><a Href ="coach.html">Coach</a>

<ul type="circle">

<li>Home</li>

</ul>

<li><a href ="form1.html">Form Pemesanan Bata</a>

<ul type="circle">

<li>Home</li>

<li>Bisnis Bata</li>

</ul>

<li><a href ="form2.html">Form Pemesanan Desain</a>

<ul type="circle">

<li>Home</li>

<li>Bisnis Desain</li>

</ul>

<li><a href ="buku_tamu.html">Buku Tamu</a></th>

<ul type="circle">

<li>Home</li>

8

</li>

</ol>

<p>

<font color="blue" align="justify"><blink>Dapatkan semua produk-

produk kami dengan harga nego,,,,,</blink>

</font>

<p><img src="desain.jpg" width="170" height="180"

align="center"/></br>

<img src="btl3.jpg" width="150" height="100" align="center"/></p>

</p>

</td>

</tr>

<tr>

<td background="merah3.jpg" align="justify">

<a href="bisnis2.html"><img src="grs.jpg" width="150" height="140"

align="right"/></a>

<font color="gold"><b><u>Bisnis Arie</u></b> &nbsp Usaha yang saya

jalankan ini bergerak dibidang jasa penjualan kaos Khas daerah. Dimana

saya bertugas sebagai desainer untuk kaos tersebut. Desain yang saya buat

meliputi kekhasan di suatu Daerah tertentu,

namun yang pertama saya buat adalah tentang daerah Tanah Laut yang

terkenal dengan bermacam-macam kekhasannya..... Untuk daerah Tanah

Laut sendiri, desain yang saya buat berdasarkan pada tempat-tempat wisata

misalnya seperti tempat wisata gunung Khayangan, pantai Takisung,

pantai Batakan, Taman Minatirta dll. namun saya juga membuat desain

berdasarkan ciri khas dari daerah ini sendiri, yaitu Tajau yang terdapat

pada logo tanah Laut,

Sapi yang banyak ada disini, jagung yang juga banyak di tanam disini,

juga tidak ketinggalan dengan Bunga Khas Tanah Laut yaitu bunga

Anggrek Bulan. untuk menjalankan usaha ini, saya bekerjasama dengan

pihak lain untuk masalah percetakan kaos.

9

jadi, disini saya berperan sebagai desainer. sedangkan pihak tersebut

berperan sebagai tempat untuk melakukan percetakan. Disini akan saya

perlihatkan contoh-contoh desain yang telah saya buat.</br>

<a href="bisnis2.html"><blink>klik disini</blink></a></font>

</td>

</tr>

<tr>

<td background="batala.jpg" align="justify">

<img src="novel.jpg" width="200" height="160" align="left"/>

<b>"Ternyata Khairina"</b> </br>Adalah karya novel amatir saya yang

pertama. Novel ini diilhami dari kisah nyata perjalanan cinta seorang anak

manusia yang

hidup dalam keterpurukan.</br>

Ketika ia sadari dan yakini bahwa sebuah kutukan telah datang dan selalu

hadir dalam kehidupannya, terutama dalam kehidupan cintanya. Awalnya

tampak begitu indah, namun selalu berakhir dengan kekecewaan dan

penuh dengan kesakitan. Semua itu telah membawanya dalam dunia yang

gelap,

tak ada satupun manusia di sekelilingnya yang mampu melihat dan

menyentuhnya. Ia sendiri, sendiri menerima semua yang datang padanya

sampai dengan tak lagi ia sanggup untuk bertahan…</br>

<a href="novel.html"><blink>klik disini</blink></a>

</td>

</tr>

</table>


<tr bgcolor="pink">

<td aligen="center">

<marquee><font color="red"><b>[email protected]</font> &

<font color="blue">[email protected]</font></b></font></marquee>

</td>

</tr>

10

</table>

</font>

</body>

</html>

Berikut adalah tampilan halaman index.html pada web browser:

Gambar 1. Tampilan Halaman Index.html

B. Halaman shodiq.html

Halaman ini memuat profil pribadi Shodiq seperti biodata, bisnis,

pengalaman kerja, riwayat pendidikan, dan karya novel amatir. Halaman

ini menampilkan informasi berbentuk teks dan gambar. Pada halaman ini

disertakan juga menu link untuk menuju halaman novel, bisnis, dan

halaman utama. Berikut adalah skrip/ kode html halaman shodiq.html:

<html>

<head>

<title>halaman_shodiq</title>

</head>


<font face="arial">

11



<td>


</td>

<td align="center">

<marquee><h1><font color="red" face="comic sans ms"><img

src="arie2.png" width="70" height="80" align="right"/><font

color="yellow">S</font><font color="blue">E</font><font

color="magenta">L</font><font color="white">A</font><font

color="red">M</font><font color="green">A</font><font

color="yellow">T</font><font color="blue"> <font

color="magenta">D</font><font color="white">A</font><font

color="red">T</font><font color="green">A</font><font

color="yellow">N</font><font color="blue">G</font> <font

color="magenta">D</font><font color="white">I</font> <font

color="red">W</font><font color="green">E</font><font

color="yellow">B</font> <font color="blue">P<font

color="magenta">R<font color="white">I<font color="red">B<font

color="green">A<font color="yellow">D</font><font

color="blue">I</font> <font color="magenta">K</font><font

color="white">A</font><font color="red">M</font><font

color="green">I</font><img src="shodiq2.png" width="70" height="80"

align="left"/> </font></h1></marquee>

</td>

<td>


</td>

</tr>

</table>

<hr size=5 width="100%">

</div>

12

<p align="right"><blink><font color="red" size="4">SDQ <font

color="white">plus</font> ARIE web Memuat</font><b></blink><br>

<font color="white"><b>INFORMASI PROFIL DAN BISNIS

KAMI</b></p>

<b><h3><font color="red">ROHMAD

SHODIQ</font></h3></b></font>

<table border="2">


<th> <a href ="index.html">HOME</a></th>

<th> <a href ="bisnis1.html">BISNIS </a></th>

<th> <a href ="novel.html">NOVEL AMATIR</a></th>

</tr>

</table>


<tr>

<td rowspan=3 valign="top">

<font color=white"><b>PENGALAMAN KERJA</b></font>

<img src="tambang.jpg" width="200" height="170" align="left"

title="Saat Bekerja Di Tambang"/>

<img src="teknisi.jpg" width="200" height="170" align="left" title="Saat

Menjadi Teknisi di Instansi Pemerintahan"/>

<img src="ro.jpg" width="200" height="170" align="left" title="Saat

Menjadi Honorer Radiologi RSUD Hadji Boejasin Pelaihari"/>

<img src="lan.jpg" width="200" height="170" align="left"title="Proyek

Bangun Jaringan LAN"/>

<a href="coach.html"><img src="coach.jpg" width="200" height="170"

align="left"/></a>

<b></b></br>

</font>

</td>

<td>

<img src="shodiq2.png" width="100" height="125" align="left"/>

13

<font color="white">Shodiq,,,,,</br>

begitu orang akrab memanggil saya. Saya lahir di Pelaihari, 02 Maret

1988. Sejak 2009 saya terdaftar sebagai mahasiswa Politeknik Industri

Tanah Luat program studi Teknik Informatika.</br>

Selain disibukkan dengan aktivitas kuliah, akhir-akhir ini saya memiliki

dua kesibukan lain, yaitu menjalankan bisnis dan nulis naskah novel.</br>

Semua kesibukan itu terasa sangat menyita waktu saya, walau tak lagi

punya waktu santai, saya merasa bisa menikmati semua kesibukan itu.

Semua itu bisa saya lakukan mungkin lantaran pengalaman saya

di dalam dunia kerja. berkali-kali saya keluar masuk perusahaan dan

instasi, namun saya belum bisa mendapatkan apa sebenarnya yang saya

inginkan. karena ketidak cocokan itulah mungkin sebagai

penyebab saya harus berkali-kali mengundurkan diri dan mencari

pekerjaan ditempat yang baru. Semua itu saya lakukan lantaran ingin

merasakan bagaimana bekerja di dunia industri, dan dapat saya simpulkan

dunia itu adalah dunia yang cukup keras.<br>

Melihat dari pengalaman-pengalan yang saya alamai selama bekerja

diperusahaan itu, kemudian saya berfikir mungkin bisnis merupakan solusi

bagi saya. Dengan berbisnis saya bisa mengaplikasikan semua yang saya

mau.

Selain itu, bisnis menurut saya merupakan sebuah tantangan tersendiri dan

dapat memberikan sebuah kepuasan tersendiri.</br>

Lain hal lagi dengan aktivitas menulis saya, itu adalah kegiatan yang

berawal dari iseng, iseng menulis sebuah cerita dan berawal dari iseng

itulah kini menjadi sebuah kebutuhan bagi saya. sebuah novel

amatir berjudul <b>"Ternyata Khairina"</b> adalah karya pertama saya.

Naskah dengan 280 halaman itu menceritakan kisah pahit seorang Zainal

karena cinta. Novel yang sedang saya rampungkan saat ini berjudul <b>

"Selimut Cinta"</b> dst.

</font>

<td rowspan=2 bgcolor="silver" valign="top">

14

<font color="blue"><b><blink>DAFTAR NAVIGASI

LINK</blink></b></font>

<ol type="square">


<ul type="circle">

<li> Home</li>

<li> Novel </li>

<li> Bisnis</li>

</ul>


<ul type="circle">

<li> Home</li>

<li>Bisnis</li>

</ul>

<li><a href ="novel.html">Novel Amatir</a>

<ul type="circle">

<li>R. Shodiq</li>

</ul>

<li><a href ="bisnis1.html">Bisnis Bata</a>

<ul type="circle">

<li>Shodiq</li>


</ul>

<li><a href ="bisnis2.html">Bisnis Desain</a>

<ul type="circle">

<li>Akhiruddin</li>


</ul>

<li><a Href ="coach.html">Coach</a>

<ul type="circle">

<li>Home</li>

</ul>

15

<li><a href ="form1.html">Form Pemesanan Bata</a>

<ul type="circle">

<li>Home</li>

<li>Bisnis Bata</li>

</ul>

<li><a href ="form2.html">Form Pemesanan Desain</a>

<ul type="circle">

<li>Home</li>

<li>Bisnis Desain</li>

</ul>

<li><a href ="buku_tamu.html">Buku Tamu</a></th>

<ul type="circle">

<li>Home</li>

</li>

</ol>

</td>

</tr>

<tr>

<td>

<p><font color="blue"><b><u>TENTANG

NOVEL</u></br>TERNYATA KHAIRINA</b></font></p>

<p><img src="1.jpg" width="140" height="150" align="left"/></p>

<font color="white"><b>"Ternyata Khairina"</b> </br>Adalah karna

novel amatir saya yang pertama. Novel ini diilhami dari kisah nyata

perjalanan cinta seorang anak manusia yang






gelap, tak ada satupun manusia di sekelilingnya yang mampu melihat dan

16


sampai dengan tak lagi ia sanggup untuk bertahan…

Adalah sebuah cerita yang menggambarkan betapa berlika-likunya

perjalanan cinta seorang Zainal. Naskah ini mulai ditulis pada September

2009 dan selesai pada hari Selasa, 08 Pebruari 2011. Novel amatir ini

didedikasikan untuk seseorang yang spesial.....dst

<a href="novel.html">klik disini</a>

</font>

</td>

</tr>

<tr>

<td>

<font color="white"><p><img src="sn.jpg" width="220" height="260"

align="right"/></p>

Selain belajar komputer dan bisnis, saya juga belajar seni, ya itung-itung

buat penghilang kepenatan.

Saya dan teman-teman kuliah membentuk sebuah tim seni tari dan sudah

pernah mengisi diberbagai acara.

Menurut saya seni merupakan sebuah pembentukan karakter dan mental,

dimana kita dihadapakan pada sebuah

metode dan urutan langkah suatu pekerjaan. Artinya dengan menjadi

pelaku seni, baik itu tari, derama, dan lainnya

akan membentuk sebuah sikap atau mental yang berorientasi pada

penyelesaikan pekerjaan sesuai dengan aturan main dan

penyelesaian secara sistematis.

</font>

</td>

</tr>

<p><font color="blue"><b><u>BIODATA</u></b></font></p>


<tr bgcolor="white">

<td>

17

<pre>

Nama : Rohmad Shodiq

Tempat, tanggal lahir : Pelaihari, 02 Maret 1988

Agama : Islam

NO. HP : 085 285 604 671

E-mail : [email protected]

Hoby : Nulis naskah

Alamat : Desa Gunung Melati, RT 3, RW 1, kec.Batu

Ampar, kab.Tanah Luat, Kalimantan Selatan Indonesia.

Riwayat Pendidikan : SD Negeri 1 Gubung Melati Tahun 1994

: SLTP N 1 Jorong Tahun 2000

: SMK DUA DESEMBER Pelaihari Tahun 2003

: Politeknik Industri Tanah Laut Tahun 2009

Pengalaman Kerja : Asisten Teknik Listrik Industri di SMK DUA

DESEMBER Pelaihrai Tahun 2006

: Karyawan PT. CBSA Bentok, sebagai Teknisi

Listrik (control room) Tahun 2007

: Karyawan kontrak over hould PLTU Asam-Asam,

sebagai helfer generator unit 1 Tahun 2008

: Karyawan PT. CBMT Pelaihari, sebagai karyawan

produksi kraser Tahun 2008

: Sebagai buruh mobil barang di Jakarta

Tahun 2008

: karyawan honor kontrak RSUD Hadji Boejasin

Pelaihari, sebagai tenaga IPSRS & Radiologi

Tahun 2009

</pre>

</td>

</tr>

18

</table>

<p>


<tr bgcolor="pink">


<marquee><font color="red"><b>[email protected] &

[email protected]</b></font></marquee>

</td>

</tr>

</table>

</p>

</font>

</body>

</html>

Berikut adalah tampilan halaman shodiq.html pada web browser:

Gambar 2.a. Tampilan Halaman shodiq.html

C. Halaman arie.html

Halaman ini memuat profil pribadi Arie seperti biodata, riwayat

pendidikan, dan bisnis desain grafis. Halaman ini menampilkan informasi

19

berbentuk teks dan gambar. Pada halaman ini disertakan juga menu link

untuk menuju halaman bisnis dan kembali ke haaman utama. Berikut

adalah skrip/ kode html halaman:

<html>

<head>

<title>halaman_arie</title>

</head>

<body background="merah3.jpg">

<font face="arial">



<td>


</td>

<td align="center">

















20



</td>

<td>


</td>

</tr>

</table>


</div>




KAMI</b></p>

<b><h3><fontcolor="red">MUHAMMAD

AKHIRUDDIN</font></h3></b></font>

<table border="2">



<th> <a href ="bisnis2.html">BISNIS </a></th>

</tr>

</table>

<table border="1">

<tr>

<td rowspan="2" bgcolor="violet" width="15%">

<font color="black"><b>DAFTAR ISI</b></font>

<ol type="square">


<ul type="square">

<li> Bisnis</li>

<li> Novel </li>

</ul>

21


<ul type="square">

<li>Bisnis</li>

</ul>

<li><a href ="novel.html">Novel Amatir</a></li>

<li><a href ="bisnis1.html">Bisnis Bata</a></li>

<li><a href ="bisnis2.html">Bisnis Desain</a></li>

<li><a href ="form1.html">Form Pemesanan Bata</a></li>

<li><a href ="form2.html">Form Pemesanan Desain</a></li>

</ul>

</li>

</ol>

<img src="coach.jpg" width="150" height="130" align="right"/>

<img src="btl3.jpg" width="150" height="150" align="right"/>

<img src="grs.jpg" width="150" height="170" align="right"/>

</td>

</tr>

<tr>

<td><img src="arie2.png" width="240" height="320" align="left"/>

<p align="justify"><font size="3"

color="red">M.Akhiruddin,,,,,</font></p>

<p align="justify"><font color="gold">Nama saya Muhammad

Akhiruddin, biasa di panggil Arie. Lahir di Pelaihari, tanggal 30

November 1986. Saya adalah Mahasiswa Politeknik Industri Tanah Laut

Jurusan Teknik Informatika. Saya juga bergabung di dalam sebuah

Organisasi yaitu di dalam Organisasi Badan Eksekutif Mahasiswa (BEM),

menjabat sebagai Menteri Kreatifitas & Seni. Sebelum kuliah di Polteknik

Industri Tanah Laut ini. Saya sempat bersekolah di SDN PELAIHARI 7

pada tahun 1992 dan lulus pada tahun 1998. Setelah itu saya melanjutkan

sekolah ke MTsN PELAIHARI dan lulus pada tahun 2001. Lalu saya

melanjutkan ke SMU PGRI PELAIHARI pada tahun tersebut, dan lulus

pada tahun 2004. Saya adalah seorang yang mempunyai hobby

22

menggambar. jadi, apapun yang berhubungan dengan yang namanya

menggambar. maka saya akan senang sekali melakukannya. Banyak

teman-teman yang sering minta tolong kepada saya untuk di buatkan

gambar. Terutama membuat logo-logo suatu organisasi. Kebisaan saya

menggambar sudah terlihat sejak saya masih kecil dulu. tepatnya saat saya

masih di taman kanak-kanak. saya tidak tidak tahu apakah bakat saya ini

adalah keturunan, yang pasti di rumah saya memang ada juga yang bisa

menggambar seperti saya. Yaitu dua orang kakak saya dan juga ayah

saya.</br>

selain Hobby menggambar. saya juga mempunyai hobby lain, yaitu main

sepakbola.

</font></p>

<p><font color="red"><b><u><b>BIODATA</b></u></b></font></p>

<pre><font color="gold">

<img src="taz.gif" width="240" height="320" align="left"/>

Nama : Muhammad Akhiruddin

Tempat, tanggal lahir : Pelaihari, 30 November 1986

Agama : Islam

NO. HP : 085 222 833 164

E-mail : [email protected]

Hoby : melukis & sepakbola

Alamat : Jl. Taqwa No.20 Rt.9 Rw. 3 Kec. Pelaihari,

Kab.Tanah Laut,

Kalimantan Selatan.

Riwayat Pendidikan : SDN Pelaihari 7 Tahun 1992

: MTsN 2 Pelaihari Tahun 1998

: SMA PGRI Pelaihari Tahun 2001

: Politeknik Industri Tanah Laut Tahun 2009

</font>

</pre>

</td>

23

</tr>

</table>

</font>

</td>

</tr>

<tr>

</font>

</body>

</html>

Berikut adalah tampilan halaman arie.html pada web browser:

Gambar 3. Tampilan Halaman arie.html

D. Halaman novel.html

Halaman ini menampilkan informasi tentang sebuah karya novel

amatir anak Pelaihari. Novel tersebut berjudul “Ternyata Khairina”, dan

didalam web ini, penulis sedikit memberikan gambaran alur cerita di

dalam naskah “Ternyata Khairina” tersebut. Didalam halaman ini hanya

terdapat menu link untuk menuju ke halaman shodiq.html. Berikut adalah

skrip/kode html:

<html>

<head>

24

<title>halaman_shodiq_novel</title>

</head>


<font face="arial">



<td>


</td>

<td align="center">



















</td>

<td>


</td>

25

</tr>

</table>


<table border="0">


<td alidn="center">

<marquee><b>"Novel Amatir Karya Anak Pelaihari"</b> Novel ini

didedikasikan untuk seorang yang sangat saya cintai, seseorang yang telah

pergi jauh meninggalkan diriku untuk selamanya. Tetesan air mata

bersama do'a aku iringkan untuk kebahagiaanmu disana.

amien</marquee>

</td>

</tr>

</table>

</div>

<p align="right"><font color="red" size="3">SDQ plus ARIE web

Memuat<br>

<b>INFORMASI PROFIL DAN BISNIS KAMI</b></font></p>

<b><h3><font color="blue">ROHMAD SHODIQ || KARYA NOVEL

AMATIR</font></h3></b>

<table border="2">


<th> <a href ="shodiq.html">R.SHODIQ</th></a>

</tr>

</table>

<p><font color="blue"><b><u>TENTANG

NOVEL</u></br>TERNYATA KHAIRINA</b></font></p>

<p><img src="novel.jpg" width="160" height="120" align="left"/></p>

<font color="white">

<b>"Ternyata Khairina"</b> </br>Adalah karya novel amatir saya yang

pertama. Novel ini diilhami dari kisah nyata perjalanan cinta seorang anak

manusia yang

26






gelap,

tak ada satupun manusia di sekelilingnya yang mampu melihat dan


sampai dengan tak lagi ia sanggup untuk bertahan…

Adalah sebuah cerita yang menggambarkan betapa berlika-likunya

perjalanan cinta seorang Zainal. Naskah ini mulai ditulis pada September

2009 dan selesai pada hari Selasa, 08 Pebruari 2011. Novel amatir ini

didedikasikan untuk seseorang yang spesial dihati penulis,,,,dst</br>

.......Penghianatan itu membuat Zainal sangat tersiksa. Belasan kali ia

menjalin asmara dan belasan kali itu pula ia harus merasakan sakitnya

penghianatan. Sampai dengan suatu kabar datang melalui sepucuk surat

yang di tulis oleh seorang mantan kekasihnya yang sedang sekarat,,, dst.

<p><img src="baca.jpg" width="330" height="290" align="right"/></p>

.......<b>Membaca sebagai salah satu cara saya untuk mendapatkan sebuah

inspirasi menulis. Selain itu juga sebagai panduan terkait teknik menulis.

Dengan banyak membaca saya mendapatkan banyak kosa kata dan terlebih

teknik menulis,,,,,,,</b>

</font>

<p>

<font color="blue"><b>Sepucuk surat terakhir sebagai curahan hati dan

permintaan maaf dari gadis sekarat itu,,,,,,,</font></b>

<table border="2">

<tr>

<td bgcolor="white">

<pre>

Kepada….

27

Mas Zainal tersayang

Assalamualaikum,,,,,

Mas,,, sebelumnya aku minta maaf atas semua kesalahan yang telah aku

perbuat terhadap mas Zainal

waktu itu, tapi tolong mas, tolong baca curahan hati ini sampi selesai.

Mas Zainal, kalau mas sekarang ini sedang membaca surat ini, mungkin

aku telah pergi jauh, pergi

jauh meninggalkan dunia ini untuk selama-lamanya. Namun aku sadari

pastinya aku pergi dengan

meninggalkan suatu dosa terhadap mas Zainal, dosa yang mungkin

membuat mas Zainal merasa sakit dan

kecewa, dosa yang telah menyakiti hati mas Zainal. Aku menyadari itu

semua mas, tapi demi Allah semua itu

bukan atas kehendakku. Semua itu atas kehendak kedua orang tuaku yang

sangat aku sayangi mas.

Aku sangat bingung waktu itu mas, aku sangat mencintai mas Zainal,

namun disisi lain aku juga tidak

ingin menjadi anak durhaka. Orang tuaku sangat menginginkan aku untuk

menikah dengan anak teman mereka

mas. Awalnya aku sangat terkejut dan ingin sekali berontak, namun aku

tak kuasa kalau harus meneteskan air

mata kedua orang tuaku. Karena itulah aku putuskan untuk menerima dan

menikah dengan pria pilihan

kedua orang tuaku itu. Mungkin mas bertanya kenapa aku tidak berterus

terang terhadap mas dan kenapa

waktu itu aku harus berbohong dengan bersandiwara ingin pindah rumah,,

semua itu aku lakukan karena aku

tak ingin membuat mas sedih dihadapanku, karena itu akan membuat aku

tak kuasa untuk menjalani hidup ini

lagi. Aku tak sanggup kalau harus melihat mas Zainal kecewa, aku tak

sanggup mas. Dengan berbohongpun

28

aku sangat tersiksa, batinku selalu meronta, hari-hariku penuh dengan

penyesalan telah menyakiti hati mas

Zainal. Bahkan dihari pernikahanpun semua terasa hampa, tak ada

kebahagiaan yang aku dapatkan. Semua itu

aku lakukan semata-mata untuk kebahagiaan kedua orang tuaku mas.

Mas, waktu aku menulis surat ini aku sedang terbaring di rumah sakit

karena penyakit yang telah

membawaku mengahadap Tuhan. Jadi aku tulis surat ini untuk mas Zainal,

berharap mas Zainal mau

memaafkan dosa yang telah aku perbuat terhadap mas. Siang malam aku

selalu berdo’a agar Tuhan bisa

mempertemukan aku dengan mas Zainal untuk meminta maaf langsung,

namun ternyata Tuhan tidak

mengijinkan aku untuk bisa bertemu dengan mas Zainal. Mungkin ini

semua karena dosa dan kesalahan yang

telah aku perbuat terhadap mas Zainal, untuk itu aku sangat mengharapkan

kerelaan mas Zainal.

Mas,, aku sangat mencintai mas Zainal, walau aku tak bisa menikah

dengan mas, namun cinta ini

tetap abadi dan telah aku bawa mati. Cintaku hanya untuk mas Zainal

seorang. Semoga sekarang ini mas

Zainal dalam keadaan yang sehat tak kurang satu apapun dan aku yakin

saat mas Zainal membaca surat ini

pasti mas Zainal telah memiliki istri yang cantik dan baik. Karena aku tau

mas Zainal adalah pria baik dan setia.

Selamat tinggal mas,, tetesan air mata saat menulis surat ini aku iringi do’a

untuk mas Zainal hidup

berbahagia untuk selamanya. Amin.

Wassalaam,,,,,

Tertanda,,,,

Wanita yang sangat

mencintai mas,,

29

Tifa Sunartha.

</pre>

</td>

</tr>

</table>

</p>

<p><font color="white"> <b>Setelah menerima surat itu, barulah Zainal

sadar bahwa semua penghianatan itu adalah bukan sepenuhnya kesalahan

dari wanita yang pernah singgah dalam hatinya.

Tapi apalah daya, semua sudah terjadi. Zainal dengan amarahnya telah

membenci semua wanita, dan disisi lain Tifa telah menutup mata untuk

selamanya. Hanya surat

itu yang yang bisa Tifa kirim untuk meminta maaf pada Zainal.....</br>

Ingin dapatkan softcopy naskah Ternyata Khairina? Silahkan kirim

permintaan Anda melalui E-mail dibawah ini,,,,,dst.</b></font>

</p>

<p>

<table border="6" width="70%" align="center">

<tr bgcolor="pink">


<marquee><font

color="blue"><b>[email protected]</b></font></marquee>

</td>

</tr>

</font>

</body>

</html>

30

Berikut adalah tampilan halaman novel.html pada web browser:

Gambar 4. Tampilan Halaman novel.html

E. Halaman bisnis1.html (Bisnis Bata Merah)

Halaman ini memberikan informasi tentang bisnis produksi batu

bata merah. Informasi yang dimuat meliputi latar belakang perintisan

usaha BATALA (Bata Tanah Laut) dan juga diberikan penjelasan secara

garis besar terkait dengan langkah atau proses pembuatan bata merah.

Pada halaman ini terdapat dua menu link, yaitu link menuju halaman

shodiq.html dan form1.html (Form Pemesanan Bata). Berikut adalah

skirp/kode hatml:

<html>

<head>

<title>halaman_bisnis_bata</title>

</head>


<font face="arial">



<td>


31

</td>

<td align="center">



















</td>

<td>


</td>

</tr>

</table>


</div>




KAMI</b></p>

32

<b><h3><font color="blue">ROHMAD SHODIQ || BISNIS PRODUKSI

BATU BATA MERAH (BATALA)</font></h3></b>

<table border="2">

<tr bgcolor="black">

<th> <a href ="shodiq.html">R.SHODIQ</a></th>

<th> <a href ="form1.html">FORM PEMESANAN BATA</a></th>

</tr>

</table>

<table border="0">

<tr>

<th><font color="blue"><b><u>WIRAUSAHA</u></b></font></th>

</tr>

<tr>

<td>

<img src="btl3.jpg" width="120" height="125" align="left"/>

<font color="white">Menurut Gendro Salim, seorang praktisi NLP (Neuro

Linguistic Programming),di dalam bukunya yang berjudul "Neuro

Intrepreneurship" dikatakan bahwa

wirausaha adalah <i>"sebuah pemikiran untuk mewujudkan apa yang

diinginkan oleh orang lain, dan dapat mengembangkannya ketahapan yang

lebih tinggi"</i></br>

Atas pengertian itulah saya tergerak untuk mencoba mengadu nasib

dengan berwirausaha. Ditambah lagi sebuah pencarian yang belum saya

temuakan pada dunia perusahaan,

maka kuatlah tekat saya untuk berwirausaha.</br>

Bermodalkan data dan anilisa kondisi eksternal dan internal, maka saya

membuka usaha produksi batu bata merah. Baru memang, tapi saya yakin

dengan kondisi eksternal

yang stabil ini usaha saya akan mampu berkembang kurang dari dua

tahun.</br>

Dalam kesempatan ini saya akan berbagi teknik/cara membuat bata merah.

Semoga bermanfaat bagi Anda,,,,,dst.</font>

33

</td>

</tr>

</table>

<table border="0">

<tr>

<th><font color="blue"><b><u>PROSES

PRODUKSI</u></b></font></th>

</tr>

<tr>

<td>


<font color="white"><b>A. MEMBUAT ADONAN</b></br>

Proses pertama adalah dengan membuat adonan. Hancurkan tanah sampai

menjadi butiran-butitan kecil, kemudian aduk dengan air sampai rata.

Setelah adonan benar-benar merata,

langkah selanjutnya adalah merendam adonan tersebut dengan air selama

24 jam. Ini bertujuan agar tanah benar-benar menjadi liat. Pastikan adonan

benar-benar terendam air sepenuhnya.</br>

Setelah proses perendaman selama 24 jam selesai, langkah selanjutnya

adalah membuang air dan kembali lakukan pengadukan secara merata. Ini

bertujuan untuk mendapatkan tingkat

kekentalan adonan yang tepat./font>

</td>

</tr>

</table>

<table border="0">

<tr>

</tr>

<tr>

<td>


<font color="white"><b>B. PROSES PENCETAKAN</b></br>

34

Selanjutnya adalah proses pencetakan adonan. Setelah adonan benar-benar

rata dan tinggkat kekentalannya sudah tepat, maka adonan tersebut siap

untuk dicetak. Pencetakan bisa menggunakan

cetakan kayu yang didesain khusus denga ukuran yang telah

ditentukan.</br>

Adonan dimasukan kedalam ruang-ruang persegi panjang yang ada di

cetakan, kemudian ditekan dan diratakan. Setelah itu adonan di dalam

cetakan siap untuk dikeluarkan dan siap untuk dijemur.

</font>

</td>

</tr>

</table>

<table border="0">

<tr>

</tr>

<tr>

<td>


<font color="white"><b>C. PROSES PENJEMURAN</b></br>

Adalah proses pengeringan dari adonan yang telah dicetak. Proses ini bisa

dilakukan dengan memanfaatkan panas sinar matahari, atau menggunakan

mesin pengering. Jika proses pengeringan

menggunakan panas matahari/dijemur, maka proses ini bisa berlangsung

dalam cuaca panas selama 48 jam. Setelah bata kering, maka langkah

selanjutnya adalah menyusun bata membentuk

sebuah tungku untuk kemudian dilakukan proses pembakaran.</font>

</td>

</tr>

</table>

<table border="0">

<tr>

</tr>

35

<tr>

<td>


<font color="white"><b>D. PROSES PEMBAKARAN</b></br>

Proses pembakaran bisa berlangsung selama 48 jam tanpa berhenti (api

terus menyala). Proses pembakaran bisa menggunakan tungku dengan

kayu bakar, atau bisa juga menggunakan

mesin pembakaran. proses ini sangat menentukan kualitas bata yang

dihasilkan. Semakin lama dan tinggi panas yang digunakan dalam proses

pembakaran, maka bata akan semakin

masak dan tingkat kekerasannya akan semakin tinggi.</font>

</td>

</tr>

</table>


<tr bgcolor="pink">


<marquee><font color="red"><b>[email protected] &

[email protected]</b></font></marquee>

</td>

</tr>

</table>

</font>

</body>

</html>

36

Berikut adalah tampilan halaman bisnis1.html pada web browser:

Gambar 5. Tampilan Halaman bisnis1.html

F. Halaman bisnis2.html (Bisnis Desain Grafis)

Halaman ini memberikan informasi tentang bisnis jasa desain

grafis. Informasi yang dimuat meliputi karakteristik dan tema desain.

Halaman ini juga menampilkan beberapa contoh desain yang telah dibuat.

Pada halaman ini terdapat dua menu link, yaitu link menuju halaman

arie.html dan form2.html (Form Pemesanan Desain). Berikut adalah

skirp/kode hatml:

<html>

<head>

<title>halaman_bisnis_desain</title>

</head>


<font face="arial">



<td>


</td>

<td align="center">

37



















</td>

<td>


</td>

</tr>

</table>


</div>




KAMI</b></p>

38

<b><h3><font color="red">MUHAMMAD


<table border="2">


<th> <a href ="arie.html">M. AKHIRUDDIN</a></th>

<th> <a href ="form2.html">FORM PEMESANAN DESAIN</a></th>

</tr>

</table>

<table border="2">



<ol type="square">


<ul type="square">

<li> Bisnis</li>

<li> Novel </li>

</ul>


<ul type="square">

<li>Bisnis</li>

</ul>






</ul>

</li>

</ol>




39

</td>

</tr>

<tr>

<td><img src="arie2.png" width="200" height="230" align="left"/>

<p align="justify"><font size="3" color="gold">DESAIN

GRAFIS,,,,,</br>

Usaha yang saya jalankan ini bergerak dibidang jasa penjualan kaos Khas

Daerah. Dimana saya bertugas sebagai desainer untuk kaos tersebut.

Desain yang saya buat meliputi kekhasan di suatu Daerah tertentu, namun

yang pertama saya buat adalah tentang daerah Tanah Laut yang terkenal

dengan bermacam-macam kekhasannya. Untuk daerah Tanah Laut sendiri,

desain yang saya buat berdasarkan pada tempat-tempat wisata misalnya

seperti tempat wisata gunung Khayangan, pantai Takisung, pantai

Batakan, Taman Minatirta dll. namun saya juga membuat desain

berdasarkan ciri khas dari daerah ini sendiri, yaitu Tajau yang terdapat

pada logo tanah Laut, Sapi yang banyak ada disini, jagung yang juga

banyak di tanam disini, juga tidak ketinggalan dengan Bunga Khas Tanah

Laut yaitu bunga Anggrek Bulan. untuk menjalankan usaha ini, saya

bekerjasama dengan pihak lain untuk masalah percetakan kaos. jadi, disini

saya berperan sebagai desainer. sedangkan pihak tersebut berperan sebagai

tempat untuk melakukan percetakan. Disini akan saya perlihatkan contoh-

contoh desain yang telah saya buat.</font></p>


<tr bgcolor="white">

<td align="center">

<marquee><img src="desain.jpg" width="1200"

height="300"/></marquee>

</td>

</tr>

</table>

<img src="sakuragi.gif" width="200" height="230" align="right"/>

<p align="justify"><font size="3" color="gold">

40

Desain 1 menggambarkan tentang bermacam-macam tempat wisata yang

ada di Tanah Laut dan juga saya masukkan unsur-unsur ciri khas dari

daerah tanah laut yaitu Jagung dan Anggrek Bulan yang menjadi andalan

di Tanah Laut.</br>

Desain 2 menggambarkan tentang sebuah ikon dari tanah laut, yaitu Tajau

yang di beri bentuk animasi kartun. dan juga disisipkan disitu sapi beserta

gerobak yang juga menjadi ikon dari daerah tanah Laut.</br>

Desain 3 menggambarkan tentang bunga yang menjadi ikon di Tanah

Laut, yaitu bunga Anggrek Bulan yang menjadi bunga asli dari Tanah

Laut.</br>

Desain 4 menggambarkan tentang Nanang Galuh yang sedang

mempromosikan tentang keindahan dari daerah Tanah Laut. Tidak lupa

juga disisipkan gambar Tajau yang menjadi latar belakng dari gambar

tersebut.</br>

Saya berharap usaha ini mendapat sambutan yang baik di masyarakat

umum. Dalam usaha yang saya jalankan ini pasti tidak terlepas dari yang

namanya persaingan. Namun saya yakin usaha ini akan berjalan dengan

baik dan mampu di terima oleh masyarakat di sekitar wilayah Tanah Laut

khususnya dan Kalsel pada umumnya.</font></p>

<b><font color="green">

Anda tertarik dengan desain saya. Hubungi no Hp. 085 222 833 164 atau

via e-mail ke [email protected]

</font></b>

</td>

</tr>

<tr>


<tr bgcolor="transparent">

<td align="center">

<marquee><p><h1><font color="white"><img src="arie2.png"

width="70" height="80" align="left"/>MUHAMMAD AKHIRUDDIN |

41

JL.TAQWA NO.20 RT9 RW.3 KEC. PELAIHARI KAB. TANAH LAUT

| [email protected] </font></H1></P></marquee>

</td>

</tr>

</table>

</font>

</body>

</html>

Berikut adalah tampilan halaman bisnis2.html pada web browser:

Gambar 6. Tampilan Halaman bisnis2.html

G. Halaman Form form1.html (Form Pemesanan Bata)

Halaman ini merupakan halaman interaksi pengunjung dengan

pemilik web, dimana halaman ini memuat informasi langkah-langkah

pemesanan produk bata. Halaman ini terdiri dari kolom-kolom data yang

harus diisi oleh pengunjung jika ingin memesan produk bata. Selain itu,

halaman ini juga memberikan keterangan terkait tatacara pemesanan bata.

Pada halaman ini terdapat dua menu link menuju halaman shodiq.html dan

bisnis1.html. Berikut adalah skrip/kode html:

<html>

<head>

42

<title>halaman_pemesanan_bata</title>

</head>


<font face="arial">



<td>


</td>

<td align="center">



















</td>

<td>


</td>

43

</tr>

</table>

<tr>


</div>




KAMI</b></p>

<table border="2">



<th> <a href ="bisnis1.html">BISNIS BATA MERAH</a></th>

</tr>

</table>

<table border="1">

<tr>



<ol type="square">


<ul type="square">

<li> Bisnis</li>

<li> Novel </li>

</ul>


<ul type="square">

<li>Bisnis</li>

</ul>




44



</ul>

</li>

</ol>




</td>

<td>

<p><font color="blue" size="3"><b>FORM PERMINTAAN PRODUK

BATALA (BATA TANAH LAUT)</b></font></p>

<p>

<form method="post" action="formarea.html">

<b>Silahkan Masukan Data Pribadi dan Permintaan Anda:</b>

<table border="0">


<td valign="top">

<pre>

Nama :<input type=text name=txtnama size=50>

No.Tlp :<input type=text name=txttlp size=50>

E-Mail :<input type=text name=txtemail size=50>

Jumlah Bata :<input type=text name=txtjumlah size=50>

Alamat Pengiriman :<input type=text name=txtalamat size=80>

</pre>

</td>

</tr>

</table>

<hr><input type=submit value=KIRIM><input type=reset

value=HAPUS>

</form>

</p>

45

<p>



<td><b><u>CARA PEMESANAN</u></b></br>

<pre>

1. Isi semua kolom data permintaan.

2. Kami akan mengirim komfirmasi permintaan Anda, dan jumlah biaya

yang harus Anda transfer ke rekening kami.

3. Komfirmasi akan kami kirim ke E-mail Anda.

4. Krim kembali konfirmasi persetujuan Anda melalui E-mail

[email protected]

5. Kirim biaya harga produk plus pengiriman.

6. Setalah uang Anda tranfer, lakukan komfirmasi ke kami dengan

menghubungi No. HP 085 285 604 671

7. Selanjutnya produk akan kami kirim ke alamat yang tertera di alamat

pengiriman.

</pre>

</p>

<p>

<b><u>KETERANGAN</u></b></br>

<pre>

1. Biaya transaksi adalah harga produk= Rp. 400.000/1000 bata ditambah

ongkos kirim.

2. Minimal permintaan produk sebanyak 10.000 bata.

3. Biaya transaksi bisa Anda tranfer melalui Bank Mandiri NO. Rekening

031-00-0707688-1 atas nama ROHMAD SHODIQ

</pre>

</p>

</td>

</tr>

</table>

46


<tr bgcolor="pink">


<marquee><font color="blue"><b>TERIMAKASIH ATAS

KEPERCAYAAN ANDA PADA PRODUK

KAMI</b></font></marquee>

</td>

</tr>

</table>

</font>

</body>

</html>

Berikut adalah tampilan halaman form1.html pada web browser:

Gambar 7. Tampilan Halaman form1.html

H. Halaman form2.html (Form Pemesanan Desain)

Halaman ini merupakan halaman interaksi pengunjung dengan

pemilik web, dimana halaman ini memuat informasi langkah-langkah

pemesanan jasa desain. Halaman ini terdiri dari kolom-kolom data yang

harus diisi oleh pengunjung jika ingin memesan jasa desain. Selain itu,

halaman ini juga memberikan keterangan terkait tatacara pemesanan

47

desain. Pada halaman ini terdapat dua menu link menuju halaman

arie.html dan bisnis2.html. Berikut adalah skrip/kode html:

<html>

<head>

<title>halaman_pemesanan_desain</title>

</head>


<font face="arial">



<td>


</td>

<td align="center">



















48

</td>

<td>


</td>

</tr>

</table>


</div>




KAMI</b></p>

<b><h3><font color="red">MUHAMMAD


<table border="2">



<th> <a href ="bisnis2.html">BISNIS DESAIN GRAFIS</a></th>

</tr>

</table>

<table border="1">



<ol type="square">


<ul type="square">

<li> Bisnis</li>

<li> Novel </li>

</ul>


<ul type="square">

<li>Bisnis</li>

49

</ul>






</ul>

</li>

</ol>




</td>

</tr>

<tr>

<td><p><font color="red" size="3"><b>FORM PERMINTAAN JASA

DESAIN (ARIE)</b></font></p>

<p>


<font color="gold"><b>Silahkan Masukan Data Pribadi dan Permintaan

Anda:</b>

<pre>

Nama :<input type=text name=txtnama size=50>

No.Tlp :<input type=text name=txttlp size=50>

E-Mail :<input type=text name=txtemail size=50>

Gambaran Motif Desain :<input type=text name=txtjumlah

size=100>

</pre>


value=HAPUS>

</form>

</p>

50

<p>


<tr bgcolor="black forest">

<td><font color="white"><b><u>CARA

PEMESANAN</u></b></br></font>

<pre>

1. Isi semua kolom data permintaan.

2. Kami akan mengirim komfirmasi permintaan Anda, dan jumlah biaya

yang harus Anda transfer ke rekening kami.

3. Komfirmasi akan kami kirim ke E-mail Anda.

4. Krim kembali konfirmasi persetujuan Anda melalui E-mail

[email protected]

5. Kirim biaya harga produk plus pengiriman.

6. Setalah uang Anda tranfer, lakukan komfirmasi ke kami dengan

menghubungi No. HP 085 222 833 164

7. Selanjutnya desain akan kami kirim ke alamat E-mail Anda.

</pre>

</p>

<p>

<font color="white"><b><u>KETERANGAN</u></b></br></font>

<pre>

1. Format fie desain akan kami sesuaikan dengan permintaan Anda.

1. Biaya transaksi disesuaikan dengan motif desain yang Anda inginkan.

2. Biaya transaksi bisa Anda tranfer melalui

Bank Mandiri NO. Rekening 031-00-0707692-3 atas nama

MUHAMMAD AKHIRUDDIN

</pre>

</p>

</font>

</td>

</tr>

<tr>

51


<tr bgcolor="purple">


<marquee><font color="gold"><b>TERIMAKASIH ATAS

KEPERCAYAAN ANDA PADA JASA DESAIN

KAMI</b></font></marquee>

</td>

</tr>

</table>

</font>

</body>

</html>

Berikut adalah tampilan halaman form2.html pada web browser:

Gambar 8. Tampilan Halaman form2.html

I. Halaman coach.html

Halaman ini memuat informasi tentang kegiatan pemilik web

terkait dengan pengembangan bisnis. Informasi yang disajikan berbentuk

gambar dan teks. Pada halaman ini hanya terdapat satu menu link, yaitu

langsung menuju pada halaman index.html. berikut adalah skrip/kode

html:

52

<html>

<head>

<title>halaman_coach</title>

</head>

<body bgcolor="silver">

<font face="arial">



<td>


</td>

<td align="center">



















</td>

<td>

53


</td>

</tr>

</table>


</div>




KAMI</b></p>

<b><h3><font color="red">ROHMAD

SHODIQ</font></h3></b></font>

<b><h3>COACHING BUSINESS PERWIRA MANDIRI</h3></b>

<table border="2">

<tr bgcolor="black">


</tr>

</table>

<p>


<tr>

<td align="justify">

<img src="coach.jpg" width="300" height="250" align="left"/>

<b>Tim Coach Business,,,</b></br>

&nbsp Adalah sebuah pelatihan untuk para pelaku bisinis oleh FBI

(Formula Bisnis Indonesia). Program ini merupakan upaya peningkatan

kualitas dan produktivitas dari

sebuah bisnis untuk mencapai suatu provit tertentu. kegiatan yang kami

ikuti ini dilaksanakan di Bank Mandiri Banjarmasin selama 6 bulan

dengan jumlah pertemuan

54

sebanyak 12 kali pertemuan. FBI sedang mengadakan coaching terhadap

para pelaku bisnis muda yang bersetatus sebagai mahasiswa. Politeknik

Industri Tanah Laut

sebagai salah satu perguruan tinggi yang mengirim 5 mahasiswanya untuk

mengikuti kegiatan tersebut. Ya mahasiswa yang sedang menggeluti bisnis

termasuk kami.</br>

Selama mengikuti coaching tersebut banyak kemajuan yang kami

rasakan. salah satunya adalah meningkatnya rasa percaya diri kami untuk

terus mengembangkan bisnis

dan bermain lebih jauh lagi untuk suatu pencapaian gool-gool trkait target

visi dan misi bisnis kami masing-masing. Dengan mengikuti kegiatan

tersebut, banyak perubahan yang

terjadi pada bisnis kami. Dari perbaikan laporan keuangan, neraca, visi,

misi, culture, time frame, badgeting, outcome, dan masih banyak lagi

perbaikan-perbaika pada managemen

internal usaha kami. Selain perbaikan pada lingkungan internal, kami juga

mendapatkan bimbingan terkait dengan teknik menganalisa kondisi

ekkternal yang dirasa berpengaruh

terhadap suasana bisnis. Teknik-teknik pencapaian gool untuk menuju

sebuah pencapain visi bisnis juga kami dapatkan. Semua itu berorientasi

pada peningkatan kualitas

manajemen bisnis yang kami jalankan.</br>

&nbsp FBI (Formula Bisnis Indonesia) pada program coaching perwira

mandairi dengan perserta para mahasiswa tersebut, khusus untuk

Banjarmasin menangani 20 mahasiwa dari 4 perguruan tinggi

dengan 20 jenis bisnis yang berbeda. Dijelaskan bahwa pelatihan tersebut

bukanlah melatih untuk menjalankan suatu bisnis tertentu, tetapi teknik-

teknik yang diberikan

adalah teknik untuk meningkatkan provit semua bisnis yang sedang

digeluti atau diminati. Teknik yang diberikan selama mengikuti program

coaching perwira mandiri oleh FBI

55

ini dapat diterapkan kesemua jenis bisnis atau usaha, tinggal bagaimana

dapat menyesuaikan dengan kondisi internal dan eksternal serta perlakuan

khusus sesuai dengan jenis usaha.</br>

&nbspKami Rohmad Shodiq dan Muhammad Akhiruddin telah mengikuti

pelatihan itu, dan yang kami rasakan adalah sebuah power untuk bisa

menggerakan bisnis saja dengan lebih baik.

Awalnya memang sangat melelahkan, betapa tidak selama 6 bulan dan 12

kali pertemuan, kami benar-benar digembleng dan dituntut untuk dapat

menangkap tenik yang diberikan dan langsung

menerapkannya pada usaha, serta melaporkan pada pelatih untuk segera di

evaluasi. Hasilnya memang akan terasa setelah beberapa bulan bahkan bisa

beberapa tahun kedepan.

namun intinya semua tinggal bagaimana kita dapat mengimplementasikan

semua teknik yang diberikan untuk peningkatan provit usaha kita.</br>

BATALA dan DESAIN ARIE adalah sebagian kecil dari bisnis para

mahasiswa yang telah dicoaching oleh FBI (Formula BIsnis Indonesia)

dan untuk hasil nyatanya akan kami informasikan beberapa tahun

mendatang,,,,,dst

</td>

</tr>

</table>

</font>

</body>

</html>

56

Berikut adalah tampilan halaman coach.html pada web browser:

Gambar 9. Tampilan Halaman coach.html

J. Halaman buku_tamu.html

Halaman ini merupakan halaman interaksi bagi pengunjung untuk

memberikan kontribusinya, seperti komentar terhadap semua yang ada di

dalam web ini. Pada halaman ini hanya terdapat satu menu yaitu menuju

halaman index.html. berikut adalah skrip/kode html:

<html>

<head>

<title>halaman_buku_tamu</title>

</head>

<body background="latar1.jpg">

<font face="arial">



<td>


</td>

<td align="center">

57



















</td>

<td>


</td>

</tr>

</table>


</div>



<font color="red"><b>INFORMASI PROFIL DAN BISNIS

KAMI</b></p>

<table border="2">


58


</tr>

</table>

<P><font color="red"><h3>HALAMAN KOMENTAR BAGI

PENGUNJUNG</h3></font></p>

<p>


<pre>

Silahkan Masukan Data Pribadi Anda:

Nama :<input type=text name=txtnama>

Alamat :<input type=text name=txtalamat size=50>

E-Mail :<input type=text name=txtemail size= 40>

Coment :<input type=text name=txtcoment size=180>

</pre>


value=HAPUS></hr>

</p>

</form>



<th><marquee><b>Terimakasih atas kunjungan dan komentar Anda,

semoga informasi yang kami sajikan dapat bermanfaat bagi Anda, dan

komentar yang Anda berikan dapat membangun kami untuk lebih baik lagi

menyampaikan informasi yang Anda butuhkan.</b></marquee></th>

</tr>

</table>

</font>

</body>

</html>

59

Berikut adalah tampilan halaman buku_tamu.html pada web browser:

Gambar 10 Tampilan Halaman buku_tamu.html.

60

KESIMPULAN

Pembuatan web ini sepenuhnya menggunakan tag atau bahasa html

(hyper text marcum language). Bahasa pemrograman ini digunakan untuk

menampilkan sebuah halaman/situs web pada komputer client (Client Side

Skrip). Pada situs web pribadi ini memuat informasi tentang profil dan

bisnis pemiliknya. Selain bersifat share informasi, situs ini juga bersifat

sebagai media promosi produk dan media pemesanan/jual beli produk.

Situs web ini terdiri dari 10 halaman link, yaitu: “Home”,

“R.Shodiq”, “M.Akhiruddin”, “Novel Amatir”, “Bisnis Bata Merah”,

“Bisnis Desain Grafis”, “Form Pemesanan Bata”, “Form Pemesanan

Desain”, “coach”, dan “Buku Tamu”.

laporan tugas besar membangun web … · 2 web pribadi shodiq & arie . pendahuluan . a. tema...

Documents