Powered by Blogger.
Home » Posts filed under Pemrogaman Web
Showing posts with label Pemrogaman Web. Show all posts
Showing posts with label Pemrogaman Web. Show all posts

Modul Dasar Pemrogaman Web

Posted by Personal-Web on Wednesday, May 14, 2014 Label:

=Personal-Web=, Hey sobat blogger. Assalamualaikum Wr Wb. kembali lagi kali ini saya akan membagikan sebuah informasi yang merupakan dasar dari materi sebelum-belumnya, langsung saja chek it dot:

Pemrogaman Web, Apa sih Pemrogaman web itu?dan dipostingan kali saya akan membagikan informasi tentang dasar dari Pemrograman. Ini dia :
 Pengertian Web
Web merupakan media informasi berbasis jaringan komputer yang dapat diakses di mana saja, kapan saja dengan biaya relative murah. Web merupakan bentuk implementasi dari bahasa pemrograman web (Web Programing). Sejarah perkembangan bahasa pemrograman web diawali dengan munculnya HTML (HyperText Markup Language), yang kemudian dikembangkan dengan munculnya CSS (Cascading Style Sheet) yang bertujuan untuk memperindah tampilan website dengan perintah-perintah atau kode bahasa pemrograman css. Pemrograman Web bisa diartikan sebagai proses pembuatan program dalam bentuk web dengan perintah-perintah atau kode yang terstruktur dan hasilnya akan ditampilkan dalam bentuk web melalui web browser. Beberapa bahasa pemrograman web berbasis server (Sever-Slide) mulai muncul dan dikembangkan oleh beberapa perusahaan perangkat lunak seperti: ASP (Active Server Pages) oleh perusahaan Microsoft Corporation, JSP (Java Server Pages) oleh perusahaan Sun Microsystem, dan CGI (Common Gateway Interface) oleh perusahaan UNIX yang sekarang diadopsi oleh NSCA (National Central for Supercomputing Application) web server. Berikut macam-macam bahasa pemrograman web yang lebih lengkap :

Bahasa Pemrograman
Keterangan
HTML
HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet.
HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox, Microsoft Internet Explorer dll.
PHP
Hypertext Preprocessor (PHP) adalah bahasa pemrograman script yang paling banyak dipakai saat ini.
PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP masih bernama FI (Form Interpreted), yang wujudnya berupa sekumpulan script yang digunakan untuk mengolah data form dari web. PHP banyak dipakai untuk membuat situs web yang dinamis, walaupun tidak tertutup kemungkinan digunakan untuk pemakaian lain. PHP biasanya berjalan pada sistem operasi linux (PHP juga bisa dijalankan dengan hosting windows).
ASP
ASP adalah singkatan dari Active Server Pages yang merupakan salah satu bahasa pemograman web untuk menciptakan halaman web yang dinamis.
ASP merupakan salah satu produk teknologi yang disediakan oleh Microsoft. ASP bekerja pada web server dan merupakan server side scripting.
XML
Extensible Markup Language (XML) adalah bahasa markup serbaguna yang direkomendasikan W3C untuk mendeskripsikan berbagai macam data.
XML menggunakan markup tags seperti halnya HTML namun penggunaannya tidak terbatas pada tampilan halaman web saja. XML merupakan suatu metode dalam membuat penanda/markup pada sebuah dokumen.
WML
WML adalah kepanjangan dari Wireless Markup Language, yaitu bahasa pemrograman yang digunakan dalam aplikasi berbasis XML (Extensible Markup Langauge). WML adalah bahasa pemrograman yang digunakan dalam aplikasi wireless.
WML merupakan analogi dari HTML yang berjalan pada protocol nirkabel.
PERL
Perl adalah bahasa pemrograman untuk mesin dengan sistem operasi Unix (SunOS, Linux, BSD, HP-UX), juga tersedia untuk sistem operasi seperti DOS, Windows, BeOS, VMS, EBCDIC, dan PocketPC.
PERL merupakan bahasa pemograman yang mirip bahasa pemograman C.
CFM
CFM dibuat menggunakan tag ColdFusion dengan software Adobe ColdFusion / BlueDragon / Coldfusion Studio.
Syntax coldfusion berbasis html.
JavaScript
Javascript adalah bahasa scripting yang handal yang berjalan pada sisi client.
JavaScript merupakan sebuah bahasa scripting yang dikembangkan oleh Netscape. Untuk menjalankan script yang ditulis dengan JavaScript kita membutuhkan JavaScript-enabled browser yaitu browser yang mampu menjalankan JavaScript.
CSS
Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup.
Penggunaan yang paling umum dari CSS adalah untuk memformat halaman web yang ditulis dengan HTML dan XHTML. Walaupun demikian, bahasanya sendiri dapat dipergunakan untuk semua jenis dokumen XML termasuk SVG dan XUL. Spesifikasi CSS diatur oleh World Wide Web Consortium (W3C).

HTTP
HTTP (HyperText Transfer Protocol) adalah protokol yang dipergunakan untuk mentransfer dokumen dalam World Wide Web (WWW). Protokol ini adalah protokol ringan, tidak berstatus dan generik yang dapat dipergunakan berbagai macam tipe dokumen. Pengembangan HTTP dikoordinasi oleh Konsorsium World Wide Web (W3C) dan grup bekerja Internet Engineering Task Force (IETF), bekerja dalam publikasi satu seri RFC, yang paling terkenal RFC 2616, yang menjadikan HTTP yang digunakan umum sekarang ini. HTTP adalah sebuah protokol meminta/menjawab atara client dan server. 
Sebuah client HTTP seperti Web Browser, biasanya memulai permintaan dengan membuat hubungan TCP/IP ke port tertentu di tuan rumah yang jauh (biasanya port 80). Sebuah server HTTP yang mendengarkan diport tersebut menunggu client mengirim kode permintaan (request), seperti "GET/HTTP/1.1" (yang akan meminta halaman yang sudah ditentukan), diikuti dengan pesan MIME yang memiliki beberapa informasi kode kepala yang menjelaskan aspek dari permintaan tersebut, diikuti  dengan badan dari data tertentu. Beberapa kepala (header) juga bebas ditulis atau tidak, sementara lainnya (seperti tuan rumah) diperlukan oleh protokol HTTP/1,1. Begitu meneriman kode permintaan (dan pesan, bila ada), server mengirim kembali kode jawaban, seperti "200 OK", dan sebuah pesan yang diminta, atau sebuah pesan error atau pesan lainnya.

WORLD WIDE WIBE
World Wide Wibe, biasanya lebih terkenal dengan singkatan yaitu WWW adlah suatu ruang informasi yang dipakai oleh pengenal global yang disebut Pengidentifikasi Sumber Seragam untuk mengenal pasti sumber daya berguna. WWW sering dianggap sama dengan Internet secara keseluruhan, walaupun sebenarnya ia hanyalah bagian daripada Internet.
www merupakan kumpulan web dari seluruh dunia yang mempunyai kegunaan untuk menyediakan data dan informasi untuk dapat digunakan bersama. WWW adalah bagian yang paling menarik dari Internet. Melalui Web, para pengguna dapat mengakses informasi-informasi yang tidak hanya berupa teks tetapi bisa juga berupa gambar, suara, video dan animasi.
WWW adalah suatu program yang ditemukan oleh Tim Berners-lee pada tahun 1991. Awalnya Berners-Lee hanya ingin menemukan cara untuk menyusun arsip-arsip risetnya. Untuk itu, beliau mengembangkan suatu sistem untuk keperluan pribadi. Sistem itu adalah program pernati lunak yang diberi nama Enquire. Dengan program itu, Berners-Lee berhasil menciptakan jaringan yang menautkan bebagai arsip sehingga memudahlan pencarian informasi yang dibutuhkan. Inilah yang kelak menjadi dasar dari sebuah perkembangan pesat yang dikenal sebagai WWW.

Silahkan Download salah satu media untuk membuat HTML!

==> download[4] <==

Dan ini adalah Reactor salah satu Media untuk server dimana aplikasi ini digunakan untuk PHP. Silahkan klik Download!
==> download[4] <==

Pengenalan XML

Posted by Personal-Web on Monday, May 12, 2014 Label:

=Personal-Web=, Assalamualaikum Wr.Wb. Hey sobat blogger. kembali lagi dengan personalweb. Kali ini saya akan membagikan informasi tentang salah satu macam pemrogaman web. dimana informasi ini adalah lanjutan dari postingan yang lalu. Langsung saja sobat. ini dia :

Apa itu XML?  Extensible Markup Language (XML) adalah bahasa markup serbaguna yang direkomendasikan W3C untuk mendeskripsikan berbagai macam data.
  • XML menggunakan markup tags seperti halnya HTML namun penggunaannya tidak terbatas pada tampilan halaman web saja.
  • XML merupakan suatu metode dalam membuat penanda/markup pada sebuah dokumen.
  • Tujuan utama adalah untuk membantu komputer untuk berbagi data.
  • XML merupakan meta-bahasa. Ini berarti bahwa siapapun dapat menggunakannya untuk menciptakan bahasa.
  • XML adalah konsep yang luas.
XML in 10 points
  1. XML merupakan struktur dari sebuah data
  • Memiliki aturan yang jelas 
  • XML is not progamming language!
  • XML mempermudah komputer untuk me-generate data, membaca data bahkan memastikan struktur dari data agar tidak ambigu.

2. XML "mirip" dengan HTML
  • Menggunakan tag-tag sebagai penanda
  • Predefined tag VS Extensible tag
  • XML hadir tidak untuk menggantikan HTML, karena HTML dan XML memiliki 'goal' yang berbeda
" Dalam XML singkat dirancang untuk membawa data, untuk menggambarkan data dan berfokus pada data itu.
  Dalam sisi lain HTML dirancang untuk menampilkan data dan berfokus pada bagaimana data terlihat."

3. XML is new, but not that new 
  • SGML, dibangun pada awal 80-an (ISO 1986)
  • SGML digunakan untuk dokumentasi project yang besar (Militer Amerika)
  • HTML dibangun pada awal 90-an
  • XML dibangun mulai tahun 1996 (Rekomendasi dari W3C pada tahun 1998)
4. XML berformat text, namun bukan untuk dibaca
  • Pertukaran data antara komputer
  • Pertukaran data di internet
  • Platform independence
Binary VS Text

A. Problem dokumen dengan format binary
  • Ketergantungan dengan platform tetentu
  • Firewalls
  • Kesulitan dalam debug
  • Kesulitan dalam memeriksa kode program
B. Problem diatas tidak dialami dokumen dengan format teks

>=Keuntungan menggunakan dokumen berformat XML=<
  • Kemudahan dalam pertukaran data, dokumen teks dapat dibaca oleh perangkat apapun.
  • Dokumen dapat dimodifikasi dengan teks editor kesayangan.
  • Dapat dimungkinkan mengerti isi konten dari dokumen XML hanya dengan melihatnya di teks editor.
  • Mudah untuk memanipulasi dengan bahasa pemrogaman apapun.
  • Terdapat 2 level dalam hal mengecek keabsahan dokumen XML yaitu : Well formed dan Valid.



5. XML merupakan bagian dari perkembangan teknologi
  • XML 1.0 merupakan spesifikasi yang mendifinisikan "tags" dan "atribut"
  • "Keluarga XML" semakin berkembang dengan lahirnya Xlink, Xpointer, XSL, XSLT, DOM
6. XML bersifat modular
  • Memperbolehkan adanya kombinasi ataupun menggunakan format XML yang sudah ada
  • Namespace Mechanism
7. XML is verbose by design
  • XML sebagai format dokumen
8. XML "membimbing" HTML" kearah XHTML
  • Pengembangan berbasis XML
  • Lebih ketat dalam aturan penulisan
HTML dan XHTML

  1. Deklarasi Tipe di header
  2. Tag head dan body mandatory
  3. Setiap tag harus ditutup
  4. Tag yang tidak menggunakan tag end harus disisipi karakter /
  5. Setiap tag harus menggunakan lowercase
  6. Attribut harus menggunakan tanda quote
  7. Nilai atribut harus denote
9. XML berlisensi gratis, platform independent and well supported
  • Large and growing community
  • "you can build your own software arround it without paying anybody anything"
10. XML merupakan dasar dalam teknologi RDF dan Semantic Web
  • Resource Description Framework (RDF) adalah format teks XML yang mendukung deskripsi data metadata aplikasi seperti playlist musik atau koleksi album foto
  • Meaning of words (Ontologies, Semantic Web)
SGML, HTML dan XML



  • Standard Generalized Markup Language (SGML)
    • Bahasa untuk mendefinisikan/mendesain tipe dokumen
    • Struktur yang kompleks dengan biaya implementasi yang besar dan tidak bisa dioperasikan
  • Hypertext Markup Language (HTML)
    • Merupakan implementasi dari dokumen SGML sederhana
    • Struktur merupakan sintaks SGML, bukan dari HTML itu sendiri
    • Karena menggunakan sedikit fitur dari SGML, maka mudah dalam men-develop HTML
  • Extensible Markup Language (XML)
    • Sebuah struktur dalam mendefinisikan tipe dokumen (class of document)
    • Merupakan versi yang sangat disederhanakan dari SGML dengan menghilangkan banyak fitur yang 'mengaburkan'


Sekian informasi tadi sobat, kritik dan saran sangat diperlukan untuk kemajuan blog ini. Thank You. Wassalamualaikum Wr. Wb.

Artikel Terkait :

Pengenalan JavaScript

Posted by Personal-Web on Saturday, May 10, 2014 Label:


=Personal-Web=, Assalamualaikum Wr Wb. Hello sobat blogger. Kali ini saya akan membagikan sebuah informasi yang kaitannya dengan PemrogamanWeb. Langsung saja sobat tak usah bertele - tele ini dia :  
JavaScript? Apa itu JavaScript? Java Script adalah bahasa skrip yang populer di internet dan dapat bekerja di sebagian besar penjelajah web populer seperti Internet Explorer, Mozila Firefox, Netscape dan Opera. Kode JavaScript dapat sisipkan dalam halaman web menggunakan tag SCRIPT.

  • Kapan menggunakan JavaScript?
1. Ketika ada sebuah event yang ingin dieksekusi.
2. Membuat tampilan halaman menjadi lebih 'hidup'.
3. Validasi form.


  • Cara Penulisan JavaScript
Java Script dapat dituliskan dalam sebuah dokumen HTML dengan dua cara :
a. Sebagai statement dan fungsi menggunakan tag SCRIPT.
b. Sebagai pengontrol perintah menggunakan tag HTML.

  • Karakteristik JavaScript
  1. Menggunakan blok awal "{" dan blok akhir "}".
  2. Case Sensitive artinya membedakan penamaan variable dan fungsi yang menggunakan huruf besar dan huruf kecil.
  3. Extension umumnya menggunakan "*.js".
  4. Setiap statement dapat diakhiri dengan ";" sebagaimana dengan c++, tetapi dapat juga tidak.
  5. Jika tidak didukung dalam browser versi lama scriptnya, scriptnya dapat disembunyikan diantara tag "<!--" dan //-->.
  6. Jika program dalam satu baris terlalu panjang dapat disambung kebaris berikut dengan karakter "\".
  • Cara Peletakan JavaScript
A. Internal
    1. Diantara tag <head> </head>
    2. Diantara tag <body> </body>
B. Eksternal
    1. Diantara tag <head> </head>


  • Variable JavaScript
A. Penamaan
  1. Case sensitive
  2. Harus diawali dengan huruf atau underscore
  3. Bukan keyword JavaScript
  4. Tidak mengandung karakter tanda baca atau karakter untuk operasi pada script
B. Scope

    1.   Global
         a. Dapat diakses oleh seluruh fungsi
         b. Didefinisikan di luar fungsi
    2.   Lokal 
         a. Hanya dapat diakses oleh fungsi itu sendiri
         b. Dideklarasikan dalam fungsi


  • Struktur Kendali JavaScript


  • Fungsi dalam JavaScript
  1. Fungsi mengandung kode yang akan dieksekusi oleh sebuah event atau sebuah panggilan (call) terhadap fungsi tersebut.
  2. Fungsi biasanya didefinisikan disection head, dan dipanggil dalam dokumen.
  3. Fungsi dapat digunakan ulang (reuse) dalam script yang sama atau halaman lainnya.

  • Fungsi
  1. Argumen adalah variable yang digunakan dalam fungsi
  2. Nilainya adalah nilai yang dilewatkan ketika fungsi tersebut dipanggil
  3. Fungsi mengembalikan nilai balik dengan menggunakan statement "return"



  • Contoh Fungsi
  • Perulangan dalam JavaScript
  1. For
  2. While
  3. Do -- While
Apa perbedaannya?

Object Dalam JavaScript


  • Teknologi terkini JavaScript
  1. Digunakan sebagai metode pengiriman request client di belakang layar. Call it AJAX
  2. Tampilan halaman akan semakin 'hidup' dengan adanya library javascript. Contoh:jQuery, MooTools, Prototype.

Sekian sedikit informasi dari saya tadi sobat. semoga bermanfaat bagi sobat blogger.
Wassalamualaikum Wr. Wb.

Table Biodata Script HTML sederhana

Posted by Personal-Web on Friday, May 9, 2014 Label:

=Personal-Web=. Haloo sobat blogger, Assalamualikum. Kembali lagi kali ini saya akan membagikan sedikit pengetahuan tentang script sederhana.
Langsung saja sobat ini dia :

Cara Membuat Table Biodata dengan HTML :
  • Silahkan Copy Pastekan ke media untuk membuat HTML 
<html>
<head>
<title>.::Biodata Siswa::. </title>
</head>
<body>
<h1 align="center"><marquee behavior="alternate"><blink>BIODATA SISWA SMK NEGERI 2 PEKALONGAN</blink></marquee></h1>
<table width="800" align="center" border="1">
<tr>
<td>Nama</td>
<td>:</td>
<td><input type="text" NAME="nama" size="50"></td>
</tr>
<tr>
<td>Tempat,tgl lahir</td>
<td>:</td>
<td><input type="text" NAME="nama" size="20">,<input type="text" Name="Tgl" size="2">
<select name="wedus">
<option>-- Pilih Tanggal Lahir --</option>
<option value="1">Januari</option>
<option value="2">Februari</option>
<option value="3">Maret</option>
<option value="4">April</option>
<option value="5">Mei</option>
<option value="6">Juni</option>
<option value="7">Juli</option>
<option value="8">Agustus</option>
<option value="9">September</option>
<option value="10">Oktober</option>
<option value="11">November</option>
<option value="12">Desember</option>
</select>
<select name="wedus">
<option>-- Pilih Tahun --</option>
<option value="1996">1996</option>
<option value="1997">1997</option>
<option value="1998">1998</option>
<option value="1999">1999</option>
</select>

</td>
<tr>
<td>Jenis Kelamin</td><td>:</td>
<td>
<input type=radio name=jengkel>Laki-laki  
<input type=radio name=jengkel>Perempuan
  </td>
</tr>

<tr>
<td>Hobi</td><td>:</td>
<td>
<input type="checkbox" name=hobi>Makan 
<input type="checkbox" name=hobi>Minum 
<input type="checkbox" name=hobi>Mbecak
<input type="checkbox" name=hobi>Nyawer
<input type="checkbox" name=hobi>Macak
<input type="checkbox" name=hobi>Mangkal
</td>
</tr>

<tr>
<td valign="top">Alamat</td><td>:</td>
<td>
<textarea name="alamat" rows="3" cols="30"></textarea>
</tr>
<tr>
<td colspan=3 align="center"><br>
<input type="submit" value="SIMPAN" name="simpan">
</td>
</table>
</body>
</html>
  • Dan ini hasilnya sobat blogger


Sekian dari saya sobat. jika ada kesulitan silahkan berkomentar.
terima kasih. Wassalamualaikum Wr. Wb.
Silahkan baca artikel terkait :
"Script Form Login Sederhana"
"Script Sign Up Facebook Sederhana"

Sign Up Facebook Script HTML Sederhana

Posted by Personal-Web on Thursday, May 8, 2014 Label:

=Personal-Web=, Assalamualaikum Wr Wb. salam kenal sobat kali ini saya akan membagikan lagi sedikit pengetahuan tentang Script Html sederhana. Chek it Dot :

Cara Membuat Login Facebook sederhana dengan Web Browser :
Ini dia Script nya:
  • Silahkan Copy Pastekan ke media untuk membuat HTML
<html>
<head>
<title> = .:: SIGN UP FACEBOOK ::. = </title>
<body>
<h5 align=center>
<div id="div-regForm">

<div class="form-title"><h1>Mendaftar</h1></div>
<div class="form-sub-title">Gratis, sampai kapan pun</div></h5>

<form id="regForm" action="submit.php" method="post">
<table align="center" border="1">
<tbody>
<tr>

    <td><label for="fname">Nama Depan:</label></td>
    <td><div class="input-container">
    <input name="fname" id="fname" type="text" />
    </div></td>

</tr>
<tr>

    <td><label for="lname">Nama Belakang:</label></td>
    <td><div class="input-container">
    <input name="lname" id="lname" type="text" />
    </div></td>

</tr>
<tr>

    <td><label for="email">Masukkan Emailmu:</label></td>
    <td><div class="input-container">
    <input name="email" id="email" type="text" />
    </div></td>

</tr>
<tr>

    <td><label for="pass">Kata Sandi Baru:</label></td>
    <td><div class="input-container">
    <input name="pass" id="pass" type="password" />
    </div></td>

</tr>
<tr>

    <td><label for="gender-select">Saya:</label></td>
    <td>
    <div class="input-container">
    <select name="gender-select" id="gender-select">
    <option value="0">Pilih Jenis Kelamin:</option>
    <option value="1">Perempuan</option>
    <option value="2">Laki-laki</option>
    <option value="2">Lainnya</option>
    </select>

    </div>
    </td>
</tr>
<tr>
    <td><label>Tanggal Lahir:</label></td>
    <td>

    <div class="input-container">

    <select name="Bulan">
    <option value="0">Bulan:</option>
    <option value="1">Januari</option>
<option value="2">Februari</option>
<option value="3">Maret</option>
<option value="4">April</option>
<option value="5">Mei</option>
<option value="6">Juni</option>
<option value="7">Juli</option>
<option value="8">Agustus</option>
<option value="9">September</option>
<option value="10">Oktober</option>
<option value="11">November</option>
<option value="12">Desember</option>
    </select>

    <select name="Tanggal">
    <option value="0">Tanggal:</option>
    <option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>

    <select name="Tahun">
    <option value="0">Tahun:</option>
<option value="1968">1968</option>
<option value="1969">1969</option>
<option value="1970">1970</option>
<option value="1971">1971</option>
<option value="1972">1972</option>
<option value="1973">1973</option>
<option value="1974">1974</option>
<option value="1975">1975</option>
     <option value="1976">1976</option>
<option value="1977">1977</option>
<option value="1978">1978</option>
<option value="1979">1979</option>
<option value="1980">1980</option>
<option value="1981">1981</option>
<option value="1982">1982</option>
<option value="1983">1983</option>
<option value="1984">1984</option>
<option value="1985">1985</option>
<option value="1986">1986</option>
<option value="1987">1987</option>
<option value="1988">1988</option>
<option value="1989">1989</option>
<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>
<option value="1996">1996</option>
<option value="1997">1997</option>
<option value="1998">1998</option>
<option value="1999">1999</option>
<option value="2000">2000</option>
<option value="2001">2001</option>
<option value="2002">2002</option>
<option value="2003">2003</option>
<option value="2004">2004</option>
<option value="2005">2005</option>
<option value="2006">2006</option>
<option value="2007">2007</option>
<option value="2008">2008</option>
<option value="2000">2009</option>
<option value="2000">2010</option>
<option value="2000">2011</option>
<option value="2000">2012</option>
<option value="2000">2013</option>

    </select>

    </div>

    </td>

</tr>
<tr>

    <td>&nbsp;</td>
    <td><input type="submit" class="greenButton" value="Sign Up" />
    </td>

</tr>

</tbody>
</table>

</form>

<div id="error">
&nbsp;
</div>

</div>

</head>
</body>
</html>

Dan ini hasilnya sobat blogger :


Silahkan baca artikel terkait :
"Script Form Login Sederhana"
"Script Table Biodata Sederhana"

Form Login Script HTML Sederhana

Posted by Personal-Web on Label:

=Personal-Web=, Assalamualaikum Wr Wb. salam kenal sobat kali ini saya akan membagikan sedikit pengetahuan tentang Script Html sederhana. Chek it Dot :

Cara Membuat Form Login Sederhana HTML :
Ini dia Scriptnya sobat :
  • Silahkan Copy Pastekan ke media untuk membuat HTML
<html>
<head>
<title>LOGIN AREA</title>
</head>
<body bgcolor="red">

<h3 align=center>. : : LOGIN AREA : : . </h3>
<form method="POST" action="css2.html">
<table align=center width=400 bgcolor="blue" border="1">
<tr><td>Username</td><td>&nbsp;</td><td>

<input type="text" name="Aji Nugraha" size="30">

</td></tr>
<tr><td>Password</td><td>&nbsp;</td><td>

<input type="password" name=".,.,.,.," size="30">
</td></tr>
<tr><td colspan="3" align=center>

<input type="submit" value="login" name="masuk">
<input type="reset" value="batal" name="batal">
</td></tr>
</table>

</form>
</body>
</html>

Silahkan ganti kode script warna biru dengan warna keinginan anda sobat..
Dan juga kode script warna merah dengan warna kesukaan sobat..

Dan Ini Hasilnya Sobat Blogger :

Silahkan baca artikel terkait :
"Script Sign Up Facebook Sederhana"
"Script Table Biodata Sederhana"


Pengenalan PHP

Posted by Personal-Web on Monday, May 5, 2014 Label:

=Personal-Web=, Assalmualaikum Wr. Wb. Hello Sobat blogger semua, kembali lagi saya akan memposting salah satu lanjutan postingan tentang Pemrogaman Web. Langsung saja ini dia mengenai PHP. Chek it dot :


Apa itu PHP?

  • Php bahasa scripting seever-side untuk membuat website interaktif dan dinamis, banyak digunakan, free. Dapat dibedakan langsung kedalam file html. 
  • Sintaks PHP hampir sama dengan perl dan C. PHP banyak digunakan bersama Apache (web server) disemua sistem operasi. PHP kependekan dari Hypertext Prepocessor. PHP adalah bahasa server-side scripting, seperti ASP.
  • PHP script dieksekusi diserver dan mendukung hampir semua server (IIS, Apache, dll).
  • PHP mendukung banyak databases (MySQL, Informix, Oracle, Sybase, Solid, PostgreSQL, Generic ODBC).
  • PHP adalah software open source (OSS) dapat didownload di www.php.net. PHP dapat dijalankan pada platform yang berbeda (LInux, Windows, dll).
Konsep Pemrogaman Web

Konsep Web


Komponen Sistem Web

PHP FILE
  • File-file PHP terdiri dari teks, tag HTML, dan script.
  • File PHP dikembalikan ke browser dalam bentuk HTML
  • File PHP mempunyai extension '.php", ".php3", atau ".phtml".
PHP Syntax
  • PHP source code tidak bisa dilihat dengan "View source" dari browser, yang terlihat hanya output dari file PHP, yaitu plain HTML. Ini dikarenakan script PHP dijalankan dulu pada server dan hasilnya dikirim ke browser.
Sintak Dasar PHP
  • Script PHP dapat ditempatkan dimanapun di dalam dokumen HTML.
  • Cara penulisan sintak PHP :
Cara 1 (Recommended)
<?php menandai awal tag 
...
?> menandai akhir tag

Cara 2 
<? menandai awal tag
...
?> menandai akhir tag

Cara 3
<script language="php"> menandai awal script
...
</script> menandai akhir script

Setiap baris code diakhiri dengan semicolon (;)

CONTOH :
<html>
<body>
<?php
echo "Hello Broo";
?>
</body>
</html>
Komentar di PHP
// komentar
Komentar untuk 1 baris
/* komentar */
Komentar yang memakan banyak baris.

CONTOH:
<html>
<body>
<?php
//This is a comment;
/*This is a comment block*/;
?>
</body>
</html>

Variable PHP
  • Semua variable PHP diawali dengan tanda $, variable dapat berisi data, bilangan, string, atau array.
  • Aturan penamaan variable :
  1. Nama variable harus diawali dengan huruf atau underscore "_'
  2. Nama variable hanya boleh berisi karakter, alpha-numeric dan underscore (a-Z, 0-9 and _)
  3. Nama variable tidak boleh berisi spasi atau tanda baca. Jika lebih dari satu kata, sebaiknya dipisahkan dengan underscore ($my_string), atau capitalization ($myString)
CONTOH:
<html>
<body>
<?php>
$text="Hello Broo";
echo $txt;
?>
</body>
</html>

Tipe, Data, PHP.

1. Scalar types
  • Boolean
  • Integer (contoh:5;-9)
  • Float (contoh : 0.89 ; 23e2)
  • String contoh1 : "Lab TKJ"
  • String contoh2 : 'Lab TKJ'
2. Compund types
  • Array
  • Object
Menampilkan Data
Gunakan perintah print atau echo print (data); print data; echo (data); echo data;
Contoh:
print "halo";
echo "Komputer";

Operator PHP =
 Arithmetika Operators

Assignment Operators

Comparison Operators


Logika Operators 

STRING
Menggunakan '.' (tanda titik)
Contoh program :
</php
$txt1="Selamat Datang";
$txt2=" di PERSONAL WEB";
echo $txt1 . $txt2;
?>

Struktur Kontrol PHP : If ... Else
1. Pernyataan if...else statement
Untuk menjalankan perintah ketika suatu kondisi adalah benar dan kondisi yang lain slaah.
If(kondisi)
perintah dijalankan jika kondisi benar;
else
perintah dijalankan jika kondisi salah;

CONTOH :
</php
$a=5;
$b=3;
echo "a=$a<BR>";
echo "b=$b (BR>;
if ($a<$b)
echo "$a lebih kecil daripada $b";
else 
echo "$a lebih besar daripada $b";
?>

2. Pernyataan elseif
Digunakan dengan pernyataan if...else untuk menjalankan perintah jika beberapa kondisi adalah benar.
if (kondisi) 
perintah dijalankan jika kondisi benar;
elself (kondisi)
perintah dijalankan jika kondisi benar;
else
perintah dijalnkan jika kondisi salah. 

CONTOH elseif:
<?php
$a=5;
$b=7;
echo "a = $a <BR>";
echo "b = $b <BR>";
if ($a == $b)
echo "$a lebih besar daripada $b";
else
echo "$a lebih kecil daripada $b";
?>

Pernyataan Switch
  • Digunakan untuk memilih satu dari banyak pilihan.
  • Digunakan untuk menolak blok perintah yang panjang dari if...elseif...else.
switch (ekspresi)
{case label1:
perintah dijalnkan jika ekspresi = label1;
break;
case label2:
perintah dijalnkan jika ekspresi = label2;
break;
default:
perintah untuk nilai default;

}


CONTOH Switch :
<?php
$mood='sedih";
switch ($mood)
{

case sedih:
echo "Jangan bersedih ya";
break;

case bahagia;
echo "Alhamdulillah";
break;

default:
echo "Tidak bahagia dan sedih";
}?>

Perulangan While
Digunakan untuk perulangan selama kondisinya benar.
Sintaks:
while(ekspresi){perintah1;perintah2;
...
}

CONTOH:
<?php
$counter=1;
while ($counter<=12){
echo "$counter ditambah 2 =".($counter+2)
."<br>";
$counter++;
}
?>

Perulangan do...while
Blok perintah dijalnkan terlebih dahulu sebelum tes ekspresi.
Sintaks:
do{
perintah1;
perintah2;
...
}while(ekspresi);

CONTOH:
<?php
$bil=1;
do{
echo "Bilangan = $ bil <br>";
$bil++;
}
while($bil<10);
?>


Perulangan for
Sintaks:
for(nilaiAwal;syarat Terjadinya Loop;
incAtauDec)
{
perintah1;
perintah2;
...
}

BREAK
Perintah break digunakan untuk keluar dari suatu pengulangan/loop.
Contoh break:

<?php
for($a=0;$a<100;$a++)
{
if($a==30){break;}
else echo "$a    ";
}
?>

CONTINUE
Perintah continue digunakan untuk menuju step atau iterasi berikutnya dari suatu loop.
Contoh continue

<?php
for)$a=0;$a<10;$a++)
{
if($a%2==0)continue;
echo "$a";
}

dan terakhir ini sobat, PHP harus terhubung ke server maka dari itu kali ini saya akan membagikan sebuah aplikasi yaitu Reactor yang berguna untuk memudahkan sobat blogger mempelajari tentang PHP.
Silahkan Klik Download untuk download Reactor :


==> download[4] <==



Sekian pengenalan PHP dari saya, maaf bila ada salah ketikan. Dan tinggalkan saran dan kritik di komentar. Semoga bermanfaat bagi sobat Blogger.
Wassalmualaikum Wr. Wb.
Artikel Terkait :








Pengenalan CSS

Posted by Personal-Web on Sunday, May 4, 2014 Label:

== Personal-Web ==.Hey Sobat Blogger, Assalamualaikum Wr. Wb. Kembali lagi, kali ini saya akan memposting lanjutan dari posting pertama saya, yaitu CSS. langsung saja ini dia :

PENGENALAN CSS
CSS = Cascading Style Sheet
Fungsi : mendefenisikan style untuk suatu teks dengan jenis huruf, ukuran , warna
tertentu.

MEMBUAT CSS
q  CARA PERTAMA :
      mengetikkan langsung dalam tag html sebagai atribut .

q  CARA KEDUA :
Menggunakan tag style  di dalam tag head.

Style definitions : adalah defenisi style yang ingin dibuat.
Format penulisannya adalah :

Selector  adalah tag yang digunakan web browser.
Property : value adalah efek dari style yang diinginkan untuk selector

q  CARA KETIGA :
Menyimpan informasi style ke dalam sebuah file dengan ekstensi/type file  css
Memanggil file css dalam html dengan tag link yang diletakkan dalam tag head.


Contoh :
<style type=“text/css” >
        hr { color : red ; height : 5px ; width : 50%; }
</style>
Keterangan :
Tag          adalah   style
Atribut      adalah   type=“text/css”
Selector   adalah   hr
Property   adalah   color, height, width
Value        adalah   red, 5px, 50%
ID SELECTOR dan CLASS
ID selector didefenisikan sendiri
ID selector diawali tanda # ( octothorpe)
CLASS diawali dengan tanda titik ( . )




  • bisa langsung dijalankan pada komputer (PC) tanpa memerlukan server web.


Oke, Sekian dari saya, Semoga bermanfaat Thank's For your Attention. Wassalamualaikum Wr Wb.

Silahkan Download salah satu media untuk membuat CSS!

==> download[4] <==

Artikel Terkait :



Copyright © 2014 Personal-Web. All rights reserved. New ..::Personal-Web::.. modified by ==Master-Web==. Powered by Blogger