Tampilkan postingan dengan label TUGAS KULIAH. Tampilkan semua postingan
Tampilkan postingan dengan label TUGAS KULIAH. Tampilkan semua postingan

Kamis, 11 April 2013

dasar belajar web programing


WEB PROGRAMING
A.      HTML ( Hypertext Markup Language )

Adalah kepanjangan dari Hypertext Markup Language, sebuah kumpulan perintah-perintah untuk web browser tentang bagaimana menampilkan isi ke user.bersifat client side yang memungkinkan untuk menampilkan informasi dalam bentuk teks,grafik,serta multimedia dan juga untuk menghubungkan antartampilan web page(hyperlink).dengan sifatnya yang client side akan menghasilkan web page yang statis artinya lebih menekankan pada disain format tampilan informasi dan informasi yang disajikan tidak dapat di update seketika,karena tidak dapat dilakukan request interaktif dari pengguna dan proses tidak terjadi di server sehingga tidak menghasilkan output apapun.

HTML/XHTML merupakan format tampilan yang digunakan untuk menampilkan halaman website.HTML terdiri dari symbol-simbol tertentu yang sering disebut dengan tag. Sebuah halaman website yang valid selalu diapit tag <html></html>. File HTML umumnya memiliki akhiran *.htm atau *.html.

Jumat, 05 April 2013

Belajar Dasar HTML Merancang Web


Seperti yang sudah anda ketahui pada posting saya terdahulu tentang Mengenal Hypertext Markup Language (HTML),  secara ringkas HTML adalah kode yang terdiri dari rangkaian tag untuk menampilkan suatu visual pada halaman Web atau World Web Wide (WWW). Kode HTML ini memungkinkan anda untuk membuat halaman web dan menempatkan  apapun yang anda suka.

Baiklah, mari kita langsung ke intinya. Disini anda akan mempelajari sebenarnya betapa mudahnya untuk membuat sebuah web atau blog. Bahkan pada saat anda selesai membaca posting saya ini , saya yakin anda akan bisa membuat web anda sendiri.
Semudah itukah…? Jawabynya iyaa!, jika anda tekun dan selalu bersemangat, OK!.

Langkah-langkah didalam menyusun sebuah web/blog umumnya adalah sebagai berikut :

DASAR-DASAR UNTUK MEMBUAT SEBUAH WEBSITE

Ada 4 bahasa pemrograman standar dalam web design:

HTML, CSS, JavaScript dan PHP.

Langkah pertama adalah Kamu perlu bisa membedakan cara penulisan dan tag dasar dari keempat bahasa tersebut, agar sobat tidak rancu saat mengedit skrip coding dari theme blog yang sobat gunakan.

Untuk PHP cukup pelajari cara penulisan tag sesuai dengan CMS blog yang Kamu pakai. dalam bahasa PHP yang langsung bisa sobat gunakan tanpa perlu susah payah membuat perintahnya sendiri. Nah, sekarang pertanyaanya pelajari yang mana dulu? jawabannya adalah..

HTML → CSS → PHP → JavaScript HTML ada diurutan pertama karena merupakan bahasa pemrograman utama yang WAJIB dipelajari dalam membangun sebuah halaman blog/website.

Setelah halaman dasar dibangun, CSS digunakan untuk memberikan “makeup” pada halaman. Sebagai langkah awal gunakan saja tag PHP standar bawaan dari theme blog yang sudah ada. JavaScript bisa Sobat pelajari untuk membuat halaman blog lebih interaktif, tapi tidak mutlak.

Bagaimana dengan proses belajarnya?

DASAR-DASAR UNTUK MEMBUAT SEBUAH WEBSITE

Ada 4 bahasa pemrograman standar dalam web design:

HTML, CSS, JavaScript dan PHP.

Langkah pertama adalah Kamu perlu bisa membedakan cara penulisan dan tag dasar dari keempat bahasa tersebut, agar sobat tidak rancu saat mengedit skrip coding dari theme blog yang sobat gunakan.

Untuk PHP cukup pelajari cara penulisan tag sesuai dengan CMS blog yang Kamu pakai. dalam bahasa PHP yang langsung bisa sobat gunakan tanpa perlu susah payah membuat perintahnya sendiri. Nah, sekarang pertanyaanya pelajari yang mana dulu? jawabannya adalah..

HTML → CSS → PHP → JavaScript HTML ada diurutan pertama karena merupakan bahasa pemrograman utama yang WAJIB dipelajari dalam membangun sebuah halaman blog/website.

Setelah halaman dasar dibangun, CSS digunakan untuk memberikan “makeup” pada halaman. Sebagai langkah awal gunakan saja tag PHP standar bawaan dari theme blog yang sudah ada. JavaScript bisa Sobat pelajari untuk membuat halaman blog lebih interaktif, tapi tidak mutlak.

Bagaimana dengan proses belajarnya?

PHP

KONTROL KENDALI DAN FUNGSI


  • Struktur Berurutan Contoh : <?php echo "Statemen 1"; echo "Statemen 2"; echo "Statemen 3"; ?> 2
  • 3. • Struktur SeleksiBentuk 1 Bentuk 3If (kondisi){ If (kondisi-1) Statemen {} Statemen-1 }Bentuk 2 Elseif (konsisi-2)If (kondisi-1) {{ Statemen-2 Statemen-1 }} ……………Else Else{ { Statemen-2 Statemen-n} } 3
  • 4. Contoh• Buat web page untuk menerima sebuah Besar Pembelian, kemudian proses dan tampilkan: Besar Pembelian, Diskon dan Total Bayar.• Diskon dan Tatal Bayar ditentukan sebagai berikut: – Diskon diberikan 10% dari Besar Pembelian jika Besar Pembelian>=1000000 – Total Bayar = Total Pembelian - Diskon 4
  • 5. Layout Input 5
  • 6. <html><head><title>Kondisi</title></head><body> <form> Besar Pembelian: <input type=text name=total_beli><br><br> <input type=submit value="TentukanDiskon"> </form> 6
  • 7. <?php if (isset($total_beli)) { $total_beli=intval($total_beli); $diskon=0; if ($total_beli>=100000) $diskon=intval(0.1 * $total_beli); printf("Pembelian = %d <br>n", $total_beli); printf("Diskon = %d <br>n", $diskon); printf("Pembayaran = %d <br>n", $total_beli -$diskon); } ?></body></html> 7
  • 8. • Hasil 8
  • 9. Contoh: Lebih dari 2 kondisi• Buat web page untuk menerima sebuah nilai angka (NA), kemudian proses dan tampilkan: Nilai Huruf dan Predikat.• Nilai Huruf dan Predikat ditentukan sebagai berikut: NA Nilai Huruf Predikat >=85 A Sangat Memuaskan 75 - 84 B Memuaskan 60 - 74 C Cukup 45 - 59 D Kurang <=45 E Buruk 9
  • 10. Layout Input 10

PHP

VARIABEL PADA PHP   
(Personal Home Page)
  • Pada PHP semua variable dituliskan dengan tanda $ di awal nama variabel.• Aturan penulisan variable: – Nama variable bisa terdiri dari angka, huruf dan underscore – Huruf pertama nama variable tidak boleh berupa angka – nama variable bersifat case-sensitive 2 
  • Contoh :• //penamaan berikut benar $nama = "Yusuf"; $test123 = "Test"; $_TEST = "Test"; $Test123 = "Test";• //penamaan yang salah $1Huruf = "A"; //diawali dengan angka $sw3ar-it = "Again"; //menggunakan karakter "-" $Tom&Jerry = "Kucing"; // menggunakan karakter "&" 3
  • Yang perlu diingat • Deklarasi tipe variable biasanya tidak ditentukan oleh programmer. PHP akan secara otomatis mengubah atau memberi tipe data berdasarkan kontek penggunaannya. 4
  • Contoh : $nama = "Ini tipe String" ; //deklarasi tipe string; $numeric = 123 ; //deklarasi integer $numeric = 456.123 ; //Sekarang $numeric bertipe float $bollean = true ; // deklarasi tipe Boolean 5
  • 6. Scope variable• Global• Local <?php $A = 123 ; // variable global function Test() { $A = "Test"; // variable local echo "Nilai A dalam fungsi = $A n"; } Test(); echo "Nilai A luar fungsi = $A n"; ?> 6
  • Untuk menyatakan suatu variable global dari dalam fungsi dapat digunakan kata kunci global. Contoh : <?php $A = 123 ; // variable global function Test() { global $A ; // variable local echo "Nilai A dalam fungsi = $A n";} Test(); echo "Nilai A luar fungsi = $A n"; ?> 7

PHP (Personal Home Page)


  • PHP (Personal Home Page) merupakan bahasa script yang digunakan untuk membuat halaman web yang dinamis.• Dinamis berarti halaman yang akan ditampilkan dibuat saat halaman itu diminta oleh client. Mekanisme ini menyebabkan informasi yang diterima client selalu yang terbaru.• Semua script PHP dieksekusi pada server dimana script tersebut dijalankan.
  • . PHP juga termasuk dalam HTML-embedded, artinya code php dapat kita sisipkan pada sebuah halaman HTML.• Tag yang dapat digunakan untuk menyatakan script php adalah: • <? … ?> • <?php … ?> • <% … %>• Diantara ketiga ini tag kedua merupakan tag yang paling aman karena memberikan tanda yang lebih jelas dan pada umumnya dimengerti oleh web server.
  • Contoh: <HTML> <HEAD> <TITLE>PHP Mania</TITLE> </HEAD> <BODY> <?php echo "<B>PHP untuk halaman web yang dinamis</B>"; ?> </BODY> </HTML>
  • Contoh: (tanpa Tag HTML) <?php echo "<B>PHP untuk halaman web yang dinamis</B>"; ?>
  • Software yang dibutuhkan • Web Server (PWS, IIS, Xitami, JSP, atau Apache. • PHP 4.01 atau diatasnya • MySql Server dan client • phpMyAdmin (software manajemen basisdata)• PhpTriad• WAMP5• XAMP• AppServ
  • Sintak Dasar PHP• Penterjemah PHP akan membaca file html sampai ditemukan tag spesial yang memberitahukan untuk menterjemah-kan teks berikutnya sebagai code php.• Semua teks yang berada diluar tag awal dan akhir php akan dianggap sebagai teks html biasa dan akan dikirimkan langsung ke browser client untuk ditampilkan.
  • 9. Statemen• Sebuah statemen merupakan sebuah perintah yang diakhiri dengan tanda titik koma (;) . Tanda tag penutup script php juga dapat sebagai penutup atau menyatakan akhir dari suatu statemen PHP Contoh : <?php echo "hanya untuk test"; echo "sama untuk test saja“ ?>
  • 10. Statemen Output• Beberapa statemen output yang dapat digunakan pada PHP yaitu:• echo echo “Belajar PHP”• print() print(“Belajar PHP”)• printf() printf(“%s %f %d”,”PHP”,3.23,60)
  • 11. Komentar• Komentar merupakan bagian program yang tidak akan dieksekusi.• PHP memberikan banyak pilihan untuk menuliskan komentar. Cara penulisannya merupakan adopsi dari gaya penulisan komentar pada bahasa C, C++.
  •  Contoh:<?php/*echo "Kalimat ini tidak akan dicetak";*/?><?phpecho "Kalimat ini akan dicetak"; //Bagian ini hanya merupakan komentar?>
  • 13. TIPE DATA• PHP memiliki 8 tipe data dasar yaitu boolean , integer , float (floating-point), string , array , object , resource dan NULL• Biasanya tipe variable pada php tidak ditentukan oleh programmer, namun ditentukan berdasarkan untuk apa variable itu digunakan saat program dijalankan.
  • Tipe data Boolean• Bernilai true atau false• Contoh: <?php $ada = true; if($ada == TRUE){ echo "NIM terdaftar dalam database kami"; } else { echo "Maaf NIM anda tidak terdaftar"; } ?>
  • Tipe Data Integer• Tipe ini merupakan tipe bilangan bulat• Contoh: $a = 1234; # desimal $a = -123; # negatif desimal // octal (sama dengan 83 dalam desimal) $a = 0123; // hexadecimal (sama dengan 26 dalam desimal) $a = 0x1A;
  • Tipe Data Float• Tipe ini merupakan tipe bilangan real• Contoh: $a = 1.234; $a = 1.2e3; $a = 7E-10;
  •  Tipe Data String• String merupakan kumpulan karakter• Contoh: $untai = Ini merupakan untaian karakter; $rantai = "ini juga berupa string";
  • Karakter Khususn Linefeed / baris barur Cariagge return / enter (13)t Tab Horizontal Backslash$ Tanda dollar" Petik ganda
  • Tipe Data Array• Array adalah sebuah data yang mengandung satu atau lebih data, dan dapat diindek berdasarkan numerik maupun string. array( [key =>] value , ... )Contoh :$a = array( 1 => one, 2 => two, 3 => three );

Entri Populer

Daftar Blog Saya