ZaRra Rahayu

Please Ejoy It

Just Open Your Ayes

Your World in Your Hands

Share Here

Kreative, Inovatif

Think Easy

Bloger Anggun

This I'm

I Have To

Jumat, 21 Maret 2014

Cara Membuat Form

3/21/2014 07:47:00 AM    No comments

   Cara membuat form untuk membuat formulir pendaftaran. Kali ini akan membahas mengenai tag table, tag ini di gunakan agar tampilan web lebih rapi dan tertata. Teman-teman bisa melihat contoh kegunaan tag table seperti ketika membuat email baru, mendaftar akun jejaring sosial dan lain sebagainya. Saat ini sedikit contoh script HTML untuk membuat formulir pendaftaran secara online.




Berikut adalah script pada HTML.

<html>
<head>
  <title>Latihan Membuat Form dengan Table</title>
</head>
<body bgcolor="#00CCCC">
  <h1><p align="center" style="font:'Comic Sans MS'">Formulir Pendaftaran</p></h1>
<table width="446" height="396" border="0" align="center">
<tr>
<td width="91">Nama</td>
<td width="26"><div align="center">:</div></td>
<td width="303"><input name="nama" type="text"></td>
 </tr>
 <tr>
<td>Tempat Lahir</td>
 <td><div align="center">:</div></td>
 <td><input name="tempat lahir" type="text"></td>
 </tr>
 <tr>
 <td>Tanggal Lahir</td>
 <td><div align="center">:</div></td>
 <td> <select name="tgl">
     <option value="1">01 </option>
     <option value="2">02 </option>
     <option value="3">03 </option>
     <option value="4">04 </option>
     <option value="5">05 </option>
     <option value="6">06 </option>
        </select>
<select name="bln">
     <option value="1">01 </option>
     <option value="2">02 </option>
     <option value="3">03 </option>
     <option value="4">04 </option>
     <option value="5">05 </option>
      <option value="6">06 </option>
</select>
 <select name="tahun">
     <option value="1990">1990 </option>
     <option value="1991">1991 </option>
     <option value="1992">1992 </option>
     <option value="1993">1993 </option>
     <option value="1994">1994 </option>
     <option value="1995">1995 </option>
</select>
</td></tr>
<tr>
    <td>Jenis Kelamin</td>
    <td><div align="center">:</div></td>
<td>
     <input type="radio" name="gender" value="Pria">Laki-laki
     <input type="radio" name="gender" value="Wanita">Perempuan
</td> </tr>
<tr>
    <td>Alamat</td>
    <td><div align="center">:</div></td>
    <td><textarea name="alamat" cols="28" rows="4"></textarea></td>
</tr> <tr>
 <td>Kode pos</td>
     <td><div align="center">:</div></td>
     <td><input name="kode pos" type="text"></td>
 </tr>
 <tr>
 <td>Status</td>
   <td><div align="center">:</div></td>
 <td>
  <input type="checkbox" name="status" value="menikah">Menikah
  <input type="checkbox" name="status" value="Blm menikah">Belum Menikah
 </td> </tr>
<tr>
<td>Agama</td>
<td><div align="center">:</div></td>
 <td> <select name="agama">
        <option value="1">Islam </option>
        <option value="2">Kristen </option>
        <option value="3">Khatolik </option>
        <option value="4">Budha </option>
        <option value="5">Hindu </option>
</select></td> </tr>
 <tr>
 <td>Hobby</td>
     <td><div align="center">:</div></td>
     <td><input name="hobby" type="text"></td>
 </tr>
 <tr>
      <td>Jurusan</td>
      <td><div align="center">:</div></td>
 <td>
       <input type="checkbox" name="jurusan" value="1">S1 TI
       <input type="checkbox" name="jurusan" value="2">S1 SI
       <input type="checkbox" name="jurusan" value="3">D3 TI
       <input type="checkbox" name="jurusan" value="4">D3 MI
 </td> </tr>
 <tr>
 <td>Komentar</td>
     <td><div align="center">:</div></td>
     <td><textarea name="komentar" cols="28" rows="5"></textarea></td>
</tr>
</tbody></table>

<table width="450" border="0" align="center"> <tbody>
<tr>
      <td width="332"><marquee direction="left" behavior="scroll" bgcolor="#FF0000" scrollamount="5">Pastikan data yang anda masukkan sudah benar</marquee></td>
      <td width="49"><input type="submit" value="Kirim"></td> <td width="55"><input type="reset" value="Ulangi"></td>
</tr> </tbody>
</table>
</body>
</html>


Dan hasil pada browser sebagai berikut


Latihan Membuat Form dengan Table

Formulir Pendaftaran

Nama
:
Tempat Lahir
:
Tanggal Lahir
:
Jenis Kelamin
:
 Laki-laki Perempuan
Alamat
:
Kode pos
:
Status
:
 Menikah Belum Menikah
Agama
:
Hobby
:
Jurusan
:
 S1 TI S1 SI D3 TI D3 MI
Komentar
:
Pastikan data yang anda masukkan sudah benar
Selamat bereksperimen ^-^

Lanjutkan

Minggu, 16 Maret 2014

Cara Memasukkan Gambar dan Membuat Link di HTML

3/16/2014 10:03:00 AM    No comments

   Pada postingan kali ini saya akan membagi pengalaman saya selama belajar HTML. Yang mana kali ini mengenai bagaimana cara memasukkan gambar dan membuat link di HTML. Baiklah kita mulai dengan :

Cara memasukkan gambar

<img border="0" src="/images/anime.jpg"  alt="Cute anime" width="304" height="228" align="center">

Keterangan : 
·         src digunakan untuk menampilkan gambar yang dipilih. 
·         alt digunakan untuk memberikan label pada gambar.
·         width digunakan untuk lebar dari gambar yang akan di tampilkan, anda juga bisa menggunakan 200px dimana gambar berupa ukuran pixel.
·         height digunakan untuk tinggi dari gambar yang akan ditampilkan 
·         align atau tata letak seperti center, left,right,justify
* tulisan yang dicetak merah dapat anda ganti sesuai dengan gambar yang anda kehendaki.

 Cara membuat link pada HTML

JIka kita menginginkan suatu icon atau teks apabila kita klik secara otomatis akan menuju alamat web yang dikehendaki maka pada teks HTML dapat anda buat teks seperti berikut:

<a herf="http://www.amikom ac.id>Kampusku</a>

Jadi fungsi <a herf="masukkan alamat URL">nama URL yang akan ditampilkan</a>
* pada teks yang dicetak merah dapat anda ganti sesuai alamat dan nama URL yang anda kehendaki.

Dan berikut contoh script HTML nya

 
Dan berikut tampilan pada browser Belajar HTML

Belajar HTML

Cara Memasukkan Gambar

Ini Color

Cara Membuat Link

Kampus Ungu


Semoga bermanfaat. ^-^

Lanjutkan

Rabu, 12 Maret 2014

Belajar HTML part 2

3/12/2014 09:24:00 AM    No comments



            Setelah kita mengetahui apa itu web, apa itu HTML maka bisa dapat kita bayangkan bahwa HTML adalah bahasa program dalam membuat web. Saat ini kita akan membahas mengenai elemen yang ada pada HTML, penggunaan marque, dan cara memasukkan gambar
Blog.... ketika kita mendengar kata blog yang terlintas adalah sebuah layar yang berisi informasi dengan pernak pernik yang menghiasi layar. Dan ketika kita ingin membuat blog, kita juga ingin blog kita terdapat hiasan atau animasi pada text mulai dari ukuran warna dan jenis huruf. Bagi kalian yang ingin memberikan efek animasi pada gambar ataupun teks kalian bisa menggunakan coding HTML di bawah ini dan kamu bisa mengeksplorasinya sesuai dengan keinginan dan kebutuhan kamu.
Mulai dari memasukkan gambar, efek animasi tulisan atau gambar bergerak, dan membuat link pada teks HTML.
Ø  Elemen ragam karakter
·         <b>------</b> = berfungsi untuk menebalkan huruf (bold)
·         <i>-------</i> = berfungsi untuk memberi efek kemiringan pada text (italic)
·         <u>------</u> = berfungsi untuk memberi garis bawah pada text (Underline)
·         <br>-----</br> =berfungsi untuk memberikan baris baru seperti enter.
·         <a>-------</a> = berfungsi untuk menghubungkan ke link atau alamat web lain.
·         <h1>-<h6>----</h1>-<h6>=berfungsi untuk besar kecil ukuran karakter (heading).
·         <li>------</li>= berfungsi untuk memberikan sublist
·         <ul>-----</ul>= berfungsi untuk memberikan list
Example: <p><b>Saya Belajar</b></p>  maka akan tampil Saya Belajar pada browser.
            <p> adalah tag pembuka
            </p> adalah tag penutup yang di tandai dengan slice (/)

Ø  Marque = berfungsi untuk memberi efek animasi gerakan pada text.

Berikut coding yang dapat anda copy pada text yang akan anda berikan efek animasi. Sebelumya cari kode <p>----</p>, atau <title>---</title> yang ada pada tag body.

 Berikut adalah contoh sckript HTML














Maka akan ditampilkan pada browser seperti berikut Belajar HTML

Belajar HTML

Nama Buah

  • Apel
  • Jeruk
  • Pisang

Nama Sayur

  • Bayam
  • Kangkung
  • Wortel

Nama Hewan

    1. Kambing
    2. Sapi
    3. Kuda

Selamat Belajar HTML


Semoga bermanfaat, selamat bereksperimen.


Lanjutkan

Belajar HTML part 1

3/12/2014 08:26:00 AM    No comments


Hai para surviver, kali ini saya ingin membagikan pengalaman saya pemrograman web dan coding HTML. Dan pada kesempatan kali ini saya akan membagikan mengenai apa itu web, macam-macam web, dan jenis script.
A.  Web sendiri di bagi menjadi 2 yaitu:
·      Web Statis
Website ini merupakan website yang isi tampilannya selalu sama dan tidak akan pernah berubah kapan pun,  tampilannya selalu tetap dan tidak terkoneksi dengan database. Website hanya berisi tag-tag HTML murni, CSS dan java script sebagai scripting language-nya.
·       Web Dinamis
Website yang isi tampilannya tidak statis. Website ini dibagi menjadi 2 bagian yaitu:
1.     Client Side Technology Client side Technology adalah teknologi web programming dimana script dijalankan komputer client, tanpa berinteraksi dengan server. Di client slide teknlogi ini, code script sangat bergantung pada browaser yang digunakan. Contoh script: java script, VB script, ActiveX Contorl, Java Applets.
2.      Server Side Technology Server Side Technology adalah teknologi web dengan script dijalankan di server, kemudian hasil dari pemrosesan itu kemudian dikirimkan ke client (browser) dalam bentuk HTML murni sehingga bisa ditampilkan oleh pengguna atau dalam menampilkan membutuhkan program lain.

Bagian dari Web:
·       Website (situs web) merupakan alamat URL yang berfungsi sebagai tempat penyimpanan data dengan topik tertentu dan di tampilkan keseluruhan dari URL.
·       Web page merupakan alamat yang menampilkan satu halaman web saja.
·       Home page (index) merupakan halaman pertama berisi pesan singkat.

B.  HTML kepanjangan dari HyperText Markup Language adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML.

Aplikasi yang dapat digunakan sebagai editor
a.       Full text                                                           : notepad, wordpad
b.      Wsywig What You See is What You Get)        : dreamwaver, adobe dreamwaver




Berikut adalah rangka pokok HTML
<html>
            <head>  adalah kepala atau dalam surat bisa kita sebut kop.
                        <title>Belajar HTML</title> adalah judul dari halaman web.
            </head>

            <body> adalah bagian yang berisi konten.
            </body>
</html>
Ada beberapa macam script web
·      CSS adalah Cascading Style Sheet merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman.
·      HTML adalah seperti yang sudah di jelaskan di atas.
Ex:  <html>
   <head>
   <title>..........</title>
   </head>
   <body>.........</body>
   </html>

·      XHTML adalah sebuah kombinasi dari HTML dan XML (Extensible Markup Language) & merupakan bentuk sempurna.
·      JHTML yang merupakan singkatan dari Java Dynamic HTML adalah merupakan salah satu dari sekian banyak framework yang digunakan saat ini
·      Java script

Sumber wikipedia

Lanjutkan

Sabtu, 01 Maret 2014

Mengintip Peluang Bisnis Penitipan Anak

3/01/2014 12:19:00 AM    No comments



Zaman yang semakin mengglobal saat ini kita banyak menemukan berbagai kemajuan peradaban dari pada zaman sebelumnya. Dimulai dari pola fikir manusia yang mulai berkembang dan menciptakan revolusi-revoluisi untuk mempermudah dalam segala urusan dan kegiatan. Dan seiring berjalannya waktu perubahan demi perubahan pun mulai tampak, mulai dari bidang teknologi yang saat ini dapat dirasakan manfaatnya, dan memiliki karakteristik yang cepat perkembangannya. Zaman modern saat ini menuntut setiap individu untuk bisa beradaptasi dengan perkembangannya. Mobilitas hidup pun meningkat, dan hal ini tidak menutup kemungkinan berdampak pada peran seorang perempuan. Perempuan zaman sekarang banyak yang menjadi bussines women ataupun status pekerjaan lain yang menuntut mereka untuk mengurangi jam intens bersama keluarga bahkan anak.

Dengan adanya perubahan zaman dan kesibukan setiap individu, menuntut perempuan untuk fleksible. Kondisi ini memiliki peluang bagi mereka yang berjiwa wirausaha, keadaan seperti ini dapat memberikan pemasukan. Salah satunya bisnis jasa penitipan anak (TPA). Nah, ini merupakan bisnis jasa yang membantu para ibu-ibu dalam mengasuh anak mereka. Bukan hal yang biasa jika zaman sekarang banyak para orang tua ataupun pasangan muda yang telah memiliki anak lebih memilih menitipkan anak mereka di TPA (Taman Penitipan Anak). Caranya pun cukup mudah dan omzetnya pun bisa mencapai puluhan juta per bulan. Bisnis yang menngiurkan bukan...? bermodal keterampilan dalam mendidik anak-anak yang baik, bahkan lebih baik lagi jika dengan latar belakang yang sesuai seperti pendidik memiliki latar belakang pendidikan psikologi. Dan bisnis ini juga akan lebih banyak peminatnya apabila memiliki ciri khas tersendiri dalam kualitas mengajar, ataupun dari segi fasilitas.

Untuk memenuhi tuntutan inilah Anda dapat membuat usaha penitipan anak . Berikut, beberapa persiapan untuk membuka usaha jasa penitipan anak .
- Untuk lokasinya, rencana akan menggunakan rumah Anda dengan tujuan mengambil pangsa pasar di sekitar rumah dan lingkungan sekitar Anda. Anda bisa mengubah salah satu atau beberapa ruang di rumah Anda jadi taman bermain anak.
- Pengetahuan dasar tentang mengasuh anak mutlak dibutuhkan. Dalam hal ini Anda membutuhkan tenaga ahli seperti orang yang pernah menjadi guru TK cukup bisa diandalkan. Namun Anda tetap membutuhkan beberapa asisten sebagai tenaga pengasuh anak. Anda bisa mempekerjakan baby sitter untuk ini. Jika perlu, sewa juga ahli atau psikolog anak-anak. Untuk baby sitter, di awal bisa mempekerjakan satu atau dua orang dulu. Sedangkan ahli anaknya bisa satu saja dulu. Jumlah karyawan dan tenaga ahli bisa ditambah seiring dengan kenaikan jumlah pelanggan saja.
- Sarana operasional yakni alat-alat yang akan menunjang atau yang akan digunakan dalam operasional usaha antara lain:
a. Alat bermain anak yang bisa disesuaikan dengan usia anak;
b. Makanan kebutuhan anak juga susu;
c. Perangkat perlengkapan bayi dan balita;
d. Peralatan administrasi seperti alat tulis kantor dan komputer
- Persiapan keuangan, terbagi dua yaitu investasi awal dan biaya operasional. Investasi awal atau modal awal di keluarkan sekaligus didepan untuk membuka usaha nya, contohnya tempat dan peralatan permainan. Karena sudah mempunyai tempat sendiri Anda tidak perlu menyewa tempat lagi, tetapi renovasi, interior dan dekorasi mungkin diperlukan.
Selanjutnya untuk mendatangkan berbagai peralatan permainan juga dibutuhkan biaya. Besarnya relatif bisa kecil atau besar tergantung jenis permainan yang disediakan. Sedangkan biaya operasional adalah biaya yang rutin dikeluarkan tiap bulan, contoh makanan dan perlengkapan bayi serta gaji karyawan. Makanan dan perlengkapan bayi disedikan secukupnya saja. Sedangkan gaji baby sitter bisa diterapkan gaji minimalis misalnya Rp 500 ribu, kemudian bisa bertambah tergantung dengan jumlah anak yang diasuh.
Untuk tenaga ahli tentunya membutuhkan biaya tinggi karena itu disarankan untuk menawarkan skema bagi hasil dengan pola 30%:70%. Dimana tenaga ahli mendapat bagian lebih besar karena keahliannya, dan usaha Anda berhak atas bagian yang lebih kecil karena memberikan tempat praktek dan pengurusan administrasi.
Untuk tarif jasa disarankan berdasarkan harian, paket mingguan atau paket tiga bulan dan seterusnya. Anda bisa mulai dengan harga kira-kira Rp 50 ribu per hari . Sedangkan tarif untuk paket besarnya proporsional namun sudah termasuk konsultasi dengan tenaga ahli. Misalnya paket seminggu Rp 300 ribu dan mendapat konsultasi di akhir pekan. Anda bisa menetapkan tarif lebih mahal jika fasilitas dan pelayanan yang disediakan lebih lengkap.

Dalam tahap awal promosi dari mulut ke mulut akan sangat membantu, sebab jasa ini tingkat keberhasilannya sangat dipengaruhi oleh rasa kepercayaan. Mulailah dulu dari anak-anak di sekitar lingkungan rumah Anda. Selain lebih mudah mendapat kepercayaan karena sudah saling kenal, Anda lebih mudah mengontrol kondisi yang terbaik yang diinginkan anak seperti layaknya di rumah sendiri. Selanjutnya Anda bisa mulai menawarkan kepada relasi Anda. Jangan lupa manfaatkan relasi atau rekan yang pernah menggunakan jasa Anda untuk merekomendasikan usaha ini di lingkungan mereka.

Lanjutkan
Langganan: Postingan (Atom)