Latihan JavaScript Dasar

1. Membuat belah ketupat pada HTML dengan javascript


berikut script-nya


<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="author" content="fahmi" />

<title>fahmi belah ketupat</title>
    <script type="text/javascript">
        var i,j,y;

            for(i=10;i>0;i--){
                for(j=1;j<=i-1;j++){
                document.write("&nbsp&nbsp&nbsp");
                }
            for(y=1;y<=10-i+1;y++){
                document.write(" * ");
                }
            for(l=1;l<=10-i;l++){
                document.write(" * ");
                }
                document.write("<br>");
                }
            for(i=1;i<=10;i++){
            for(j=1;j<=i;j++){
                document.write("&nbsp&nbsp&nbsp");
                }
            for(y=1;y<=10-i;y++){
                document.write(" * ");
                }
            for(l=1;l<10-i;l++){
                document.write(" * ");
                }
                document.write(" <br> ");
                }
    </script>
</head>
<body>
</body>
</html>

gambar dibawah ini adalah hasilnya










2. Membuat program pendeteksi lulu/tidaknya seseorang pada HTML dengan javascript

berikut script-nya

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="content-type" content="text/html" />
<meta name="author" content="fahmi" />

    <link href="css/bootstrap.min.css" rel="stylesheet"/>
    <link href="css/bootstrap.css" rel="stylesheet" style="text/css"/>
</head>
<body>
<script type="text/javascript">
    var n=prompt("Masukkan nilai");
    n=parseInt(n);
        if (n>=70 && n<=100) {
            document.write ("&nbsp <h1>anda lulus, selamat ...!</h1> <br> &nbsp anda lulus dengan nilai = "+n);
        }
        else if (n<70 && n>=1)  {
            document.write ("&nbsp <h1>anda harus belajar lagi...!</h1 <br> &nbsp nilai anda = "+n)
        }
        else {
            document.write("salah memasukkan nilai, coba lagi")
        }
</script>
</body>
</html>
 
gambar dibawah ini adalah hasilnya








 sekian terimakasih :)





Membuat Layout Sebuah Halaman Web

pada kesempatan kali ini saya akan membuat layout halaman web.

berikut gambarnya:


Keterangan gambar=
1. kotak pertama yang berwarna pink & ada nomor 1-nya adalah "HEADER",
yang berisi logo web dan juga nama web.

2. kotak kedua yang berwarna kuning & ada nomor 2-nya adalah "NAVIGASI"
yang berisi button-button seperti: menu,profil dll.

3. kotak ketiga yang berwarna merah & ada nomor 3-nya adalah "CONTENT"
yang akan menjadi tempat posingan-postingan nantinya.

4. kotak keempat yang berwarna orange & ada nomor 4-nya adalah "SIDEBAR"
yang akan menjadi tempat link judul postingan yang populer/yang terdahulu.

5. kotak kelima sekaligus kotak terakhir yang berwarna hijau & ada angka 5-nya adalah "FOOTER"
yang berisi copyright dan sebagainya.


semoga cepat terealisai web-nya  :D

Duplikasi form sign up gmail

Gambar dibawah ini adalah tampilan asli dari form gmail =


Berikut ini adalah script yang saya buat =
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="author" content="fahmi" />

<title>Form Gmail</title>
</head>
<body>
        <h2>Create Your Google Account</h2>
        <br />
        <a><b>Name</b></a><br />
    <form>
            <input type="text" name="namapertama" size="20"/> &nbsp    
            <input type="text" name="namaakhir" size="20"/><br /><br />
        <a><b>Choose your username</b></a><br />
            <input type="text" name="username" size="49"/> <br /><br />
        <a><b>Create a password</b></a><br />
            <input type="password" name="Password" size="49"/> <br /><br />
        <a><b>Confirm your password</b></a><br />
            <input type="password" name="Password" size="49"/> <br /><br />
        <a><b>Birthday</b></a><br />
            <select name="Month">
                <option value="" selected="selected"> Month!</option>
                <option value="Januari"> Januari</option>
                <option value="Februari"> Februari</option>
                <option value="Maret"> Maret</option>
                <option value="April"> April</option>
                <option value="Mei"> Mei</option>
                <option value="Juni"> Juni</option>
                <option value="Juli"> Juli</option>
                <option value="Agustus"> Agustus</option>
                <option value="September"> September</option>
                <option value="Oktober"> Oktober</option>
                <option value="November"> November</option>
                <option value="Desember"> Desember</option>
            </select> &nbsp
            <input type="text" name="hari" size="1"/> &nbsp
            <input type="Number" name="tahun" size="4"/><br /><br />
        <a><b>Gender</b></a><br />
            <select name="Gender">
                <option value="" selected="selected"> Other</option>
                <option value="Male"> Male</option>
                <option value="Female"> Female</option>
                <option value="Other"> Other</option>
            <select/><br /><br />
        <a><b> Mobile Phone</b></a><br />
            <input type="text" name="Phone" size="49"/><br /><br />
        <a><b>Your current email address</b></a><br />
            <input type="text" name="email" size="49"/><br /><br />
        <a><b>Prove you're not a robot</b></a><br />
            <input type="checkbox" name="verificationt" size=""/> Skip this verivfication (phone verification may <br />&nbsp; &nbsp; &nbsp; be required)<br/><br/>
        <a><b>Location</b></a><br />
            <select name="nation">
                <option value="" selected="selected"> United States</option>
                <option value="Indonesia"> Indonesia</option>
                <option value="United kingdom"> United kingdom</option>
                <option value="Australia"> Australia</option>
                <option value="Vietnam"> Vietnam</option>
                <option value="Singapore"> Singapore</option>
                <option value="Kongo"> Kongo</option>
                <option value="Nigeria"> Nigeria</option>
                <option value="Papua newgunie"> Papua newgunie</option>
                <option value="Austria"> Austria</option>
                <option value="Malaysia"> Malaysia</option>
                <option value="Thailand"> Thailand</option>
                <option value="France"> France</option>
            </select><br /><br />
    <input type="checkbox" name="agreement" size=""/> I agree to the google term of service <br/>&nbsp; &nbsp; &nbsp; and privacy policy<br/><br/>
                &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
                &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
      <td><input type="submit" name="Login" value="Proses" color="blue"></td>
    </form>
</body>
</html>

Ini adalah hasil script tersebut =


Mungkin belum mirip tapi semoga bermanfaat :D 

Belajar Desain Web Lanjutan

script untuk membuat tabel :

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="author" content="fahmi" />

<title>data kuliah</title>
</head>
<body>
<caption align="center">1. a. Data Kuliah</caption>
<table border=1 align="center" cellspasing=0 cellspadding=5>
    <tr>
        <th width="100" rowspan="2"> NIM </th>
        <th width="100" rowspan="2"> NAMA </th>
        <th width="100" rowspan="2"> KELAS </th>
        <th width="250" colspan="2">KETERANGAN</th>
    </tr>
    <tr>
        <th>LULUS</th>
        <th>TIDAK LULUS</th>
    </tr>
    <tr>
        <td>101</td>
        <td>Ida</td>
        <td align="center">TI-2</td>
        <td align="center" rowspan="2">V</td>
        <td align="center">-</td>
    </tr>
    <tr>
        <td>102</td>
        <td>Rika</td>
        <td align="center" rowspan="3">TI-4</td>
        <td align="center">-</td>
    </tr>
    <tr>
        <td>103</td>
        <td>Kiki</td>
        <td align="center">-</td>
        <td align="center">V</td>
    </tr>
    <tr>
        <td>104</td>
        <td>Buri</td>
        <td align="center" rowspan="2">V</td>
        <td align="center">-</td>
    </tr>
    <tr>
        <td>105</td>
        <td>Koko</td>
        <td align="center">TI-3</td>
        <td align="center">-</td>
    </tr>
</table>
</body>
</html>

Ini Hasil dari Script Diatas :




script untuk membuat formulir :

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="author" content="fahmi" />

<title>formulir</title>
</head>
<body>
    <caption>b.  Formulir</caption>
    <table  width="100%" border=0 align="center" cellspasing=0 cellspadding=0 >
    <tr bgcolor=#33CCFF > <th colspan="7"> <h2>PROVINSI JAWA TIMUR <br> KOTA SURABAYA </h2>
    </th>
    </tr>
    <tr>
        <td width="150">NIK</td>
        <td>:</td>
        <td><b>35081021103900003</b></td>
    </tr>
    <tr>
        <td width="150">Nama</td>
        <td>:</td>
        <td><b>Gubernur Suryo</b></td>
        <td></td>
        <td></td>
        <td></td>
        <td rowspan="5" width="100"><img width="100" height="100"src="E:\TI semester 2\Web Desain\HTML5\modul 2\988539_476093069132971_1549770980_n.jpg"/></td>
    </tr>
        <td width="150">Tempat/Tgl Lahir</td>
        <td>:</td>
        <td><b>Surabaya,11Maret 1990</b></td>
    </tr>
    <tr>
        <td width="150">Jenis Kelamin</td>
        <td>:</td>
        <td><b>Laki-laki</b></td>
        <td>Gol Darah</td>
        <td>:</td>
        <td><b>B</b></td>
    </tr>
    <tr>
        <td>Alamat</td>
        <td>:</td>
        <td><b>Jl.Pemuda 101</b></td>
    </tr>
    <tr>
        <td>RT/RW</td>
        <td>:</td>
        <td><b>002/025</b></td>
    </tr>
    <tr>
        <td>Desa/Kel</td>
        <td>:</td>
        <td><b>Rungkut</b></td>
    </tr>
    <tr>
        <td>Kecamatan</td>
        <td>:</td>
        <td><b>Rungkut</b></td>
    </tr>
    <tr>
        <td>Agama</td>
        <td>:</td>
        <td><b>Islam</b></td>
        <td>status : -</td>    
    </tr>
    <tr>
        <td>Pekerjaan</td>
        <td>:</td>
        <td><b>Pelajar/Mahasiswa</b></td>
    </tr>
    <tr>
        <td>Berlaku hingga</td>
        <td>:</td>
        <td><b>11 Maret 2014</b></td>
    </tr>
    <tr>
        <td>Kewarganegaraan</td>
        <td>:</td>
        <td><b>WNI</b></td>
    </tr>
    </table>
    <table bgcolor=#66FF99 width=100%>
    <tr>
        <td ><br />
        </td>
    </tr>
    <tr>
        <td>Syarat Pengambilan e-KTP</td>
    </tr>
    <tr>
        <td> 1. Membawa pas foto ukuran 3x4 berwarna.</td>
    </tr>
    <tr>
        <td> 2. Membawa KTP lama</td>
    </tr>
    <tr>
        <td> 3. Membawa Kartu Keluarga</td>
    </tr>
    </table>
</body>
</html>

Ini Hasil dari Script Diatas :



Script untuk membuat link pada webpage yg pernah saya buat beberapa minggu yg lalu :

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="author" content="fahmi" />

<title> WEBPAGE SEDERHANA </title>
    <style type="text/css">
    body(background-color:yellow)
    p (color:blue)
    </style>
</head>
<body>
    <h1>SUPERMAN IS DEAD - Sunset Di Tanah Anarki</h1>
    <hr color="blue"/>
    Andai ku malaikat, ku potong sayap ku, Dan rasakan pedih di dunia bersamamu <br />
    Perang kan berakhir, cinta kan abadi, Di tanah anarki, romansa terjadi... <br> <br />
 
    Desing peluru tak bertuan, Hari- hari yg tak benderang, Setiap Detik nyawa ini, ku pertahankan untuk mu
    </br> Alasan ku ada disini,dan parasmu yg ku rindukan, Di neraka kan ku menang kan Hariku bersamamu.
 
    </br> <h2>Nama  : Fahmi Amiruddin Nafi</h2>
    <h2>NIM      : 1321180106</h2>
    </p></p>
    <hr color="brown"/>
    <body bgcolor="#C6D9F1" text="black">
    <br />
    <b><TABLE BORDER=1 align="right"></b>
    <TR><TD><img width="300" height="300" src="D:\picture\prt\988539_476093069132971_1549770980_n.jpg" align="right"/></TD></TR>  
    <a href="tekateki.html" target="_parent" title="Tabel">Tabel Data Kuliah</a>
    <br /><br /><a href="formulir.html" target="_parent" title="Formulir">Formulir</a>
</body>
</html>

Ini Hasil dari Script Diatas :




Semoga Bermanfaat :D

Membuat Halaman Web Sederhana Menggunakan phpDesigner

Pertama jalankan aplikasi phpDesigner, Kemudian masukkan Script di Bawah ini ! 


<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="author" content="fahmi" />

<title> WEBPAGE SEDERHANA </title>
    <style type="text/css">
    body(background-color:yellow)
    p (color:blue)
    </style>
</head>
<body>
    <h1>SUPERMAN IS DEAD - Sunset Di Tanah Anarki</h1> 
    <hr color="blue"/>
    Andai ku malaikat, ku potong sayap ku, Dan rasakan pedih di dunia bersamamu <br />
    Perang kan berakhir, cinta kan abadi, Di tanah anarki, romansa terjadi... <br> <br />
    
    Desing peluru tak bertuan, Hari- hari yg tak benderang, Setiap Detik nyawa ini, ku pertahankan untuk mu
    </br> Alasan ku ada disini,dan parasmu yg ku rindukan, Di neraka kan ku menang kan Hariku bersamamu.
    
    </br> <h2>Nama  : Fahmi Amiruddin Nafi</h2>
    <h2>NIM      : 1321180106</h2>
    </p></p>
    <hr color="brown"/> 
    <body bgcolor="#C6D9F1" text="black">
    <br />
    <b><TABLE BORDER=1 align="right"></b>
    <TR><TD><img src="D:\picture\prt\988539_476093069132971_1549770980_n.jpg" align="right"/></TD></TR>    
    
    
</body>
</html>


Hasilnya akan tampil seperti Gambar di bawah :

Selamat Mencoba !
Mohon Maaf apabila ada kesalahan ! namanya juga pemula :D

Sejarah Perkembangan Internet

Video Sejarah Perkembangan Internet



Internet Pada tahun 2009, Kita dapat mengirim Surat  Elektronik (e-mail), menelfon ex:  skype, mendiskusikan topic yg kita sukai (chatting),  e-banking, dll.

Internet merupakan perjalanan panjang 50 tahun silam  tepatnya tahun 1957 yg merupakan sejarah perkembangan besar computer,

Sebelum tahun 1957 komputer hanya dapat mengerjakan satu tugas pada satu waktu (Batch Processing), Batch Processing ini sangat tidak efektif karena hanya mampu mengerjakan satu tugas pada satu waktu, ditambah lagi dengan computer yg semakin besar, tentu saja membututhkan ruang khusus yg memiliki pendingin ruangan, jadi ‘developers’ tidak lagi dapat bekerja secara langsung, sampai pada suatu saat para pakar dipanggil untuk menghubungkan mereka, pemrograman pada saat itu masih berupa pengerjaan manual, koneksi tidak langsung ke computer menyebabkan banyak bug, membuat pusing para ‘developers’, namun pada tahun 1957 koneksi remote telang terpasang sehingga memungkinkan para ‘developers’ bekerja secara langsung, hal tersebut merupakan tanda perkembangan besar sejarah computer di dunia. Pada saat itu juga muncul ide untuk menciptakan ‘Time-Sharing’. Konsep pertama teknoligi komputer untuk membagi kemampuan satu computer ke banyak pengguna  disebut Time-Sharing.

4 Oktober 1957, tepatnya saat terjadi perang dingin, Rusia mengirim Satelit tak berawak ‘SPUTNIK 1’ ke orbit. Rasa takut akan ancaman misil pun muncul, Untuk mengamankan teknologi cetusan Amerika, Pada February 1958, Amerika kemudian mendirikan DARPA (Defense Advance Research Project Agency). Pada masa itu ilmu pengetahuan hanya disebarkan dari orang ke orang, Sampai akhirnya DARPA mengembangkan Jaringan Komputer Berskala luas, guna mempermudah penyebaran ilmu pengetahuan serta menghindari terjadinya penggandaan, Jaringan tersebut akhirnya menjadi ARPANET. Selain itu ada 3 konsep lainnya yg juga dikembangkan yg merupakan dasar dari sejarah perkembangan internet :
1.     Konsep untuk Jaringan Militer Oleh RAND Corporation di Amerika.
2.     Jaringan Komersial  dari NPL (National Physical Laboratory) di Inggris.
3.     Jaringan Sains, Cuclades, di Paris.
Pendekatan  dari ke-tiga konsep tersebut merupakan dasar dari Internet Modern saat ini.

ARANET mulai dikembangkan tahun 1966. Pada umumnya Universitas cukup berhati-hati dalam membagi komputer mereka, karena hal tersebut Komputer kecil ditempatkan di depan Mainframe.  Komputer ini IMP (Interface Message Processor), berperan mengontrol aktifitas jaringan, IMP juga menyediakan Interface untuk Mainframe, Sementara Mainframe bertugas untuk inisialisasi program & data file. IMP juga disebut IMP-subnet semenjak IMP terhubung dengan Jaringan, untuk koneksi pertama dari komputer ke komputer, Network Working Group mengembangkan NCP (Network Control Program). Kemudian NCP digantikan oleh TCP (Transmission Control Protokol) yg lebih efektif. Fitur spesifik TCP merupakan verifikasi file transfer.

Banyaknya user yg transfer file semenjak NPL diinggris, Untuk menghindari tabrakn pada pengiriman, file yg terkirm dibagi menjadi paket yg lebih kecil kemudian disatukan lagi saat diterima. Hal ini disebut dengan PAKET-SWITCHING.

Tahun 1962 pesawat musang Amerika menemukan rudal jarak menengah & jarak jauh di Kuba. Yang dapat menjangkau Amerika,hal ini memicu ketakutan akan perang nuklir, pada saat itu system informasi masih menggunakan jaringan berarsitektur terpusat. Untuk menghindari terputusnya system pada saat ada penyerangan dikembangkan arsitektur jaringan yg tidak terpusat sehingga jaringan tetap dapat beroperasi meski ada node yg mati. Jika ada serangan nuklir komunikasi yg menggunakan gelombang radio juga akan terganggu, mereka harus menggunakan gelombang langsung yg tidak mempunyai jangkauan yg jauh, oleh sebab itu dikembangkan model jaringan terdistribusi  dg demikian jarak yg jauh bisa dijangkau meski ada sedikit gangguan.

Cylades yg ada di Paris mendapat anggaran yg lebih kecil dari ARPANET sehingga memiliki lebih sedikit node. Fokus pada komunikasi jaringan dg jaringan yg lain, munculah istilah “Inter-net”. Terlebih konsep Cylades lebih maju dibanding ARPA & NPL. Selama berkomunikasi pengirim & penerima tidak melakukan intervensi lagi, namun hanya sebagai transfer node. Protokol Cylades pergi ke semua mesin menggunakan lapisan fisik yg diimplementasikan kedalam perangkat keras.

Perusahaan telepon mengembangkan protocol X.25  yg memungkinkan mereka dapat berkomunikasi dg beberapa biaya sebagai gantinya, DARPA TCP menghubungkan computer melalui Gteway & organisasi standart  internasional merancang OSI, inovasi dari OSI adalah upaya membakukan jaringan dari ujung ke ujungnya & pembagian saluran ke lapisan terpisah.  Akhirnya TCP meluluhkan preferensi dari OSI  memberi jalan untuk protocol TCP/IP standart yg menjamin kompatebilitas antar jaringan akhirnya mereka bergabung dan menjadi INTERNET.

28 February 1990, perangkat keras ARPANET dibongkar, dan internet  telah bangkit dan berjalan serta berkembang sampai kita dapat menikmati mudahnya internet.

Kita memang seharusnya sangat berterima kasih terhadap perang dingin tersebut, karena tanpa adanya perang dingin tersebut tidak mungkin kita bisa menikmati internet. jangan hanya melihat suatu perang dari sisi negatifnya bro, lihat aja sisi positifnya,  tapi siapa juga yg mau perang? hahahahaahahahaha. :D

Sekian dari saya semoga bermanfaat.
Mohon Maaf jika ada kata-kata yg kurang berkenan.



tutorial membuat database di xampp