Upload File WP

Hari ini sa baru ngalamin upload file WP yang udah jadi ke server. Jadi udah dibuat di lokal trus upload deh ke hosting kita.

Ada masalah di upload file, yakni

  1. Upload file failed di 97%, tapi terobati kok.
  2. Ekstrak file gagal, tapi sore berhasil. Alhamdulillah.
  3. Dicek, Error established database connection..berarti file  yang di-upload bukan yang udah dirubah config.php nya.
  4. Merubah config.php sesuai data. Masih error. Ternyata kesalahan terjadi ketika sa nambahin user, sa lupa kalo peraturan CPanel itu beda sama localhost offline. Ketika kita bikin user baru misal “esa” (tanpa tanda kutip”, user itu sebenernya adalah “usercpanel_esa” dimana usercpanel itu adalah username CPanel kita. Coba diganti sesuai dengan peraturan itu, akhirnya alhamdulillah bisa tampil juga. Sempet salah beberapa kali menganggap mungkin yang diubah cuma nama database aja, ternyata itu juga salah.
  5. Kebingungan kembali terjadi setelah coba login ke admin/dasbor. Malah redirect ke localhost. What’s wrong? Cek wp-admin, cek login.php, ga ada yang aneh. Penasaran, cek sql yang udah di-ekspor tadi. Ternyata url yang tersimpan disana url original yakni url localhost. Ok. Kita coba [satu per satu] ganti url itu dengan url direktori web kita. Let’s find out.
  6. It’s work. Alhamdulillah..it’s work fine. Thnx ya Rabb, U taught me a lot today.
  7. Alhamdulillahirabbil ‘alamin..all done 😉

While dan Do While di JavaScript

Javascript setelah belajar ternyata hampir sama struktur bahasanya dengan Pascal. Meski PHP dan bahasa lainnya juga pada dasarnya sama. Cuma dalam hal penulisan, JavaScript lebih memiliki kemiripan dengan Pascal. Jadi buat temen-temen yang pernah belajar Pascal trus mau belajar JavaScript, ga usah khawatir karena dasar-dasarnya hampir serupa dengan Pascal. Setelah ini, JavaScript sy singkat jadi JS ya.

Nah, kali ini tulisannya langsung membahas tentang looping alias perulangan, karena sa emang belajar baru sampe sana. Alhamdulillâh sudah sampe looping. Menarik karena kalau di Pascal while itu cuma satu, klo di JS perulangan dengan while ini ada dua, pertama while aja yang kedua do while. Dari segi sintaks tak jauh beda, let’s take a look to the syntax below.

While: Outputnya adalah angka 0-10 secara berurutan ke bawah.

<html>
<body>
<script type="text/javascript">
var i=0
while (i<=10)
{
document.write("Angkanya adalah " + i)
document.write("<br />")
i=i+1
}
</script>
</body>
</html>

Do While

<html>
<body>
<script type="text/javascript">
var i=0
do
{
document.write("Angkanya adalah " + i)
document.write("<br />")
i=i+1
}
while (i<0)
</script>
</body>
</html>

Dalam sintaks di atas, while itu cukup keras dalam hal result. While hanya akan menghasilkan sebuah output alias dieksekusi kodenya ketika kondisinya TRUE. Sedangkan do while akan mengeksekusi kode meski hanya SEKALI meskipun kondisinya FALSE karena kondisi tersebut dieksekusi terlebih dahulu sebelum dites dengan “kode syarat”nya itu.

Coba aja tes kode pertama (yang While) dengan syarat i = 1 seperti pada Do While, kita coba tuliskan kembali disini,

<html>
<body>
<script type="text/javascript">
var i=0
while (i=0)
{
document.write("Angkanya adalah " + i)
document.write("<br />")
i=i+1
}
</script>
</body>
</html>

Nah, ketika dieksekusi maka layar di browser temen-temen ga akan ada yang ditampilkan alias blank (kosong). Berbeda dengan sintaks kedua yang menggunakan do while, maka akan muncul “Angkanya adalah 0” (tanpa tanda kutip).

 

Utama.htm

Hehe..ni nyambung tulisan pertama tentang tugas UTS kemaren. Ni source code-nya
<html>
<head><title>Web site Esa PG 01108001</title></head>

<body background="images/web/Bism021-h_03.jpg">

 <table border="0">

  <tr>

<td colspan="5"><img src="images/web/Bism021-h_02.jpg">

</td>

</tr>

<tr align="center">

<td><a href="utama.htm">Home</a></td>

<td><a href="link1.htm">link1</a></td>

<td><a href="link2.htm">Link2</a></td>

<td><a href="link3.htm">Link3</a></td>

<td><a href="link4.htm">Link4</a></td>

</tr>

<tr>

<td colspan="5" align="center"><img src="images/me/esa_ori.jpg" width="30%" height="30%"><br>

Selamat datang di situs Esa Puspita Ginanjar

</td>

</tr>

<tr align="center" background="images\web\border-up_01_03.jpg">

<td><a href="utama.htm">Home</a></td>

<td><a href="link1.htm">link1</a></td>

<td><a href="link2.htm">Link2</a></td>

<td><a href="link3.htm">Link3</a></td>

<td><a href="link4.htm">Link4</a></td>

</tr>

<tr>

<td colspan="5" align="center">Copyright &copy Esa Puspita Ginanjar

</td>

</tr>

 </table>

</body>

</html>

Ya, begitulah source code utama.htm ane. Hehe. Simpel banget kan? Penjelasannya, gini.

Tag <html></html> merupakan tag pembuka dan penutup dari HTML itu sendiri.

Tag “<head><title>Web site Esa PG 01108001</title></head>” mengindikasikan judul dari site kita. Header gituh.

Tag <body background="images/web/Bism021-h_03.jpg"></body>" merupakan tag HTML tempat nantinya kita naruh semua tag HTML yang akan ditampilkan. Jadi harus ada minimah “<html><body></body></html>“. Hampir semua tag HTML harus dibuka dan ditutup, misal <html> ditutup dengan </html> dst.

Lalu kenapa ada kata-kata “background="images/web/Bism021-h_03.jpg” nya? Itu biar halaman web yang kita buat diberikan background berupa gambar, dan defaultnya gambar itu akan di-repeat alias diulang-ulang gambarnya. Bekgron bisa juga berupa warna, ganti aja tag "background="images/web/Bism021-h_03.jpg" menjadi "bgcolor="red" misalnya untuk latar berwarna merah.

Tag <table><tr><td></td></tr></table> merupakan tag untuk membuat table. Tag ini bikin tampilan situs kita lebih rapi. Lebih enak dipake daripada frame. Tag <table> harus ditutup dengan tag </table> untuk mendefinisikan table. Tag <tr> ditutup dengan </tr> untuk mendefinisikan baris dan tag <td> ditutup </td> untuk definisi kolom. Urutannya harus seperti di atas, definisi table dulu, terus definisi baris, kolom baru ditutup dengan urutan penutup tag kolom (</td>), penutup tag baris (</tr>) baru ditutup tag </table>. Oya, tag <td colspan="5"> itu untuk mendefinisikan kolom yang span alias di-merge klo di excel mah.

Tag “<a href="link1.html"></a>” berfungsi untuk membuat link. Sintaksnya harus ditulis “<a href="link1.html">tulisan yang ingin di link kan</a>“.

Segituh dulu. Bingung? Tell me where, ok!?

Oya, ni tampilan screenshoot nya. Tampilan bisa berbeda di setiap browser. Screenshoot ini diambil ketika di-preview di Firefox. Di Google Chrome agak sedikit melebar :mrgreen:

 

utama.htm

utama.htm

UTS Web

Ehm..malem ni mulai serius menggarap tugas-tugas kuliah setelah beberapa hari belakangan disibukkan dengan berbagai agenda termasuk agenda refreshinh tanpa mikirin kuliah [meski tugas algoritma pemrograman diselesaikan pekan kemaren].

Dalam tugas untuk UTS ini, sebenarnya merupakan “perulangan” alias ulangan dari materi-materi yang diajarkan di pertemuan-pertemuan sebelum UTS. Terdiri dari penggunaan table, frame, link, font dan HTML dasar lainnya. Sa udah belajar sih, tapi berhubung sa kuliah memang mulai lagi dari awal, ya mau ga mau harus mengulang. Nah, kembali bernostalgila..ups, bernostalgia..sa menulis semua sintaks HTMLnya pake notepad. Notepad murni, bukan notepad ++ atau teks editor lainnya. Itulah seninya belajar :mrgreen:

Ada 5 halaman yang mesti dibuat. Halaman utama (utama.htm), link1 sampai link4 (link1.htm sampe link4.htm). Saat ini masih berkutat di halaman utama karena sa harus ngotak-ngatik gambar-gambar (images) yang mo dipake baik sebagai background ataupun foto yang memang diharuskan dipajang di halaman web tersebut.

Background berwarna biru karena gambar header didominasi biru. Background itupun diambil dari bagian gambar header jadi lumayan match lah. Foto yang bekgronnya adalah dinding kantor pertama sa, diubah jadi biru yang memang warnanya diambil dari gambar header biar cocok. Selesai? Selesai sebenernya, cuma asa biasa aja ya!? Ya iya lah, secara selama ini pengaturan font dan sebagainya pun diperhatikan demi keindahan. Nah sekarang? Kayaknya ga terlalu diperhatikan.

Soal step bikin halaman utama? Let’s begin on the next post, insha Allah.