Reggae Mania smkn 1 sumenep getar

ARTIKEL TENTANG PEMROGRAMAN WEB

Artikel Tentang Bahasa Pemrograman Web

 

Posted Desember 22, 2010 by bibinbudir in Uncategorized. Tinggalkan Sebuah Komentar

Jika anda suka sekali dalam pembuatan web, maka anda tidak akan terlepas dari apa yang namanya bahasa pemrograman. Bahasa pemrograman merupakan suatu teknik komando/instruksi standar untuk memerintah komputer.
Berikut adalah penjelasan tentang bahasa pemrograman apa saja yang biasa digunakan untuk membuat suatu website :
1. Bahasa Pemrograman 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 atau Microsoft Internet Explorer.
2. Bahasa Pemrograman PHP
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).
3. Bahasa Pemrograman 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.
4. Bahasa Pemrograman 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.
5. Bahasa Pemrograman WML
WML adalah kepanjangan dari Wireless Markup Language, yaitu bahasa pemrograman yang digunakan dalam aplikasi berbasis XML (eXtensible Markup Langauge).
WML ini adalah bahasa pemrograman yang digunakan dalam aplikasi wireless.
WML merupakan analogi dari HTML yang berjalan pada protocol nirkabel.
6. Bahasa Pemrograman PERL
Perl adalah bahasa pemrograman untuk mesin dengan sistem operasi Unix (SunOS, Linux, BSD, HP-UX), juga tersedia untuk sistem operasi seperti DOS, Windows, PowerPC, BeOS, VMS, EBCDIC, dan PocketPC.
PERL merupakan bahasa pemograman yang mirip bahasa pemograman C.
7. Bahasa Pemrograman CFM
Cfm dibuat menggunakan tag ColdFusion dengan software Adobe ColdFusion / BlueDragon / Coldfusion Studio.
Syntax coldfusion berbasis html.
8. Bahasa Pemrograman 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.
9. Bahasa Pemrograman 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).

ARTIKEL TENTANG PEMROGRAMAN WEB

artikel pemrograman web

Pengertian Web Statis dan Dinamis

    Pengertian Web Statis dan Dinamis - Pada kesempatan kali ini saya mencoba memberikan informasi Pengertian Web Statis dan Dinamis.Setelah beberapa saat lalu saya memberikan informasi Ciri - Ciri Protokol TCP/IP dan Cara Kerja TCP/IP kali ini saya akan sedikit memberikan informasi mengenai Pengertian Web Statis dan Dinamis.

Pengertian Web Statis

  Web Statis adalah web yang content atau isinya tidak berubah – ubah. Maksudnya adalah isi dari dokumen yang ada di web tersebut tidak dapat diubah secara mudah. Ini dikarenakan karena script yang digunakan untuk membut web statis tidak mendukung untuk mengubah isi dokumen.

   Karena script yng digunakan untuk membuat web statis ini seperti HTML dan Cascading Style Sheet atau biasa disebut dengan CSS. Maka dari itu untuk perubahan isi dokumen pada web statis harus mengubah isi file HTML atau CSS tersebut. Tentunya bagi orang awam atau orang yang tidak mengerti soal program atau script HTML dan CSS akan sangat sulit sekali dilakukan. Untuk itu jika kita ingin mengubah dokumen web statis harus mengerti benar scipt HTML atau CSS atau sering disebut programmer yang dapat melakukan perubahan isi dokumen sebuah web statis.

Web statis ini biasanya digunakan oleh website yang menggunakan HTML, Web Search Engine, atau web Company Profile.

Pengertian Web Dinamis

  Web Dinamis adalah Web yang content atau isinya dapat berubah – ubah setiap saat. Karena dalam teknologi pembuatan web dinamis sudah dirancang semudah mungkin bagi user yang menggunakan web dinamis tersebut.

  Untuk perubahan content atau isi dokumen dalam sebuah web dinamis dibilang mudah ketimbang web statis yang harus memiliki keahlian khusus pada bagian scripting web tersebut. Ketika kita akan mengubah content atau isi dari sebuah web dinamis kita hanya perlu masuk kebagian control panel atau bagian administrator web yang telah disediakan oleh script web dinamis.

  Jadi untuk pengubahan content atau isi dokumen dalam sebuah web dinamis tidak perlu memiliki keahlian programming atau seorang programmer saja yang dapat mengubah isi dokumen pada web dinamis. Untuk membuat web dinamis diperlukan beberapa komponen yaitu client side scripting ( HTML, JavaScript, Casing Style Sheet atau CSS) dan server side scripting seperti PHP dan program basis data seperti database MySQL untuk menyimpan data – data yang ada di web dinamis.

Web Dinamis ini banyak sekali bertebaran di internet seperti Web Berita, Personal Blog, Toko Online/Web Pasng Iklan, dll.Sekian informasi sederhana saya mengenai Pengertian Web Statis dan Dinamis.

 

 

 

 

 

 

                  Contoh HTML 

 

        Informasi di dalam WWW(Word Wide Web)menggunakan format HTML. Didalam HTML kita mengenal Hyper Text yaitu adanya link ke suatu dokumen, suatu alamat mesin bahkan ke suatu gambar, suara. Banyak software yang digunakan untuk membuat WWW dengan format HTML. Yang akan kita bahas disini adalah yang paling dasar yaitu mengunakan notepad, dimana notepad lah software yang biasanya langsung udah ada dikomputer pada saat komputer aktif, dan notepad biasanya terletak pada accesories.
Langkah pertama yang dilakukan yaitu

Klik notepad

Simpan file dalam suatu folder dalam format nama_file.HTML%htm

Kemudian jalankan dengan Internet Explorer

Cara menjalakan

Klik Run, cari nama file html/htm

Klik Ok

Adapun perintah perintah dasar dari HTML adalah sebagai berikut:

1. <H1> sampai <H6>
   <H1>  </H1>font ukuran besar
   <H2>  </H2>
    ....         ....
   <H6>   </H6>font semakin kecil
2. <HR>
   Fungsi : perintah untuk membuat garis horizontal penuh layar
   cth :

   ---

   
   
3. <I>
   Fungsi : membuat teks miring
4. <B>
   Fungsi : membuat teks tebal
5. <U>
   Fungsi : membuat teks bergaris bawah
6. <CENTER>
   Fungsi : membuat text ke tengah layar
7. <ALIGN>
   Fungsi : Membuat teks rata kiri dan rata kanan
   Sintak
   <P ALIGN=right>untuk rata kanan
   <P ALIGN=left>untuk rata kiri
   <P ALIGN=center>untuk rata tengah
   <P ALIGN=justify>untuk rata kiri dan rata kanan atau
   <H?ALIGN=right>
   <H?ALIGN=left>
   <H?ALIGN=center>
   <H?ALIGN=justify>
   
   Contoh pemakaian:
   <H2 Align=right>Selamat Datang Ke Website Kami <H2>
   
8. <BR>
   Fungsi : memasukkan fungsi enter
   Cth : Jika perintah <BR> diberikan di awal atau diakhir baris, maka kalimat berikutnya akan dicetak pada baris berikutnya
9. <!->
   Fungsi : membuat komentar
   Semua teks atau perintah yang diapit oleh perintah ini tidak akan dijalankan
10. <P>
    Fungsi : memisahkan paragraph yang satu dengan paragraph yang lain
11. <DD>
    Fungsi : membuat teks atau sebuah paragraph agak masuk ke dalam
12. <BASEFONT>
    Fungsi : Mengubah ukuran font
    Contoh :
    <BASEFONT SIZE=6>
    WELCOME TO MY WEBSITE
    <B>WELCOME TO MY WEBSITE DAN TEBAL</B>
13. <FONT>
    Fungsi : mengubah ukuran font, tetapi angka yang terdapat dalam size yang merupakan ukuran font harus diberi tanda kutib
14. <FACE>
    Fungsi : mengubah jenis font
15. <SUP>
    Fungsi : membuat cetak naik suatu teks
    Contoh :
    Kami adalah yang pertama:1^stin the world
16. <SUB>
    Fungsi : membuat suatu teks cetak turun
    Contoh :
    contoh-contoh teks cetak turun :
    H₂O (Disebut Air) dan
    C₂₁27No (Disebut Methadon)
17. <UL> atau Unorder List
    Fungsi : membuat bullet
18. <LI>
    Fungsi : juga untuk membuat bullet
    Catatan : perintah <LI> harus berada dalam perintah OL,UL,DIR,Menu
    Contoh :
    <UL>
    <LI>
    <H2> Jawa Timur </H2>
    <UL>
    <LI> SURABAYA </LI>
    <LI> MALANG </LI>
    <LI> GRESIK </LI>
    </UL>
    </LI>
    </BR>
    <LI>
    <H2> Jawa Barat </H2>
    <UL>
    <LI> Bandung </LI>
    <LI> Sukabumi </LI>
    <LI> Bogor </LI>
    </UL>
    </LI>
    </UL>
19. <IMGSRC>
    Fungsi : memasukkan gambar ke dalam Website
    Anda dapat juga memasukkan gambar berakhiran *.Jpg, *.Gif, *.Bmp dll
    Sintak :<IMG BORDER="5">
    "5" merupakan ukuran border(Bingkai), ganti angka ini sesuai keinginan anda
20. <BGSOUND>
    Fungsi : memasukkan suara atau musik ke dalam Website
    Sintak : <BGSOUND loop=infite Src="d:/Selamat datang.WAV">
Link dengan sorot
Berikut adalah contoh program bagaimana membuat link hanya dengan sorot saja (link tak perlu diklik, tetapi cukup disorot dengan mouse.
<HTML>
<HEAD>
<TITLE> </TITLE>
<META Name="description"Content=" ">
<META Name="keywords"Content=" ">
<META Name="generator"Content="Cute HTML">
</HEAD>
<BODY BG Color="#FFFFFF"Text="#000000="#"0000FF"VLink="#800080">
<Center>
<A href=" "target=main on mouse over="Window.open('c:/html/keterangan.html'):">
<Font Size=3 FACE=Arial Color=#804000> Keterangan </FONT> </e>
</CENTER>
</BODY>
</HTML>
Link dengan tombol
Berikut adalah contoh program link dengan tombol
Sintak :
<Input type="button"Value="Nama Tombol"
On Click="parent.location="Link anda disini" >
Contoh
Buatlah link dengan nama
tentang_kami.html
produk_kami.html
cara_memesan.html

< HTML >
< HEAD >
< TITLE > </TITLE>
< META name="description"Content=" ">
< META name="keywords"Content=" ">
< META name="generator"Content="Cute HTML">
< /HEAD >
< BODY BGCOLOR="#FFFFFF"Text="#000000"Vlink="#800080" >
< Center >
< h1 > PT.OCTA >
< Input Type="button"value="Tentang Kami"
on click="parent.location="c:/website/tentang_kami.html'" >
< Input Type="button"value="Produk Kami"
on click="parent.location="c:/gambar/produk_kami.html'" >
< Input Type="button"value="cara memesan"
on click="parent.location="c:/gambar/cara_memesan.html'" >
< /Center >
< /Body >
< /HTML >
Kolom
< tr > adalah perintah untuk membuat kolom pada notepad
Berikut adalah contoh perintah cara membuat kolom pada notepad
< html >
< head >
< title > Belajar membuat kolom < /title >
< /head >
< H3 Align="Center" > DAFTAR MAHASISWA < H3 >
< table border="3" border color="red"
< tr >
< td > No
< td > Nama
< td > Alamat
< td > No. Phone
< td > Gambar
< /tr >
< tr >
< td > 1
< td > Octa
< td > Padang Bulan
< td > 8214773
< td > < Img src="C:\Documents and Settings\XP\My Documents\My Webs\octa_pic1.JPG" > < /tr >


Hasilnya menjadi

Membuat Frame

-Framecols : membagi layar dalam bentuk kolom
-FrameRows : membagi layar dengan bentuk baris
-Frame Src : menampilkan file dalam frame
Bentuknya
(Frame cols="30%,*")
(Frame Src="Nama.file Name="Teks")
(Frame Rows="40%,*")
(Frame Src="Nama.file"Nama="teks")
(Frame Src="Nama.file"Nama="Teks)
(/Frameset)
Contoh Program Frame
< Html >
< Head >
< Title >Melink dengan sorot < /Title >
< /Head >
< Frameset cols="30%,*" >
< Frame Src="Nama file"Nama="Teks" >
< Frame Rows="40%%,*" >
< Frame Src="Gambar File’Nama="Gambar" >
< Frame Src="Nama File"Nama="Teks >
< /Frameset >

BAHASA PEMROGRAMAN WEB

Artikel Tentang Bahasa Pemrograman Web

Artikel Tentang Bahasa Pemrograman Web

 

Jika anda suka sekali dalam pembuatan web, maka anda tidak akan terlepas dari apa yang namanya bahasa pemrograman. Bahasa pemrograman merupakan suatu teknik komando/instruksi standar untuk memerintah komputer.
Berikut adalah penjelasan tentang bahasa pemrograman apa saja yang biasa digunakan untuk membuat suatu website :
1. Bahasa Pemrograman 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 atau Microsoft Internet Explorer.
2. Bahasa Pemrograman PHP
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).
3. Bahasa Pemrograman 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.
4. Bahasa Pemrograman 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.

5. Bahasa Pemrograman WML
WML adalah kepanjangan dari Wireless Markup Language, yaitu bahasa pemrograman yang digunakan dalam aplikasi berbasis XML (eXtensible Markup Langauge).
WML ini adalah bahasa pemrograman yang digunakan dalam aplikasi wireless.
WML merupakan analogi dari HTML yang berjalan pada protocol nirkabel.
6. Bahasa Pemrograman PERL
Perl adalah bahasa pemrograman untuk mesin dengan sistem operasi Unix (SunOS, Linux, BSD, HP-UX), juga tersedia untuk sistem operasi seperti DOS, Windows, PowerPC, BeOS, VMS, EBCDIC, dan PocketPC.
PERL merupakan bahasa pemograman yang mirip bahasa pemograman C.
7. Bahasa Pemrograman CFM
Cfm dibuat menggunakan tag ColdFusion dengan software Adobe ColdFusion / BlueDragon / Coldfusion Studio.
Syntax coldfusion berbasis html.
8. Bahasa Pemrograman 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.
9. Bahasa Pemrograman 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).

BAB I

      KONSEP DASAR PEMROGRAMA

1.1.

Pengenalan

omputer adalah mesin yang dapat melaksanakan seperangkat

perintah dasar (

instruction

set

). Agar komputer dapat melakukan

sesuatu hal, harus diberikan perintah yang dapat dilaksanakannya, yaitu

dalam bentuk kumpulan perintah

-

perintah dasar. Program komputer

adalah sekumpulan instruksi yang dikenal oleh komputer dan disusun

menurut urutan ya

ng logis untuk menyelesaikan suatu masalah. Bahasa

pemrograman adalah bahasa yang dapat diterjemahkan menjadi

kumpulan perintah

-

perintah dasar tersebut. Penerjemahan dilakukan oleh

program komputer

yang disebut

kompilator

. Sintaks dari bahasa

pemrograman lebih mudah dipahami oleh manusia daripada sintaks

perintah dasar. Namun tentu saja komputer hanya dapat

melaksanakan

perintah dasar itu. Maka di sinilah peran penting kompilator sebagai

perantara antara bahasa pemrograman dengan perintah dasar. Kegiatan

membuat program komputer dengan menggunakan bahasa pemrograman

disebut

pemrograman komputer

.

Untuk dapat membuat program

komputer, harus dikuasai bahasa komputer. Berbagai bahasa komputer

telah diciptakan untuk membantu manusia memprogram komputer.

Berdasarkan tingkatanny

a dikenal beberapa tingkat bahasa pemrograman

diantaranya:

a.

Bahasa Pe

mrograman tingkat dasar seperti

: Bahasa Mesin, Bahasa

Assembley.

b.

Bahasa Pem

rograman tingkat tengah seperti

: Bahasa C, Bahasa

FORTH.

c.

Bahasa Pem

rograman tingkat tinggi seperti

: Bahasa Pascal,

FORTRAN, COBOL,

dan lain

-

lain

.

Bahasa pemgrogram tingkat dasar, sebagai hirarki pertama,

disebut juga bahasa generasi pertama, bahasa ini sangat tergantung pada

jenis CPU yang dipakai oleh komputer itu. Bahasa ini sangat sulit

dipelajari,

karena sifatnya yang sangat tergantung pada mesinnya itu

K

2

(

machine dependent

). Untuk menguasai bahasa ini, harus dipelajari dan

dikuasai teknologi dan arsitektur komputer, matematika diskrit,

elektronika,

dan lain

-

lain

. Bahasa ini masih menggunakan simbol

-

simbol

yang bersifat

mnemonic.

Bahasa pemrograman tingkat tengah, sifatnya sudah lebih mudah

daripada bahasa pemrograman tingkat dasar, perintah

-

perintahnya sudah

lebih mudah dibaca sebab sudah menggunakan huruf

-

huruf.

Bahasa pemrograman tingkat tinggi ada

lah bahasa komputer

yang sudah mirip dengan bahasa manusia. Perintah

-

perintahnya sudah

dibuat dalam bahasa yang mudah dimengerti manusia, seperti PRINT,

WRITE, IF, THEN, ELSE, dan lain

-

lain.

1.2.

Tahapan

d

alam Pemrograman

Langkah

-

langkah yang dilakukan

dalam menyelesaikan masalah dalam

pemrograman dengan komputer adalah:

1.

Defenisikan Masalah

a.

Tentukan apa yang menjadi masalah

b.

Tentukan data input yang diperlukan

c.

Tentukan output yang diinginkan

2.

Buat bagan dan struktur cara penyelesaian

a.

Bagan secara global

b.

Deskripsikan tugas masing

-

masing subprogram

3.

Pilih Metode Penyelesaian

a.

Pilih struktur data dan Algoritma terbaik

4.

Pengkodean

a.

Pilih bahasa pemrograman yang sesuai

b.

Menterjemahkan algoritma ke bahasa pemrograman

5.

Mencari Kesalahan

a.

Kesalahan sintaks (penulisan pr

ogram)

b.

Kesalahan Pelaksanaan

:

Semantik, Logika, dan

ketelitian

6.

Uji dan Verifikasi Program

7.

Dokumentasi Program

8.

Pemiliharaan Program

a.

Memperbaiki kekurangan yang ditemukan kemudian

b.

Memodifikasi, karena perubahan spesifikasi

3

diberikan beberapa buah kasus seder