Pemograman web 

Pengertian 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.

Tipe XML

XML memiliki tiga tipe file :

• XML, merupakan standar format dari struktur berkas (file) yang ada.
• XSL, merupakan standar untuk memodifikasi data yang diimpor atau diekspor.
• XSD, merupakan standar yang mendefinisikan struktur database dalam XML.

 Keunggulan XML

Keunggulan XML bisa diringkas sebagai berikut :

• Pintar (Intelligence). XML dapat menangani berbagai tingkat (level) kompleksitas.
• Dapat beradaptasi. Dapat mengadaptasi untuk membuat bahasa sendiri. Seperti Microsoft membuat bahasa MSXML atau Macromedia mengembangkan MXML.
• Mudah pemeliharaannya.
• Sederhana. XML lebih sederhana.
• Mudah dipindah-pindahkan (Portability). XML mempunyai kemudahan perpindahan (portabilitas) yang lebih bagus.

Contoh Penulisan XML

 <?xml version="1.0" encoding="UTF-8"?>
 
 <Resep nama="roti" waktu_persiapan="5 menit" waktu_masak="3 jam">
   <judul>Roti tawar</judul>
   <bahan jumlah="3" satuan="cangkir">tepung</bahan>
   <bahan jumlah="0,25" satuan="ons">ragi</bahan>
   <bahan jumlah="1,5" satuan="cangkir">air hangat</bahan>
   <bahan jumlah="1" satuan="sendok teh">garam</bahan>
   <Cara_membuat>
    <langkah>Campur semua bahan dan uleni adonan sampai merata.</langkah>
    <langkah>Tutup dengan kain lembap dan biarkan selama satu jam di ruangan yang hangat.</langkah>
    <langkah>Ulangi lagi, letakkan di loyang dan panggang di oven.</langkah>
    <langkah>Keluarkan, hidangkan</langkah>
   </Cara_membuat>
</Resep>.

sejarah css(cascading style sheet)

 Pemograman web

 pengertian css
    Cascading Style Sheet (CSS) merupakan aturan untuk mengatur beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman.Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file). Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTMLCSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya.CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen.^[2] Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.^[1]

Sejarah CSS

Nama CSS didapat dari fakta bahwa setiap deklarasi style yang berbeda dapat diletakkan secara berurutan, yang kemudian membentuk hubungan ayah-anak (parent-child) pada setiap style. CSS sendiri merupakan sebuah teknologi internet yang direkomendasikan oleh World Wide Web Consortium atau W3C pada tahun 1996.Setelah CSS distandarisasikan, Internet Explorer dan Netscape melepas browser terbaru mereka yang telah sesuai atau paling tidak hampir mendekati dengan standar CSS.

Sifat CSS

Ada dua sifat CSS yaitu internal dan eksternalJika internal yang dipilih, maka skrip itu dimasukkan secara langsung ke halaman website yang akan didesain.Kalau halaman web yang lain akan didesain dengan model yang sama, maka skrip CSS itu harus dimasukkan lagi ke dalam halaman web yang lain ituSifat yang kedua adalah eksternal di mana skrip CSS dipisahkan dan diletakkan dalam berkas khusus.Nanti, cukup gunakan semacam tautan menuju berkas CSS itu jika halaman web yang didesain akan dibuat seperti model yang ada di skrip tersebut.[[

penulisan Java Script

Pemograman web

Pengertian JavaScript

        JavaScript adalah bahasa pemrograman web yang bersifat Client Side Programming Language. Client Side Programming Language adalah tipe bahasa pemrograman yang pemrosesannya dilakukan oleh client. Aplikasi client yang dimaksud merujuk kepada web browser seperti Google Chrome dan Mozilla Firefox.
Jenis bahasa pemrograman Client Side berbeda dengan bahasa pemrograman Server Side seperti PHP, dimana untuk server side seluruh kode program dijalankan di sisi server.
Untuk menjalankan JavaScript, kita hanya membutuhkan aplikasi text editor, dan web browser. JavaScript memiliki fitur: high-level programming language, client-side, loosely tiped, dan berorientasi objek
. Sejarah
    JavaScript pertama kali dikembangkan oleh Brendan Eich dari Netscape di bawah nama Mocha, yang nantinya namanya diganti menjadi LiveScript, dan akhirnya menjadi JavaScript.^{[6] [7]}
Navigator sebelumnya telah mendukung Java untuk lebih bisa dimanfaatkan para programmer yang non-Java.^[8] Maka dikembangkanlah bahasa pemrograman bernama LiveScript untuk mengakomodasi hal tersebut.^[8] Bahasa pemrograman inilah yang akhirnya berkembang dan diberi nama JavaScript, walaupun tidak ada hubungan bahasa antara Java dengan JavaScript.^[8]
JavaScript bisa digunakan untuk banyak tujuan, misalnya untuk membuat efek rollover baik di gambar maupun teks, dan yang penting juga adalah untuk membuat AJAX.^[8] JavaScript adalah bahasa yang digunakan untuk AJAX.^[8]

Penulisan JavaScript

     Kode JavaScript biasanya dituliskan dalam bentuk fungsi yang ditaruh di tag <head> yang dibuka dengan tag <script type="text/javascript">.^[9]

<script type="text/javascript">
 alert("Halo Dunia!");
</script>

Kode JavaScript juga bisa diletakkan di file tersendiri yang berekstensi .js (singkatan dari JavaScript).^[9] Untuk memanggil kode JavaScript yang terdapat di file sendiri, di bagian awal <head> harus ditentukan dahulu nama file .js yang dimaksud menggunakan contoh kode seperti berikut:^[9]

<script type="text/javascript" src="alamat.js">
</script>

Skrip di head

Skrip ini akan dieksekusi ketika dipanggil (biasanya berbentuk function) atau dipanggil berdasarkan trigger pada event tertentu.^[9] Peletakkan skrip di head akan menjamin skrip dimuat terlebih dahulu sebelum dipanggil.^[9]

<html>
<head>
<script type="text/javascript">
...
</script>
</head>
</html>

Skrip di body

Skrip ini dieksekusi ketika halaman dimuat sampai di bagian <body>.^[9] Ketika menempatkan skrip pada bagian <body> berarti antara isi dan JavaScript dijadikan satu bagian.^[9]

<html>
<head>
</head>
<body>
<script type="text/javascript">
...
</script>
</body>
</html>

Jumlah JavaScript di <head> dan <body> yang ditempatkan pada dokumen tidak terbatas.^[9]

Skrip eksternal

Terkadang ada yang menginginkan menjalankan JavaScript yang sama dalam beberapa kali pada halaman yang berbeda, tetapi tidak mau disibukkan jika harus menulis ulang script yang diinginkan di setiap halaman.^[9] Maka JavaScript dapat ditulis di file secara eksternal.^[9] Jadi, antara dokumen HTML dan JavaScript dipisahkan, kemudian berkas tersebut dipanggil dari dokument HTML.^[9] Berkas JavaScript tersebut disimpan dengan ekstensi .js.^[9]
JavaScript : js/xxx.js document.write("pesan ini tampil ketika halaman diload");
Untuk menggunakan eksternal JavaScript (.js) dipakai atribut "src" pada tag <script> pada halaman HTML-nya.^[9]

<html>
<head>
</head>
<body>
<script src="xxx.js">
</script>
<p>Script di atas berada di berkas "xxx.js" (eksternal) </p>
</body>
</html>

Fungsi-fungsi tag dalam HTML

PEMOGRAMAN DASAR

Pengertian HTML
            HTML merupakan singkatan dari Hypertext Markup Language. HTML digunakan untuk membangun halaman web. HTML digunakan untuk melakukan mark-up (penandaan) terhadap sebuah dokumen teks. Tanda tersebut digunakan untukmenentukan format atau style dari teks yang ditandai halaman web dibangun oleh kode-kode HTML.
HTML adalah bahasa markup yang umum digunakan. Kepopuleran HTML disebakan karena HTML ini mudah digunakan. Pembuatan dokumen web dengan HTML dapat dilakukan dengan mudah dan cepat. Dokumen web dapat tersaji dengan cepat ke banyak pembaca di seluruh dunia sekaligus. HTML mudah melakukan kontrol terhadap tampilan halaman web baik berupa teks, gambar, suara, animasi maupun video.
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 web browser seperti Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser.

  Fungsi HTML (HyperText Markup Language)

     HTML (HyperText Markup Language) adalah suatu bahasa yang menggunakan tanda-tanda tertentu (tag) untuk menyatakan kode-kode yang harus ditafsirkan oleh browser agar halaman tersebut dapat ditampilkan secara benar.

Secara umum, fungsi HTML adalah untuk mengelola serangkaian data dan informasi sehingga suatu dokumen dapat diakses dan ditampilkan di Internet melalui layanan web.

Fungsi HTML yang lebih spesifik yaitu :

1. Membuat halaman web.
2. Menampilkan berbagai informasi di dalam sebuah browser Internet.
3. Membuat link menuju halaman web lain dengan kode tertentu (hypertext).

     Fungsi-fungsi tag dalam HTML

Html = Menyatakan pada browser bahwa dokumen Web yang digunakan adalah HTML
Head = Kepala dari dokumen HTML
Title = Judul dari dokumen HTML yang ditampilkan pada judul jendela browser
Body = Tag untuk menampilkan isi dokumen HTML
H2 = Header 2, sub judul sebuah web
p = Membuat paragraf
Center = Tag html berfungsi untuk menampilkan teks dengan posisi horizontal ditengah

Hr = Tag html berfungsi untuk membuat suatu garis horizontal
Align = Menentukan posisi garis dihalaman web
Width = Mengatur panjang garis dalam satuan pixel
Noshade = Menyatakan bahwa garis yang kita buat tidak menngunakan bayang-bayang 3D.
Pre = Preformated Text, tag html berfungsi untuk menampilkan teks apa adanya sesuai text editor
H1 = Header 1, untuk judul sebuah web
br = Tag untuk ganti baris
a = Tag html yang berfungsi untuk menghubungkan ke internal atau ekserrnal halaman web
href =  Atribut yang di tambahkan kedalam tag a dimana value dari href ini adalah url
ol = Order List, tag html berfungsi untuk membuat nomor daftar urut, bisa berupa angka, huruf atau                       angka romawi.
li = List Item, tag yang berada di elemen OL dan UL yang berbentuk list
Ul = Unorder List, tag html berfungsi untuk membuat daftar tanpa nomor urut (dalam format bullet)
dl = Mendefinisikan sebuah daftar isi
dd = Mendefinisaikan deskripsi dari item dalam daftar definisi <penjelasan>
dt = Mendefinisikan istilah (item) dalam daftar definisi <istilah>
Center = Tag html berfungsi untuk menampilkan teks dengan posisi horizontal ditengah
b = Bold, tag html yang berfungsi untuk mempertebal teks
img = Tag html untuk menampilkan gambar
src = Source, menyatakan lokasi penyimpan gambar atau lokasi dimana gambar diambil.
Border = <mengatur ketebalan garis>
tr = Table Row, mendefiniskan baris pada tabel
table = Tag yang berfungsi untuk membuat suatu data yang terdiri dari baris dan kolom
th = <judul table / otomatis bold>
td = <penampilannya td tebal>
Font = Tag html berfungsi untuk merubah jenis, ukuran dan warna dari tampilan huruf
Size = Untuk merubah ukuran huruf
Face = Untuk merubah jenis huruf
cellpadding = jarak tulisan/konten dengan garis cell (2 pixel)
cellspacing = jarak spasi antar cell (2 pixel)
bgcolor = warna dasar (#ffffff = putih)
rowspan = Menggabungkan baris
td = Table Data, terletak di dalam tag TR, yang berfungsi untuk memasukkan data-data
collspan = Menggabungkan kolom
div = suatu element yang di gunakan untuk mengelompokan suatu element atau tag tag agar menjadi             suatu group

pengertian dan fungsi php

 

Pengertian PHP PHP adalah bahasa pemrograman script server-side yang didesain untuk pengembangan web. Selain itu, PHP juga bisa digunakan sebagai bahasa pemrograman umum (wikipedia). PHP di kembangkan pada tahun 1995 oleh Rasmus Lerdorf, dan sekarang dikelola oleh The PHP Group. Situs resmi PHP beralamat di http://www.php.net. PHP disebut bahasa pemrograman server side karena PHP diproses pada komputer server. Hal ini berbeda dibandingkan dengan bahasa pemrograman client-side seperti JavaScript yang diproses pada web browser (client). Pada awalnya PHP merupakan singkatan dari Personal Home Page. Sesuai dengan namanya, PHP digunakan untuk membuat website pribadi. Dalam beberapa tahun perkembangannya, PHP menjelma menjadi bahasa pemrograman web yang powerful dan tidak hanya digunakan untuk membuat halaman web sederhana, tetapi juga website populer yang digunakan oleh jutaan orang seperti wikipedia, wordpress, joomla, dll.           Saat ini PHP adalah singkatan dari PHP: Hypertext Preprocessor, sebuah kepanjangan rekursif, yakni permainan kata dimana kepanjangannya terdiri dari singkatan itu sendiri: PHP: Hypertext Preprocessor. PHP dapat digunakan dengan gratis (free) dan bersifat Open Source. PHP dirilis dalam lisensi PHP License, sedikit berbeda dengan lisensi GNU General Public License (GPL) yang biasa digunakan untuk proyek Open Source.         Kemudahan dan kepopuleran PHP sudah menjadi standar bagi programmer web di seluruh dunia. Menurut wikipedia pada februari 2014, sekitar 82% dari web server di dunia menggunakan PHP. PHP juga menjadi dasar dari aplikasi CMS (Content Management System) populer seperti Joomla, Drupal, dan WordPress. Dikutip dari situs w3techs.com, (diakses pada 18 Desember 2014), berikut adalah market share penggunaan bahasa pemrograman server-side untuk mayoritas website di seluruh dunia.

Fungsi PHP Dalam Pemrograman Web       Untuk membuat halaman web, sebenarnya PHP bukanlah bahasa pemrograman yang wajib digunakan. Kita bisa saja membuat website hanya menggunakan HTML saja. Web yang dihasilkan dengan HTML (dan CSS) ini dikenal dengan website statis, dimana konten dan halaman web bersifat tetap. Sebagai perbandingan, website dinamis yang bisa dibuat menggunakan PHP adalah situs web yang bisa menyesuaikan tampilan konten tergantung situasi. Website dinamis juga bisa menyimpan data ke dalam database, membuat halaman yang berubah-ubah sesuai input dari user, memproses form, dll.       Untuk pembuatan web, kode PHP biasanya di sisipkan kedalam dokumen HTML. Karena fitur inilah PHP disebut juga sebagai Scripting Language atau bahasa pemrograman script. Sebagai contoh penggunaan PHP, misalkan kita ingin membuat list dari nomor 1 sampai nomor 10. Dengan menggunakan HTML murni, kita bisa membuatnya secara manual seperti kode berikut ini: <!DOCTYPE html> <html> <head> <title>Contoh list dengan HTML</title> </head> <body> <h2>Daftar Absensi Mahasiswa</h2> <ol> <li>Nama Mahasiswa ke-1</li> <li>Nama Mahasiswa ke-2</li> <li>Nama Mahasiswa ke-3</li> <li>Nama Mahasiswa ke-4</li> <li>Nama Mahasiswa ke-5</li> <li>Nama Mahasiswa ke-6</li> <li>Nama Mahasiswa ke-7</li> <li>Nama Mahasiswa ke-8</li> <li>Nama Mahasiswa ke-9</li> <li>Nama Mahasiswa ke-10</li> </ol> </body> </html>.