468x60 Ads

This is an example of a HTML caption with a link.
Untuk saat ini Saya coba membahas bagaimana cara sharing internet dengan menggunakan Wireless, sebenarnya ini merupakan sesuatu yang mudah, tapi masih saja banyak orang tidak bisa membangun nya.
Ok, dari pada ngeliatin tulisan Saya yang ga jelas ini, mendingan kita langsung aja ke inti nya. Oh iya, ini saya coba di WINDOWS XP.
Setting share pada koneksi jaringan internet.
1. Jangan koneksikan dahulu internet, saya menggunakan modem 3G.
2. Klik Start – Control Panel – Network Connection.
3. Klik kanan Pada jaringan koneksi Internet (misl : Indosat 3G)
4. Klik Properties
5. Klik tab Advanced6. Pada bagian Internet Connection Sharing, beri tanda cetang (ceklist) pada Allow other network usert to connect through this computer’s Internet connection, Pilih Wireless Network Connection pada bagian Home Networking Connection.
7. Klik OK
Setting Jaringan Adhoc Computer to Computer (Peer to peer)1. Klik Start – Control Panel – Network Connection
2. Klik kanan pada Wireless Network Connection
3. Klik tab Wireless Connection
4. Klik tombol Add
5. Tentukan network name (SSID) : misalnya : Internet-3G, network Authentication :Open, Data Encription : Disable. Jangan lupa perhatikan beri tanda centang pada This is a computer to computer (adhoc) network, wireless access point are not used.
6. Klik OK
7. Klik OK
Koneksikan Komputer / Laptop kita yg sebagai Server Internet dan Pada Komputer Client yang belum terkoneksi Internet dengan cara :1. Koneksikan dahulu jaringan Internet kita.
2. Klik Start – Control Panel – Network Connection
2. Klik kanan pada Wireless Network Connection
3. Klik View Available Wireless networks
4. Maka di sana akan ditampilkan nama jaringan wirelessnya : contoh Internet-3G.5. Klik Connect.
Kalau kita cek IP pada jaringan Wireless komputer server internet, akan tertulis IP Addresss :192.168.0.1 NetMask : 255.255.255.0
Kalau kita cek IP pada Jaringan Wireless komputer client, akan tertulis IP Address 192.168.0.? (?=angka 1 sd. 254). Net Mask : 255.255.255.0
Sekian semoga bermanfaat, kalau ada yg salah atau kurang mohon dikoreksi.

READ MORE

sintak dasa php

Ada empat macam cara penulisan kode PHP, yaitu :
  1. <? echo ("ini adalah script PHP\n"); ?>
  2. <?php echo("ini juga\n"); ?>
  3. <script language="php">
    echo ("tulis pake ini jika html editor Anda tidak mengenali PHP");
    </script>
  4. <% echo ("kalau yang ini mirip dengan ASP"); %>
Anda bisa memilih salah satu dari empat cara tersebut. Tapi yang paling sering digunakan adalah cara pertama dan kedua. Perhatikan bahwa tiap akhir baris harus selalu diberi tanda titik koma (;).
Seperti pada bahasa pemrograman lain Anda pun bisa meletakkan baris komentar pada program Anda. Pada PHP caranya adalah dengan meletakkan komentar tersebut di sebelah kanan tanda // jika komentar satu baris dan di antara /* dan */ jika komentarnya lebih dari satu baris.
<? echo ("latihan PHP"; //ini adalah contoh komentar satu baris
/* kalau yang ini adalah komentar
   lebih dari satu baris */
echo ("memang mudah");
?>
READ MORE

HTML DASAR

HTML (Hyper Text Markup Language) merupakan scrip untuk menyususn dokumen-dokumen web. Dokumen HTNL disimpan dalam format teks regular dan mengandung tag-tag yang memerintahkan web browser untuk mengeksekusi perintah-perintah yang dispesifikasi.
2.1 Format Penulisan HTML
            Untuk memulai pembuatan halaman HTML maka dapat dimulai dengan menyiapkan editor yang akan digunakan, misalkan menggunakan EditPlus atau Notepad.
Format halaman HTML adalah terdiri dari dua bagian yaitu bagian Header dan bagian Body, yang semuanya itu dibuka dan ditutup dengan <tag>. Seperti tag <html> adalah digunakan untuk tanda awal dari suatu halaman HTML, sedangkan tag </html> (diawali tanda slash) digunakan untuk tanda akhir dari suatu halaman HTML. Tag-tag tersebut dapat ditulis dengan huruf kecil maupun huruf besar, karena HTML tidak mengenal case sensitive (membedakan huruf kecil dan besar).
2.1.a. Tag
Merupakan teks khusus (markup) yang ditandai dengan karakter “<” dan ”>”, sebagai contoh < body> adalah tag dengan nama body. Secara umum penulisan struktur HTML tag terdiri dari tag pembuka <body> dan tag penutup </body>
2.1.b. Element
Merupakan gabungan tag dan isi. Umumnya element terdiri dari tiga bagian, yaitu tag pembuka, isi, dan tag penutup.
2.1.c. Attribut
Merupakan statement nama dan atau nilai yang mendefinisikan property dari suatu element HTML. Secara umum nama dan atau nilai attribute harus berada dalam tanda petik satu(‘ ’) atau (“ “).

Perhatikan contoh HTML dasar berikut ini.


<HTML>           

<HEAD>                         

<TITLE>Abdul Amin’s Web</TITLE>
</HEAd>    tag pembuka

<BODY text=”a” bgcolor=”b” background=”c”>
...... ( isi dokumen web) ......
</BODY>                             attribut
</HTML>

Berikut ini contoh pembuatan halaman web dengan HTML menggunakan editor Notepad ++:

Gambar 2.1 Tampilan Editor Notepad++
Sedangkan halaman hasil dari HTML diatas adalah:

Gambar 2.2 Tampilan Browser MSIE dari halaman Web Editor EditPlus

Suatu tampilan browser dari halaman web biasanya menggunakan judul (title) yang digunakan untuk menamakan suatu halaman web dan untuk memberikan nama pada saat suatu halaman web akan disimpan atau didata pada menu browser (menu Favorite). Judul ini akan ditampilkan pada bagian kiri atas dari suatu browser seperti tampilan Gambar 2.2 diatas. Untuk memberikan nama maka digunakan tag <title> yang didahului dengan tag <head> kemudian ditutup dengan tag </title> untuk membatasi judul dan tag </head> untuk menutup bagian format header.
2.2 Style dari Teks
Ada dua cara untuk pengaturan style teks, yaitu menggunakan Heading dengan tag <H> atau menggunakan font dengan tag <font>. Heading  menyediakan 6 style teks yang dapat diatur menggunakan angka dari 1 sampai 6, dimana angka 1 adalah ukuran yang paling besar, biasanya digunakan untuk judul atau sub judul, yang dicetak besar dan tebal (bold). Semakin besar angka yang digunakan pada tag <H>, semakin kecil ukuran hurufnya. Heading mempunyai parameter untuk mengatur justify yaitu LEFT, CENTER dan RIGHT. Sedangkan bila menggunakan cara kedua maka digunakan tag <font> dimana tersedia 7 style teks yang dapat dipilih menggunakan tingkatan dari 1 sampai 7, yang merupakan kebalikan dari heading, dimana 1 adalah ukuran yang terkecil sedangkan 7 adalah ukuran terbesar, dan tidak tebal. Berikut contoh penggunaan heading dan font.

<HTML>
<HEAD><TITLE>Ukuran Teks dengan tag H</TITLE></HEAD>
<BODY>
<H1 ALIGN=CENTER>JUDUL MENGGUNAKAN HEADING 1</H1>
<H2 ALIGN=CENTER>JUDUL MENGGUNAKAN HEADING 2</H2>
<H3 ALIGN=CENTER>JUDUL MENGGUNAKAN HEADING 3</H3>
<H4 ALIGN=CENTER>JUDUL MENGGUNAKAN HEADING 4</H4>
<H5 ALIGN=CENTER>JUDUL MENGGUNAKAN HEADING 5</H5>
<H6 ALIGN=CENTER>JUDUL MENGGUNAKAN HEADING 6</H6>
</BODY>
</HTML>


Gambar 2.3 Tampilan Style Teks Heading menggunakan tag <Hn>
<HTML>
<HEAD>
<TITLE>Font Size & Face</TITLE>
</HEAD>
<BODY>
<FONT SIZE=6>
TEKS INI MENGGUNAKAN UKURAN 6<BR>
DENGAN FONT FACE "DEFAULT" BROWSER<P>
<FONT SIZE=5>
<FONT FACE="ARIAL">
TEKS INI MENGGUNAKAN UKURAN 5<BR>
DENGAN FONT FACE "ARIAL"<P>
</FONT>
</BODY>
</HTML>



Gambar 2.4 Tampilan Style Text menggunakan tag <font>
2.3 Pengaturan format tata letak teks
            Pengaturan format tata letak disini adalah mengatur tampilan teks agar terlihat rapi dan sesuai dengan keinginan, yaitu meliputi pengaturan paragraph, ganti baris baru, pengaturan posisi judul atau sub judul yaitu diletakkan pada posisi kiri, tengah atau kanan dari halaman web, mencetak secara miring untuk penekanan suatu kata, dan lain sebagainya. Adapun tag-tag yang digunakan disini adalah meliputi tag paragraph <p>, tag ganti baris <br>, tag preformatted <pre>, tag indentasi <blockquote>, tag tebal <b> atau <strong>, tag subscript <sub>, tag superscript <sup>, tag miring <i>, tag kecil <small>, tag besar <big> dan tag emphasize <em>. Berikut diberikan contoh penggunaan dari beberapa tag tersebut diatas.
<HTML>
<HEAD>
<TITLE>Text Formatting with tag <p></TITLE>
</HEAD>
<BODY>
Modul ini dibuat atas dasar persayaratan praktikum untuk membuat <big>Laporan Resmi</big> yang dibuat setelah seluruh materi
praktikum di ajarkan dan dipraktekkan di <strong>Lab Komputer Prodi TPL UNIROW</strong>, sehingga modul ajar ini diharapkan dapat
 menunjang mata kuliah Pemrograman Web.
<P>
Penulis mengucapkan banyak terima kasih kepada Dosen pengampu Praktikum, Khususnya kepada bapak Andy Haryoko selaku Dosen
pengampu Mata Kuliah.
<P>
Sekali merengkuh dayung, dua tiga pulau terlampaui, <small>sambil menyelam minum air</small>,
begitulah harapan penulis, dengan sekali modul Laporan Resmi ini dapat digunakan oleh adik tingkat
 yang ikut mempelajari pemrograman web.
</BODY>
</HTML>


Gambar 2.5 Tampilan teks yang diatur paragrafnya menggunakan tag <p>
Berikut ini diberikan contoh penggunaan tag <br> untuk ganti baris baru, dan meskipun pada editor telah dilakukan penyusunan baris baru maka pada tampilan di layar browser akan berbeda, dimana akan ditampilkan secara bersambungan, seperti contoh script dibawah ini:
<HTML>
<HEAD>
<TITLE>
Text Formatting with tag <br>
</TITLE>
</HEAD>
<BODY>
Dalam pengaturan format teks pada halaman web biasanya menggunakan beberapa tag<BR>
untuk mengatur tampilan teks agar sesuai dengan keinginan dari pembuat halaman web.<BR>
Misalkan saja untuk mengatur penulisan teks ganti baris baru, maka dapat dilakukan<BR>
dengan menggunakan tag BR, yang berarti pindah baris.
Karena suatu teks dalam HTML dianggap satu baris, meskipun ditulis sudah dalam keadaan
ganti baris pada editor teks, seperti halnya contoh teks disini.
Teks ini akan ditulis sambung dengan teks sebelumnya, karena tidak menggunakan tag BR.
</BODY>
</HTML>


Gambar 2.6 Tampilan teks baris baru menggunakan tag <br>
Tag <blockquote> digunakan untuk pengaturan indentasi teks, sehingga teks ditampilkan masuk beberapa kolom, seperti contoh dibawah ini:
<HTML>
<HEAD>
<TITLE>Text Formatting with tag <blockquote>
</TITLE>
</HEAD>
<BODY>
<H5>KATA MUTIARA</H5>
<BLOCKQUOTE>
<I>Berakit rakit ke hulu berenang-renang ketepian, bersakit-sakit dahulu bersenang-senang kemudian</I> <BR>
Mempelajari <b>pemrograman web</b> tidaklah semudah membalik tangan, diperlukan kemauan yang tinggi
untuk dapat mempelajarinya, dengan jalan <em>mempertinggi jam terbang</em> yaitu sering mencoba dan mencoba lagi
sehingga mampu untuk membuat halaman web <sub>statis</sub> maupun <sub>dinamis</sub> secara <sup>baik</sup> dan <sup>benar</sup>.
</BLOCKQUOTE>
</BODY>
</HTML>


Gambar 2.7 Tampilan teks menggunakan tag <blockquote>
Terkadang diinginkan untuk menampilkan teks seperti apa adanya, misalkan suatu teks program, dimana susunan dari tiap kalimat harus sama persis dengan aslinya. Untuk keperluan tersebut maka dapat digunakan tag <pre> yang berfungsi untuk menampilkan teks apa adanya seperti aslinya, untuk lebih jelasnya perhatikan contoh penggunaan tag <pre> dibawah ini:
<HTML>
<HEAD>
<TITLE>Text Formatting with tag <pre>
</TITLE>
</HEAD>
<BODY>
<pre><font face="Arial"><b>
Nama: Abdul Amin
NPM: 1412080157
Alamat: RT 04/RW 05 Karang Candi(Kampung Baru) Bulujowo Kec. Bancar Kab. Tuban Jawa Timur
TTL: Tuban, 12 Januari 1987
E-mail: abdulamin12061987@ymail.com
Hobby: Try to matematich
Cita-cita : Become a sucess person in this world and here after by Allah's allowance
Moto   : Junjung Dhuwur Derajate Wong Tuwo lan Mendem Jero Wadine Wong Tuwo
</b></font></pre>
<H3>CONTOH PROGRAM PHP</H3>
<PRE>
&lt;?php
   $a=9;
   $b=5;
   for($i=0; $i<10; $i++) {
      $c=$c + $a;
      $d=$c - $b;
      $e=$c / $d;
   }
   print $c;
   print $d;
?&gt;
</PRE>
</BODY>
</HTML>


Gambar 2.8 Tampilan teks menggunakan tag <pre>

            Karena karakter “<” dan “>” merupakan karakter khusus yang digunakan untuk membuat tag, maka untuk menampilkan karakter tersebut apa adanya pada halaman browser maka digunakan entitas karakter, yang terdiri dari tiga karakter yaitu & (ampersand), # (crash) dan ; (semicolon). Entitas ini mempunyai sifat case sensitive, dimana memperhatikan penulisan antara huruf kecil dan besar.
            Berikut diberikan table karakter entitas dimana sering ditemukan pada halaman web dan bahkan sering digunakan untuk keperluan tertentu, seperti contoh pada Gambar 2.8 diatas.
Tabel 2.1 Daftar Karakter Entitas
Kode
Nama
Tampilan
Arti
&#60;
&lt;
< 
Lebih kecil
&#61;
&gt;
> 
Lebih besar
&#38;
&amp;
&
Ampersand
&#34;
&quot;
Petik ganda
&#174;
&reg;
®
Terdaftar
&#8482;
-
Merek Dagang
&#169;
&copy;
©
Hak cipta
&#247
&divide;
÷
Pembagian
&#215
&times;
´
Perkalian

READ MORE