Posted by langit biru di pagi hari

Jawaban Mid Pemograman Web 1

1. Jelaskan sejelas-jelasnya disertai dengan contoh pengertian dan perbedaan HTML, CSS, PHP, dan Java script, jelaskan pula cara mendeklarasikannya.?

a. HTML singkatan dari Hyper Text Markup Language adalah simbol-simbol atau tag-tag yang dituliskan dalam sebuah file yang bertujuan untuk menampilkan halaman pada suatu web browser
Contoh :
<html>
<head>
<title> Ini Adalah Contoh Title </title>
<body>

Ini adalah Body Html, Bodi html Ini adalah tempat bersemayamnya segala tulisan, gambar dan informasi yang dibaca oleh semua orang diinternet
</body>
</html>

b. CSS adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan suatu website, baik tata letak, jenis huruf, warna, dan semua yang berhubungan dengan tampilan atau gaya suatu web.

Contoh :

 body{
    font-family:arial;
    background-image: url();
}
table{font-size:80%;background:#000}
a{color:black;text-decoration:none;font:bold}
a:hover{color:#660}
td.menu{background:#930}
table.menu
{
font-size:100%;
position:absolute;
visibility:hidden;


c.PHP adalah bahasa serever-side scripting yang menyatu dengan HTML untuk membuat halaman web yang dinamis. Maksud dari serverside scripting adalah siantaks dan perintah – perintah yang di berikan akan sepenuhnya dijalankan di sever tetapi disertakan pada dokmen HTML

Contoh :

<?php$hello = "Hello World!";$sebuah_bilangan = 4;$bilanganYangLain = 8;?>

d.Javascript adalah bahasa script yang biasa berjalan di browser atau  biasa disebut client side programing. javascript biasanya di sisipkan diantara kode HTML. Siantaks java script bersifat Case sensitive (Huruf besar dan kecil dibedakan). setiap kode java script dipisahkan dengan titik koma (;).

Contoh :

<HTML>
<HEAD>
<TITLE>Jendela Memasukkan Data</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
var nama = prompt("Nama Anda : ");
document.write("Hai, " + nama);
//-->
</SCRIPT>
</BODY>
</HTML> 

PERBEDAAN

1.HTML dapat digunakan sebagai link link antara file-file dalam situs atau dalam komputer dengan menggunakan localhost,

2.CSS dapat mengendalikan ukuran gambar, warna body 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

3.PHP banyak dipakai untuk memrogram situs webdinamis, walaupun tidak tertutup kemungkinan digunakan untuk pemakaian lain.

4.JavaScript digunakan pada Web pages untuk meningkatkan design, validate forms, detect browsers, create cookies, GUI dsb.


2. Pengertian dan perbedaan web statis dan web dinamis, berikan ciri-cirinya?

 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

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.

Ciri-ciri:
Web Statis :
     Hanya Dapat Diakses Melalui Internet

Web Dinamis :
-Isi/konten selalu di update sehingga jumlah halamannya terus bertambah
-Mudah dalam menambahkan konten baru karena memang ini yang diutamakan
-Konten terbaru selalu berada di urutan pertama karena untuk memperjelas konten yang diupdate
-Pengunjung dapat memberikan komentar pada sebuah konten yang di sajikan. apalagi kalau berisi tutorial maka pengunjung bisa bertanya ketika ada yang belum paham


3.  Jika banner untuk header di simpan dengan nama file banner.jpg dan menu dibuat dengan link menu dalam tabel. Tulislah program html untuk web berikut ini.?

<html>
<head>
<style>
body{
    font-family:arial;
    background-image: url();
}
table{font-size:80%;background:#000}
a{color:black;text-decoration:none;font:bold}
a:hover{color:#660}
td.menu{background:#930}
table.menu
{
font-size:100%;
position:absolute;
visibility:hidden;
}
body,td,th {
    font-family: "Times New Roman", Times, serif;
    color: #000;
    font-weight: bold;
}
</style>
<script type="text/javascript">
function showmenu(elmnt)
{
document.getElementById(elmnt).style.visibility="visible";
}
function hidemenu(elmnt)
{
document.getElementById(elmnt).style.visibility="hidden";
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>

<body>
<div align="center"></div>
<div align="center"></div>
<table width="852" height="658" border="0" align="center">
  <tr>
    <td height="202" colspan="2" bgcolor="#FFFFFF"><img src="File Banner.JPG" width="956" height="262"></td>
  </tr>
  <tr>
    <td height="31" colspan="2" bgcolor="#FFFFFF"center">
      <table width="100%" border="0">
        <tr bgcolor="red">
          <td width="22%" height="41" bgcolor="#993300" onMouseOver="showmenu('Beranda')" onMouseOut="hidemenu('Beranda')"><h3 align="center"><a href="Beranda.html">Beranda</a><br />
          </h3>
            <div align="center">
              <table class="menu" id="Halaman Utama" width="200">
              </table>
            </div></td>
          <td width="26%" bgcolor="#993300" onMouseOver="showmenu('Profil')" onMouseOut="hidemenu('Profil')"><h3 align="center">Profil</a><br />
          </h3>
            <div align="center">
              <table class="menu" id="Profil" width="260">
                <tr>
                  <td class="menu"><h3><a href="Sejarah Sekolah.html">Sejarah Sekolah</a></h3></td>
                </tr>
                 <tr>
                  <td class="menu"><h3><a href="Visi Misi.html">Visi Misi</a></h3></td>
                </tr>
              </table>
          </div></td>
               <td width="22%" height="41" bgcolor="#993300" onMouseOver="showmenu('Galeri')" onMouseOut="hidemenu('Galeri')"><h3 align="center"><a href="Galeri.html">Galeri</a><br />
          </h3>
            <div align="center">
              <table class="menu" id="Galeri" width="200">
              </table>
            </div></td>
          <td width="26%" bgcolor="#993300" onMouseOver="showmenu('Alumni')" onMouseOut="hidemenu('Alumni')"><h3 align="center">Alumni<br />
          </h3>
            <div align="center">
              <table class="menu" id="Alumni" width="260">
                <tr>
                  <td class="menu"><h3><a href="Daftar Alumni.html">Daftar Alumni</a></h3></td>
                </tr>
                <tr>
                  <td class="menu"><h3><a href="Prestasi.html">Prestasi</a></h3></td>
                </tr>
              </table>
          </div></td>
        </tr>
      </table>
    </div>      <div align="center"></div></td>
  </tr>
  <tr>
    <td width="281" height="333" bgcolor="#CC9933"><table width="281" border="1" align="center">
      <tr>
        <td width="271" height="31" bgcolor="#993300"><div align="center"><a href="http://www.binasriwijaya.ac.id/">AMIK BINA SRIWIJAYA</a></div></td>
      </tr>
      <tr>
        <td height="28" bgcolor="#993300"><div align="center"><a href="http://pmb.palcomtech.com/">STMIK PALCOMTECH</a></div></td>
      </tr>
      <tr>
        <td height="34" bgcolor="#993300"><div align="center"><a href="http://univpgri-palembang.ac.id/">UNIVERSITAS PGRI PALEMBANG</a></div></td>
      </tr>
      <tr>
        <td height="25" bgcolor="#993300"><div align="center"><a href="http://www.facebook.com/">FACEBOOK</a></div></td>
      </tr>
      <tr>
        <td height="27" bgcolor="#993300"><div align="center"><a href="http://www.google.com/">GOOGLE</a></div></td>
      </tr>
    </table></td>
    <td width="671" bgcolor="#CC9933"><table width="452" border="0" align="center">
        <tr>        </tr>
  </table>
      <h1 align="justify">VISI</h1>
      <h2 align="justify">Menjadi Sekolah Yang Unggul Dan Menguasai Teknologi Informasi</h2>
      <p align="justify">&nbsp;</p>
      <h1 align="justify">MISI</h1>
      <h2 align="justify">1. Mendidik siswa agar tidak gaptek</h2>
      <h2 align="justify">2.Mendidik siswa Menguasai teknologi web</h2>
    <h2 align="justify">3. Mendidik siswa menguasai ilmu eksakta</h2></td>
  </tr>
  <tr>
    <td height="19" colspan="2" bgcolor="#993300"><div align="center">
      <h3><strong><a href="http://www.arieaxper.blogspot.com/">Didesain Oleh : Rusdi@10.11.433</a></strong></h3>
    </div></td>
  </tr>
</table>
<script type="text/javascript">
swfobject.registerObject("FlashID");
swfobject.registerObject("FlashID");
swfobject.registerObject("FlashID");
</script>
</body>
</html>

 

Posted by langit biru di pagi hari

jawaban soal nomor 3
Untitled Document

STMIK Bina Sriwijaya
Universitas Sriwijaya
Universitas Gajah Madja
Institut Teknologi Bandung
Diknas

VISI

Menjadi Sekolah yang Unggul dan Penguasaan Teknologi informasi

MISI

1. Mendidik siswa agar tidak gaptek.

2. Mendidik siswa menguasai teknologi web.

3. Mendidik siswa menguasai ilmu eksata

Desain oleh : Rusdi 10.11.433

 

Posted by langit biru di pagi hari

pengertian dan perbedaan web statis dan web dinamis adalah:
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.

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.

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

contohnya Web Dinamis ini banyak sekali bertebaran di internet seperti Web Berita, Personal Blog, Toko Online/Web Pasng Iklan, dll.

koneksi php dengan dreamweaver  

Posted by langit biru di pagi hari

Halo semua, ketemu lagi dengan ane yang gab bosen2 ngasih info dab sekedar sharing buat kalian semua. Kali ini gw akan membahas tentang Adobe Dreamweaver CS5, khususnya menghubungkan kode HTML/PHP yang uda kita buat ke database MySQL. Ane nulis thread ini, karena belum lama ini ane dapet tugas bikin sistem yang berbasis WEB, namun susah pas berhubungan dengan database. Ane nyari kesana-kemari tipsnya , eh ketemunya codingan yang menurut gw aja malah bikin tambah bingung. Nah sekarang ane berbagi cara mudah ngehubunginnya tanpa harus pusing mikir codingan. Langkah-Langkah Pertama-tama ente harus punya Dreamweaver CS5 tentunya. Buka Dreamweaver dan buat Dreamweaver site pada tampilan pertama kali. Hide Keterangan Ini ibarat Website di computer Terus bro n sista harus punya XAMPP, terserah versi berapapun Hide Fungsi XAMPP XAMPP merupakan server offline yang digunain buat jadi server boongan seperti kaya server asli klo kita udah upload di WEB hosting Jalankan XAMPP dan aktifkan PHPMyAdmin, MySQL , dan Apache. Buka MySQL dan buat Database beserta tabel2nya. Kemudian pindah ke DW, udahan bikin tampilan WEB yang kalian suka, trus pilih Windows>Database, trus akan muncul kaya gini. Hide Tampilan Hide 2 By feb_ragon at 2011-06-07 Nah jika file ente uda .PHP maka chose filenya akan otomatis, terus di testing server, buat di satu folder dengan DW Site tadi. Hide Tampilan Trus pencet tombol (+) dipojok kiri n atur sesuai MySQL yang uda d buat. Hide Tampilan Hide langkah Conection name terserah diisi apapun MySQL server biasanya Localhost Name, password, n database sesuai MySQL. Dan antara DW dan MySQL pun akan terjalin hubungan baik. Nah mungkin sgitu dlu yang bisa ane kasih, klo ada pertanyaan silahkan disini n klo mau Tutorial n Program pendukung lengkapnya bisa diliat disini.

coection database php dengan dreamwaver  

Posted by langit biru di pagi hari

Koneksi PHP MYSQL dengan Dreamweaver Written by Administrator Sunday, 21 March 2010 10:55 Seringkali saya menemukan artikel mengenai koneksi MYSQL menggunakan PHP dengan cara menuliskan kode PHP terlebih dahulu. Mungkin cara ini memerlukan sedikit waktu lebih lama, nah pada artikel kali ini akan saya bahas bagaimana cara koneksi database MySql dengan Dreamweaver. Saya sendiri menggunakan Dreamweaver CS4, namun secara penerapannya sama dengan Dreamweaver terdahulu. Langkah pertama adalah, membuat folder web yang akan anda buat di server lokal, misalkan C:\xampp\htdocs\myweb(sesuaikan dengan proyek yang anda buat). Saya menggunakan server localhost Xampp, anda mungkin ada yang menggunakan Apache, AppServ, dll. Tidak ada masalah dengan server lokal yang digunakan. Langkah Kedua, buka aplikasi Dreamweaver, lalu definisikan situs yang akan anda buat, (ingat…akan lebih baik jika anda melakukan hal pada langkah pertama). Caranya, setelah halaman dreamweaver terbuka klik pada menu paling atas yaitu menu Site (alt+S). Pilih New Site, lalu pilih Categori Local Info site name : diisi dengan nama project Local root folder : definisi project anda berada Kemudian menuju Category berikutnya yaitu Remote Info keterangan : Access : diisi dengan Local/Network Remote folder : sama dengan Local Root Folder Category berikutnya adalah Testing Server keterangan : Server Model : tentunya PHP MYSQL Access : Local/Network Testing Server Model : idem dengan Remote Folder URL Prefix : isikan nama project anda Kemudian langsung klik OK, akan muncul semacam eksplorer kecil yaitu dimana nantinya file-file anda akan disimpan. Langkah Ketiga, adalah menghubungkan database dengan halaman PHP anda. Caranya pada menu paling atas klik Windows (alt+W), lalu pilih database, akan muncul windows properties database, setelah muncul klik tanda plus (+) dibawah tab databases, muncul form untuk mengisi settingan koneksi anda. Kalau tanda plus (+) belum aktif buatlah halaman baru dengan cara klik File > New keterangan : Connection Name : diisi dengan nama koneksi, akan lebih baik bila disesuikan dengan nama project MYSQL Server : tentunya Localhost User Name : root (sesuai dengan user database MYSQL anda) Password : password anda Databases : pilih database-nya Nah sampai pada langkah ini anda berhasil membuat konfigurasi koneksi dengan database MYSQL, untuk lebih meyakinkan klik tombol Test, kalau muncul “Connection was made succesfully.” berarti koneksi sudah berhasil, tapi kalau tidak berarti ada kesalahan dalam settingan databasenya. Kemudian klik OK. Nama koneksi yang anda buat akan muncul dalam Databases (seperti gambar di bawah). Demikian cara membuat koneksi PHP MYSQL lewat Dreamweaver, mudah-mudahan artikel ini bisa bermanfaat bagi pembaca sekalian atau anda bisa download versi pdf-nya disini.

 

Posted by langit biru di pagi hari

 

Posted by langit biru di pagi hari

Powered by Calendar Labs