proposal provider im3

Proposal provider im3

I. Latar Belakang

1.1. Dasar Gagasan Usaha

Banyak masyarakat yang tidak mau repot, karena keterbatasan waktu. Pulsa harganya murah, cepat, dan praktis, bisa menghemat lokasi menyimpan pulsa karena pulsa hanya disimpan dalam ponsel.

Dalam era globalisasi seperti sekarang ini, dunia semakin terasa sempit karena jarak dan ruang yang membatasi hubungan antar tempat semakin tidak terlihat. Arus informasi mengalir dengan cepat dari berbagai belahan dunia seakan tanpa hambatan. Begitu juga dengan alat komunikasi yang digunakan. Kebanyakan orang menginginkan, untuk berkomunikasi tidak merasa sulit. Karena setiap manusia pasti saling berinteraksi satu dengan yang lainnya. Maka diciptakannya sebuah alat komunikasi yang modern, yaitu handphone atau telepon genggam. Alat ini adalah salah satu dari sekian banyak alat komunikasi yang diciptakan oleh manusia. Suatu perjalanan teramat panjang telah dilalui dalam sejarah hingga memungkinkan kita dimasa kini dapat menikmati pemakaian handphone yang canggih seperti sekarang ini. Begitu banyak pengorbanan yang telah diberikan untuk mencapai prestasi optimal dalam bidang komunikasi.

1.2. Maksud dan Tujuan

Maksud dan tujuan dari adanya proposal ini adalah untuk membangun sebuah bisnis penjualan produk voucher indosat, khusunya im3 untuk memenuhi kebutuhan konsumen yang menginginkan sesuatu yang lebih cepat dan mudah dalam melakukan pengisian pulsa. Karena im3, adalah provider yang menawarkan banyak fitur. Serta harga yang murah.

Banyak konsumen yang tidak ingin repot dalam mengisi pulsa. Hal ini disebabkan oleh keterbatasan waktu yang dimiliki oleh konsumen. Dengan adanya bisnis pulsa voucher elektrik IM3 ini maka konsumen dapat menghemat waktu mereka untuk dapat mengisi pulsa telepon genggam mereka.

1.2.1. Prospek Pasar

Tempat usaha yang didirikan cukup strategis, berada di pinggir jalan. Dimana semua orang yang melalui jalan ini dapat melihat. Terjangkau oleh semua orang, berdekatan dengan usaha-usaha yang lain. Seperti toko makanan minuman, alat rumah tangga, dll. Dan yang pastinya di sekitar daerah ini belum ada counter pulsa.

1.2.2. Manfaat Ekonomi

Manfaat ekonomi yang di dapat khususnya untuk pengusaha pulsa ini yaitu meningkatkan taraf hidup, dan memenuhi kebutuhan sehari-hari.

1.2.3. Manfaat Sosial

Manfaat sosial yang di dapat yaitu dapat membantu membiayakan saudara-saudara, memudahkan masyarakat untuk membeli pulsa atau keperluan lainnya yang berhubungan dengan handphone.

2. Aspek Pemasaran

2.1. Gambaran Umum Pasar

1. Jenis produk yang dipasarkan adalah berupa pulsa elektrik, pulsa voucher, cassing hp, chargeran hp, baterai hp, aksesoris hp, dll.

2. Wilayah Pemasaran mencakup daerah Depok dan sekitarnya

2.2. Permintaan

Permintaan masyarakat yang begitu beragam, menjadikan perusahaan menambahkan stock barang-barang yang di butuhkan untuk memenuhi permintaan masyarakat.

2.2.1 Jumlah Permintaan Terhadap Produk

a. Sasaran Pembeli (konsumen) yaitu semua orang yang membutuhkan tentang keperluan tentang handphone.

b. Jumlah konsumen, jumlah konsumen di ukur dari banyaknya pengunjung yang datang setiap harinya.

c. Jumlah kebutuhan, jumlah kebutuhan terpenuhi setiap harinya.

d. Total Kebutuhan per-tahun, berubah-ubah tergantung permintaan masyarakat.

2.3 STRATEGIS BISNIS

Strategi Pemasaran Pesaing

Uraikan strategi Pemasaran yang dilakukan pesaing Anda, meliputi :

a. Produk (mutu, ukuran, kemasan, dll). Produk yang ditawarkan cukup banyak, tetapi harga yang diberikan agak mahal. Barang-barang yang disediakan juga modelnya sudah tidak mode on.

b. Harga (harga satuan, syarat pembayaran, potongan, dll). Harga yang ditawarkan agak mahal, sistem pembayarannya juga tidak efisien.

c. Jalur Penjualan. Jalur penjualannya hanya meliputi daerah-daerah tertentu, tidak di pinggir jalan. Sehingga menyulitkan konsumen untuk mengetahui adanya counter pulsa.

d. Promosi. Promosi yang disebarkan hanya dari orang ke orang.

2.4 Strategi Pemasaran Perusahaan

Uraikan strategi Pemasaran yang akan Anda lakukan

a. Produk (mutu, ukuran, kemasan, dll). Produk yang perusahaan tawarkan cukup banyak, dan harga yang diberikan lebih murah. Barang-barang yang disediakan banyak macamnya dan yang sedang di cari oleh para konsumen.

b. Harga (harga satuan, syarat pembayaran, potongan, dll). Harga yang di tawarkan lebih murah. Dan sistem pembayarannya efisien.

c. Jalur Penjualan. Jalur penjualannya sangat strategis, yang terletak di pinggir jalan. Yang memudahkan konsumen untuk menjangkaunya.

d. Promosi. Promosi yang dilakukan cukup banyak, yaitu dengan menyebarkan brosur-brosur dan dari orang ke orang.

2.5. Penetapan Harga Jual

1. Kebutuhan modal awal:
o HP untuk menjual pulsa : Rp 300.000
o Promosi : spanduk, pamflet, kartu nama: Rp 100.000
o Total : Rp 400.000

2. Ongkos rutin bulanan:
o Pulsa untuk mengirimkan pulsa = Rp 25.000
o Total : Rp 25.000

3. Estimasi pemasukan:
Setiap hari diperkirakan bisa menjual 10 pulsa per hari.
Berarti penjualan per bulan adalah 10x30 buah pulsa , totalnya = 300 pulsa per bulan.
Laba kotor:
Laba per pulsa = Rp 2000
Laba kotor per bulan = Rp 2000 x 300 pulsa = Rp 600.000

3. PENUTUP

Tahap yang terakhir yaitu tinggal di pasarkan. Pemasaran yang dilakukan haruslah baik. Dengan pelayanan yang baik maka konsumen yang datang akan semakin banyak. Demikian akhir dari proposal ini. Untuk kelebihan dan kekurangan mohon dimaafkan. Kepada pihak yang bersangkutan dimohon atas pertimbangannya mengenai bisnis pulsa elektrik IM3 ini. Dilihat dari reaksi kostumer maka akan terlihat bagaimana respon yang ditimbulkan. Terima Kasih. Wassalamu’alaikum . wr. Wb.

PEMBUATAN BONEKA PINOKIO PADA BLENDER

LANGKAH – LANGKAH PEMBUATAN

“Boneka Pinokio”

Software yang digunakan :

· blender-2.49b-windows

· CeguiMeshViewer_Setup

· BlenderExport

· OgreMax Plugin for 3ds Max

Cara Kerja dan proses Pembuatan :

Pembuatan Gambar

Sebelum kita melakukan pembuatan object kita harus melakukan penginstalan terlebih sebelumnya Untuk proses penginstalan Blender sebelumnya kita harus menginstal 3d max terlebih dahulu karena kedua program tersebut terhubung, jadi apabila menginstall blender dahulu. Blender digunakan sebagai tempat penggambaran object, banyak program yang digunakan sebagai tempat untuk penggambaran object misalnya Anim8or dan 3Dmax, tetapi setiap software yang digunakan sebagai tempat penggambaran membutuhkan sebuah software lagi yang digunakan untuk mengExport hasil gambar, tujuannya adalah agar gambar dapat digunakan pada program 3d max karena pada program 3d max hanya bisa membaca gambar yang ber-ekstention .mesh maka untuk itulah software-software pengexport sangat dibutuhkan, pada kali ini penulis menggunakan blender sebagai tempat penggambaran object dan menggunakan BlenderExport sebagai software pendukung untuk mengexport 3d max dan juga menggunakan software CeguiMeshViewer_Setup dan sebagai konfigurasi BlenderExport kedalm blender. Extrctlah file BlenderExport yang sudah didownload, kemudian copy semua file hasil ekstraksi tadi ke path: Documents and Settings\..\Aplication Data\Blender Foundation\Blender\.blender\scripts. Selanjutnya adalah menjalankan Blender 2.49b, pada Scripts Window (icon yang terdapat pada drop box sebelah kiri dekat menu bar) jalankan Scripts>>Update Menus. Maka pada tampilan User Preferences, jika kita ingin mengexport objek blender melalui menu File>>Export akan terdapat pilihan 3d max Meshes yang digunakan untuk mengeksport file blender menjadi file xml.

Langkah diatas adalah mengexport file blender menjadi file xml, namun file ini masih belum dapat dibaca oleh 3d max. Untuk itu file xml ini perlu dikonversi lagi menjadi file meshes yang dapat dibaca oleh 3D max yang digunakan untuk mengkonversi file xml menjadi file meshes. Setelah kita menginstall blender pada komputer kita selanjutnya adalah kita melakukan penggambaran object, yang nantinya akan kita export kedalam program 3d max, sebenarnya tidak ada langkah khusus dalam penggambaran object hanya kita harus tahu apa yang akan kita gambar. Pada kesempatan kali ini penulis menggambar sebuah boneka pinokio. Untuk menggambar sebuah object maka kita perlu membuka blendernya terlebih dahulu denan cara memilih fileànew maka akan muncul tampilan awal seperti ini:

Install semua software yang dibutuhkan , pertama-tama buka aplikasi blender. Dibawah ini adalah gambar objek.blend yang dipanggil dalam aplikasi blender. Berikut ini adalah sebuah objek dengan bentuk boneka pinokio yang digambarkan dengan menggunakan program blender.

Setelah itu konvert menjadi mesh (.mesh) dan material (.material)

Lalu kita export object yang telah kita buat dari Autodesk 3ds Max dari menu File lalu kita pilih Export. Kita atur extension nya menjadi OgreMaxMesh (*.MESH) lalu kita tempatkan file material dan mesh nya pada directory blender \ blenderOgreRelease \ demos \ media \ models agar bisa kita import secara langsung. Lalu, kita buat terlebih dahulu satu folder. Beri nama bebas, contoh nama foldernya kali ini objek.mesh.

Setelah dibuat, copy folder plugins dari BlenderOgreRelease. Lalu kita copy juga folder media dari BlenderOgreRelease/Demos/ dan satukan kedua folder tersebut di dalam folder objek yang telah dibuat sebelumnya.

Berikut ini adalah tampilan cara mengeksport dari blender menjadi 3D studio. Klik nama projeknya lalu di eksport 3DS.. Lalu setelah kita menggambar object secara benar selanjutnya adalah kita lakukan pengexport’an agar bisa dibaca oleh ogre berikut adalah langkah pengexport’an agar bisa terbaca oleh 3d max :

Pilih file lalu pilh export setelah itu kita pilih lagi 3d max setelh kita pilh maka akan muncul seperti jendela dibawah ini

Setelah kita mengklik Export 3DS, lalu kita klik Render Current Frame, seperti tampilan di bawah ini:

Maka setelah semua proses dilakukan, selanjutnya akan tampil tampilan seperti output di bawah ini:

OUTPUT :

Cahaya dari atas

CSS(Cascading Style Sheets)

CARA PEMBUATAN CSS PADA HTML...

Format Isi Program :

Nama File : one.html,two.html, three.html, four.html, five.html, six.html,dan mystyle.css

Nama Aplikasi: EditPlus

Listing Program :

· Listing program one.html

^_"Icha_Shop Membership Card"_^

· Listing program two.html

Home

Form

About

· Listing program three.html

"Membership Card"

Bergabunglah Dengan "Icha_Shop Membership Card"!!! Raihlah banyak keuntungan yang lebih dan meriah sewaktu anda berbelanja di Icha_Shop...

Selamat Bergabung!!!

*Sebagai anggota "Icha_Shop Membership Card", kami sangat senang apabila anda dapat bergabung sebagai anggota "Icha_Shop Membership Card" dan mendapatkan keuntungan-keuntungan yang lebih dan meriah sewaktu anda berbelanja di Icha_Shop. Silahkan baca keterangan di bawah ini mengenai keuntungan menjadi anggota serta syarat dan ketentuannya.

Manfaat menjadi Anggota : Manfaat yang diperoleh khusus untuk anggota di antaranya Harga spesial, Info spesial, Point Reward, dan Program Promosi spesial lainnya

Syarat Dan Ketentuan Menjadi Anggota:

1. Keanggotaan ini berlaku bagi penduduk Indonesia(WNI) di atas umur 17 tahun dan mempunyai KTP atau SIM.>

2. Untuk menjadi anggota anda cukup menunjukkan struk belanja Icha_Shop senilai minimal Rp 350000 dalam satu kali transaksi. Kami tidak membebankan biaya sepeserpun untuk pembuatan kartu pada saat pendaftaran.

3. Mengisi formulir pendaftaran dan menandatangani pernyataan persetujuan.

· Listing program four.html

· Listing program five.html

Formulir Pendaftaran

Nama	:
Password	:
Retype Pass	:
Alamat	:
Jenis Kelamin	: Laki-Laki	Perempuan
Hobby	: Olahraga	Musik	Belajar
Agama	: Islam Hindu Budha Katholik Protestan

· Listing program six.html

"Tentang Icha_Shop Membership Card"

PENJELASAN Tentang Membership Card

"Icha_Shop Membership Card" adalah layanan atau fasilitas yang diberikan oleh Icha_Shop untuk para pelanggan yang berkunjung ke Icha_Shop. Banyak keuntungan yang di dapat apabila anda sering berkunjung dan berbelanja di Icha_Shop ini. Seperti Harga yang didapat bisa lebih murah, Banyak Diskon atau potongan harga apabila anda membeli produk-produk tertentu, Mendapatkan info yang spesial, Akan mendapatkan point apabila anda berbelanja Rp 50000 berlaku kelipatannya dan point tersebut bisa ditukar dengan hadiah-hadiah yang menarik, dan Program Promosi lainnya.

Selamat Mencoba!!!

...Dipastikan anda tidak akan menyesal...

· Listing program mystyle.css

h1 {color : blue ;background-color : yellow}

h2 {color : green ;background-color :black}

h3 {color : red ;background-color :black}

h4 {color : yellow ;background-color : green}

p.par1 {color : red ; text-align : center ; border-style : dotted}

p.par2 {color : orange ; text-align : justify ; border-style : groove}

p.par3 {color : purple ; text-align : center ; border-style : dashed}

p.par4 {color : green ; text-align : center ; border-style : dotted}

LOGIKA PROGRAM :

Pada praktikum kita kali ini. Kita akan membuat CSS(Cascading Style Sheets) merupakan suatu bahasa yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup. Pada umumnya CSS digunakan untuk memperindah suatu tampilan HTML. Dengan CSS kita dapat memberikan warna tulisan, background HTML, serta memasukkan gambar dan menambahkan border pada website yang kita buat. Penggunaan yang paling umum dari CSS yaitu memformat halaman website yang ditulis dengan HTML dan XHTML. Ada 3 jenis cara yang digunakan untuk membuat CSS yaitu dengan cara inline style yaitu berlaku untuk tag yang langsung diberikan style. Penggunaan CSS inline digunakan untuk kasus-kasus tertentu, misalnya pada postingan. Yang kedua dengan cara embedded style atau internal. Yaitu dengan cara menempelkan kode CSS diantara tag dan . Dan yang terakhir dengan cara external style yaitu ditulis dalam satu file terpisah yang disimpan dengan akhiran .CSS, lalu perlu memanggil file css tersebut ke dalam semua halaman web yang dibuat. Untuk kali ini kita akan membuat tampilan website dengan menggunakan css inetrnal dan external di dalam suatu FRAME, tabel dan inputan pada HTML. Table yaitu suatu tag yang digunakan untuk membuat tabel pada HTML. Guna dari tabel ini adalah untuk membuat susunan halaman lebih rapih. Penggunaan tag ini disertai dengan tag untuk menyatakan baris, dan tag untuk menyatakan kolom. Inputan yaitu suatu tag yang berguna untuk memberikan inputan berupa data pada dokumen HTML kode yang kemudian akan di proses untuk kode program dengan tag form, sehingga dapat di arah lain ke program yang akan di kirimkan oleh pemroses data melalui tag Input. Sedangkan FRAME yaitu suatu tag yang digunakan untuk membuat sebuah bingkai yang terdapat di dalam tag FRAMESET. Cara kerja frame hampir sama dengan cara kerja yang digunakan untuk membuat sel tunggal di sebuah tabel, begitu juga dengan tag frame yang berguna untuk membuat sebuah bingkai tunggal di sebuah FRAMESET. Untuk membuat tampilan tersebut kita menggunakan aplikasi atau program EditPlus. Ini adalah aplikasi agar apabila program ini dijalankan tidak secara online. Bisa juga digunakan notepad untuk menuliskan kode program tersebut lalu di simpan dengan .html, dan dijalankan di web browser. Akan tetapi ini harus online.

Langkah-langkah yang harus dilakukan untuk membuat CSS di dalam FRAME, tabel dan Inputan pada HTML yang menggunakan aplikasi EditPlus yaitu sebagai berikut:

Langkah pertama yang kita lakukan yaitu membuka aplikasi EditPlus yang telah tersedia, apabila belum ada anda bisa mendownload aplikasi tersebut. Setelah EditPlus dibuka kita pilih menu File dari menu bar. Pilih New - HTML page.

Sesudah kita memilih menu HTML page maka akan terlihat tampilan lembar kerja seperti gambar di bawah ini yang nantinya akan digunakan untuk mengetikkan tag-tag HTML. Pada tag , dan akan dituliskan kode-kode program yang akan di tampilkan pada website yang akan di buat.

Kode program di bawah ini yaitu salah satu jenis cara untuk mebuat CSS, yaitu cara external style yaitu ditulis dalam satu file terpisah yang disimpan pada file .CSS yaitu dengan nama mystyle.css. Ini harus ada pada semua file yaitu one.html, two.html, three.html, four.html, five.html, six.html. Kode program di bawah ini digunakan untuk memanggil file .css tersebut ke dalam semua halaman web yang dibuat.

Kode program di bawah ini terletak di antara tag dan , yang terletak pada file one.html dan berfungsi untuk menampilkan head(Kepala) atau judul dari HTML yang akan kita buat. Dengan judul ^_"Icha_Shop Membership Card"_^.

ukuran huruf paling besar.

,

digunakan untuk membagi paragraf berdasarkan kelas. Dengan nama kelas par1. Yang nantinya akan digunakan untuk memanggil perintah yang terdapat pada mystyle.css yaitu p.par1 {color : red ; text-align : center ; border-style : dotted}. Maksudnya dalam kelas par1, warna border dan warna tulisan yang dipakai yaitu warna merah berdasarkan besar huruf yaitu

dan warna background yaitu kuning,yang terletak di tengah(center) dengan model border yaitu dotted berupa garis titik putus-putus. , digunakan untuk menggerakkan teks.

^_"Icha_Shop Membership Card"_^

Selanjutnya kita ketikkan kembali kode program pada file two.html yaitu sebagai berikut:

Home Form About

Sama seperti kode program sebelumnya, kode program di atas terletak di antara tag dan .

yaitu ukuran huruf.

,

digunakan untuk membagi paragraf berdasarkan kelas. Dengan nama kelas par3. Yang nantinya akan digunakan untuk memanggil perintah yang terdapat pada mystyle.css p.par3 {color : purple ; text-align : center ; border-style : dashed}. Maksudnya dalam kelas par3, warna border dan warna tulisan yang dipakai yaitu warna ungu berdasarkan besar huruf yaitu

, yang terletak di tengah(center) dengan model border yaitu dashed berupa garis strip putus-putus dan warna background yaitu hijau. Kode program ini Home
maksud dari perintah ini yaitu untuk a href digunakan untuk ngelink ke file ke three.html, target itu maksudnya untuk menampilkan file tersebut berada di frame sebelah mana. Target disini maksudnya adalah Home yang akan tampil pada halaman webnya yang terletak pada frame sebelah kiri, dan isi dari Home akan tampil pada frame yang berada pada sebelah kanan. Begitu juga untuk perintah yang lain seperti menu Form dan About, untuk Form akan melinkan ke file five.html sedangkan untuk menu About akan melinkan ke file six.html. yang akan muncul di sebelah kanan frame pada web yang kita buat. Output dari kode program ini yaitu akan menampilkan menu Home, Form, dan About pada frame yang terdapat pada website.

Berikutnya kita ketikkan kembali kode program pada file three.html yang terletak di antara tag dan , adalah sebagai berikut:

"Membership Card" Bergabunglah Dengan "Icha_Shop Membership Card"!!! Raihlah banyak keuntungan yang lebih dan meriah sewaktu anda berbelanja di Icha_Shop... Selamat Bergabung!!! *Sebagai anggota "Icha_Shop Membership Card", ....dst. Manfaat menjadi Anggota : Manfaat yang diperoleh khusus untuk anggota di antaranya Harga spesial, Info spesial, Point Reward, dan Program Promosi spesial lainnya Syarat Dan Ketentuan Menjadi Anggota: 1. Keanggotaan ini berlaku bagi penduduk Indonesia(WNI) di atas umur 17 tahun dan mempunyai KTP atau SIM.> 2. Untuk menjadi anggota anda cukup menunjukkan struk belanja Icha_Shop senilai minimal Rp 350000 dalam satu kali transaksi. Kami tidak membebankan biaya sepeserpun untuk pembuatan kartu pada saat pendaftaran. 3. Mengisi formulir pendaftaran dan menandatangani pernyataan persetujuan.

Maksud dari perintah di atas yaitu untuk menampilkan isi dari menu Home yang terdapat pada Frame. Jadi jika anda mengklik menu Home, maka akan keluar kalimat-kalimat di atas. Akan tetapi dengan ukuran huruf yang berbeda-beda. Untuk

adalah ukuran huruf yang paling besar dan untuk

adalah ukuran huruf yang paling kecil untuk perintah di atas. Perintah

yang terdapat pada teks "Membership Card" dan Selamat Bergabung, digunakan untuk membagi paragraf berdasarkan kelas. Dengan nama kelas par3. Yang nantinya akan digunakan untuk memanggil perintah yang terdapat pada mystyle.css p.par3 {color : purple ; text-align : center ; border-style : dashed}. Maksudnya dalam kelas par3, warna border dan warna tulisan yang dipakai yaitu warna ungu berdasarkan besar huruf yaitu

, yang terletak di tengah(center) dengan model border yaitu dashed berupa garis strip putus-putus dan warna background yaitu kuning. Perintah , agar teks dapat bergerak. Begitu juga untuk perintah

, yaitu ukuran huruf

yang terdapat pada teks Sebagai anggota.... dan Syarat dan Ketentuan..., perintah digunakan untuk membagi paragraf berdasarkan kelas. Dengan nama kelas par2. Yang nantinya akan digunakan untuk memanggil perintah yang terdapat pada mystyle.css p.par2 {color : orange ; text-align : justify ; border-style : groove}. Maksudnya dalam kelas par2, warna tulisan yang dipakai yaitu warna kuning berdasarkan besar huruf yaitu

, yang terletak di rata kanan dan kiri(justify) dengan model border yaitu groove berupa garis lurus dan warna background yaitu hitam. Sedangakan yang

, maksudnya sama seperti perintah di atas akan tetapi background’a warna hijau. Begitu juga untuk perintah-perintah yang lain fungsinya sama seperti perintah yang sudah dijelaskan sebelumnya.

Langkah selanjutnya yaitu kita ketikkan kembali kode program pada file four.html yang terletak di antara tag dan , ini adalah inti dari semua file atau untuk menjalankan dan mengelinkan dari satu frame ke frame yang lain perintahnya adalah sebagai berikut:

Maksud dari perintah di atas yaitu untuk perintah maksudnya adalah ukuran atau besar frame sebesar 10%, untuk head atau judul dari web tersebut dengan ketebalan bingkai untuk frame tersebut yaitu 10. Untuk perintah untuk mengelinkan ke file one.html, jadi apabila anda mengklik menu Home maka akan muncul isi dari home tersebut. Yang terletak pada sebelah atas. Dan terdapat scrolling untuk menaikkan atau menurunkan isi dari web yang di buat maka ‘yes’, jika ‘no’ maka scrolling tidak akan di munculkan. Untuk perintah perintah ini maksudnya lebar kolom dari frame untuk menu seperti Home, Form, dan About sebesar 20%, dan untuk lebar isi dari kolom menu sebesar 80%, dengan ukuran bingkai sebesar =1. Begitu juga untuk perintah yang lain untuk menu Form dan About, fungsinya sama seperti perintah menu Home.

Langkah berikutnya kita ketikkan kembali kode program pada file five.html yang terletak di antara tag dan , adalah sebagai berikut:

Formulir Pendaftaran Nama : Password : Retype Pass : Alamat : Perintah di atas berfungsi untuk menampilkan judul dari isi menu Form yang terdapat pada web, dengan judul ‘Formulir Pendaftaran’. ukuran huruf paling besar. , digunakan untuk membagi paragraf berdasarkan kelas. Dengan nama kelas par4. Yang nantinya akan digunakan untuk memanggil perintah yang terdapat pada mystyle.css yaitu p.par4 {color : green ; text-align : center ; border-style : dotted}. Maksudnya dalam kelas par4, warna border dan warna tulisan yang dipakai yaitu warna hijau berdasarkan besar huruf yaitu dan warna background yaitu kuning, yang terletak di tengah(center) dengan model border yaitu dotted berupa garis titik putus-putus. , digunakan untuk menggerakkan teks. Perintah digunakan untuk membagi paragraf berdasarkan kelas. Dengan nama kelas par2. Yang nantinya akan digunakan untuk memanggil perintah yang terdapat pada mystyle.css p.par2 {color : orange ; text-align : justify ; border-style : groove}. Maksudnya dalam kelas par2, warna tulisan yaitu seperti Nama, password, Retype Pass, Alamat, Jenis Kelamin, Agama, dan Hobby yaitu warna orange, yang terletak di rata kanan dan kiri(justify) dengan model border yaitu groove berupa garis lurus. Lalu selanjutnya perintah mengetikkan perintah untuk menampilkan dan memasukkan nama dengan tipe Text Box yang akan menampilkan bentuk kotak segiempat. Begitu juga untuk perintah untuk menampilkan dan memasukkan Password dan Retype Pass, fungsi perintahnya sama seperti perintah Nama akan tetapi bedanya hanya jenis tipe yang di pakai yaitu Password Box. Sedangkan untuk perintah memasukkan nama Alamat, dengan banyaknya kolom sebanyak 3 dan untuk baris sebanyak 20, dengan tipe textarea. Yang berbentuk segiempat akan tetapi terdapat scrolling. Selanjutnya kita ketikkan perintah kembali yaitu: Jenis Kelamin : Laki-Laki Perempuan Hobby : Olahraga Musik Belajar Agama : Islam Hindu Budha Katholik Protestan Perintah di atas lanjutan dari file five.html, yang berfungsi untuk menampilkan list menu atau isi dari menu Form, untuk menampilkan list menu Jenis Kelamin terdapat 2 pilihan yaitu Laki-laki dan Perempuan dengan tipe Radio Button, yang berbentuk bulat atau lingkaran dan dapat dipilih. Untuk perintah menampilkan list menu Hobby, fungsi perintahnya sama seperti Jenis Kelamin akan tetapi untuk Hobby bertipe Checkbox yang berbentuk segiempat dan terdapat 3 pilihan yaitu Olahraga, Musik dan Belajar dan dapat dipilih juga. Dan untuk menampilkan dan memilih list menu dari form untuk Agama, dapat anda pilih sesuai dengan keyakinan anda masing-masing. Disini disediakan 5 pilihan yaitu islam, hindu, budha, katolik, dan protestan. Dapat anda pilih sesuai keinginan. Dan kita ketikkan perintah kembali yaitu, yang berfungsi untuk menyimpan data yang telah kita buat tadi dengan tipe submit button. Perintahnya seperti berikut ini :

Langkah berikutnya kita ketikkan kembali kode program pada file six.html yang terletak di antara tag dan , adalah sebagai berikut:

"Tentang Icha_Shop Membership Card" PENJELASAN Tentang Membership Card "Icha_Shop Membership Card".....dst... Selamat Mencoba!!! ...Dipastikan anda tidak akan menyesal...

Perintah di atas berfungsi untuk menampilkan isi dari menu About yang terdapat pada Frame. Yang pertama judul atau head dari About, yaitu “Tentang Icha_Shop Membership Card".

ukuran huruf paling besar.

,

digunakan untuk membagi paragraf berdasarkan kelas. Dengan nama kelas par4. Yang nantinya akan digunakan untuk memanggil perintah yang terdapat pada mystyle.css yaitu p.par4 {color : green ; text-align : center ; border-style : dotted}. Maksudnya dalam kelas par4, warna border dan warna tulisan yang dipakai yaitu warna hijau berdasarkan besar huruf yaitu

dan warna background yaitu kuning, yang terletak di tengah(center) dengan model border yaitu dotted berupa garis titik putus-putus. , digunakan untuk menggerakkan teks. Dan perintah
sama seperti enter yaitu buat paragraf baru.

, adalah ukuran huruf

yang terdapat pada teks Penjelasan tentang... dan Selamat mencoba, digunakan untuk membagi paragraf berdasarkan kelas. Dengan nama kelas par1. Yang nantinya akan digunakan untuk memanggil perintah yang terdapat pada mystyle.css yaitu p.par1 {color : red ; text-align : center ; border-style : dotted}. Maksudnya dalam kelas par1, warna border dan warna tulisan yang dipakai yaitu warna merah berdasarkan besar huruf yaitu

dan warna background yaitu hitam, yang terletak di tengah(center) dengan model border yaitu dotted berupa garis titik putus-putus. Perintah

, perintah ini digunakan untuk membagi paragraf berdasarkan kelas. Dengan nama kelas par2. Yang nantinya akan digunakan untuk memanggil perintah yang terdapat pada mystyle.css p.par2 {color : orange ; text-align : justify ; border-style : groove}. Maksudnya dalam kelas par2, warna tulisan yang dipakai yaitu warna kuning berdasarkan besar huruf yaitu

, yang terletak di rata kanan dan kiri(justify) dengan model border yaitu groove berupa garis lurus dan warna background yaitu hijau. Perintah

yang terdapat pada teks ...Dipastikan anda tidak akan menyesal..., digunakan untuk membagi paragraf berdasarkan kelas. Dengan nama kelas par3. Yang nantinya akan digunakan untuk memanggil perintah yang terdapat pada mystyle.css p.par3 {color : purple ; text-align : center ; border-style : dashed}. Maksudnya dalam kelas par3, warna border dan warna tulisan yang dipakai yaitu warna ungu berdasarkan besar huruf yaitu

, yang terletak di tengah(center) dengan model border yaitu dashed berupa garis strip putus-putus dan warna background yaitu kuning. Jadi jika anda mengklik menu About, maka akan keluar kalimat-kalimat di atas.

Selanjutnya kita ketikkan kode program untuk CSS, yaitu dengan nama mystyle.css. yang berfungsi untuk menghubungkan antara file .html dengan .css. yang berjenis external yaitu sebagai berikut:

h1 {color : blue ;background-color : yellow} h2 {color : green ;background-color :black} h3 {color : red ;background-color :black} h4 {color : yellow ;background-color : green} p.par1 {color : red ; text-align : center ; border-style : dotted} p.par2 {color : orange ; text-align : justify ; border-style : groove} p.par3 {color : purple ; text-align : center ; border-style : dashed} p.par4 {color : green ; text-align : center ; border-style : dotted}

Perintah ini h1 {color : blue ;background-color : yellow}, maksudnya huruf yang berukuran h1 mempunyai warna teks biru dan warna background kuning. Perintah ini h2 {color : green ;background-color :black}, maksudnya huruf yang berukuran h2 mempunyai warna teks hijau dan warna background hitam. Perintah ini h3 {color : red ;background-color :black}, maksudnya huruf yang berukuran h3 mempunyai warna teks merah dan warna background hitam. Perintah ini h4 {color : yellow ;background-color : green}, maksudnya huruf yang berukuran h4 mempunyai warna teks kuning dan warna background hijau. Perintah ini p.par1 {color : red ; text-align : center ; border-style : dotted}, maksudnya digunakan untuk membagi paragraf berdasarkan kelas. Dengan nama kelas par1. Yaitu dalam kelas par1, warna border adalah merah. Yang terletak di tengah(center) dengan model border yaitu dotted berupa garis titik putus-putus. Perintah ini p.par2 {color : orange ; text-align : justify ; border-style : groove}, maksudnya digunakan untuk membagi paragraf berdasarkan kelas. Dengan nama kelas par2. Yaitu dalam kelas par2, warna border adalah orange. Yang terletak pada rata kiri dan kanan dengan model border yaitu groove berupa garis tidak putus-putus. Perintah ini p.par3 {color : purple ; text-align : center ; border-style : dashed}, maksudnya digunakan untuk membagi paragraf berdasarkan kelas. Dengan nama kelas par3. Yaitu dalam kelas par3, warna border adalah ungu. Yang terletak di tengah(center) dengan model border yaitu dashed berupa garis strip putus-putus. Perintah ini p.par4 {color : green ; text-align : center ; border-style : dotted}, maksudnya digunakan untuk membagi paragraf berdasarkan kelas. Dengan nama kelas par4. Yaitu dalam kelas par4, warna border adalah hijau. Yang terletak di tengah(center) dengan model border yaitu dotted berupa garis titik putus-putus.