22 September 2012

Ujicoba Membuat Gallery

Hasilnya :

Advertisements
22 September 2012

Ujicoba Membuat Slideshow

Merasa penasaran untuk membuat Slideshow, sekarang saya akan mencoba untuk membuatnya…
๐Ÿ™‚

This slideshow requires JavaScript.

21 July 2011

Dynamic Web Programming โ€“ Juli 2011 โ€“ Pertemuan ke 4, 5 dan 6

Dear all,

Disini saya akan coba untuk mengirimkan bahan untuk pertemuan ke 4, 5 dan 6 (dirangkum sebanyak 3 pertemuan).

Topik utamanya adalah : File.
Intinya : kita akan mengakses file dengan menggunakan PHP.

Ada 3 langkah didalam membaca atau menulis sebuah file, yaitu :
1. Membuka file
2. Membaca dari dan menulis ke file
3. Menutup file

Langkah diatas perlu diingat sebelum kita terjun kedalam penulisan kode.

Ada beberapa jenis / mode dalam proses membuka file, yaitu :
1. ‘r‘ – hanya untuk membaca. File pointer ditempatkan diawal file.
2. ‘r+’ – untuk membaca dan menulis.File pointer ditempatkan diawal file.
3. ‘w‘ – hanya untuk menulis. File pointer ditempatkan diawal file. File akan di-create jika file tersebut belum ada sebelumnya.
4. ‘w+‘ – untuk membaca dan menulis. File pointer ditempatkan diawal file. File akan di-create jika file tersebut belum ada sebelumnya.
5. ‘a‘ – hanya untuk menulis. File pointer ditempatkan diakhir file. File akan di-create jika file tersebut belum ada sebelumnya.
6. ‘a+‘ – untuk membaca dan menulis. File pointer ditempatkan diakhir file. File akan di-create jika file tersebut belum ada sebelumnya.

Dengan dasar-dasar diatas, kita akan coba untuk membuat sebuah halaman bukutamu (guestbook).

buat sebuah file html dengan nama : guestbook.html
Didalam file tersebut, sediakan : input untuk username, input untuk email dan input untuk komentar serta sediakan 2 buah tombol (tombol hapus dan tombol Submit).

lihat kode dibawah ini

jangan lupa, arahkan file tujuan / ACTION ke : guestbook.php

maka akan muncul tampilan seperti gambar dibawah :

Sampai disini, kita sudah selesai membangun tampilan / GUI dari halaman buku tamu (guestbook).

Kemudian kita akan menerima data yang telah dikirim dari form tersebut. Caranya, create sebuah halaman php dengan nama : guestbook.php

lihat kode dibawah ini :


Mari kita bahas tiap baris kode diatas.

baris 2 : kita akan membuka file dengan nama file : guestbook.txt. Mode yang digunakan adalah a+ (untuk penjelasan mode ada diatas), jadi bila file guestbook.txt belum ada, system akan meng-create file tersebut secara otomatis.

baris 3 : terdapat variabel data yang berisi : Nama, Email dan Komentar yang berasal dari form awalย  (guestbook.html).

baris 4 : menulis ke dalam file

baris 5 : menutup file.

 

Setelah memasukkan data kedalam file, coba buka file : guestbook.txt. Maka akan tampak data-data yang telah kita isi melalui form sebelumnya.

Kemudian tugas kita selanjutnya adalah menampilkan data yang terdapat pada guestbook.txt kedalam browser.

Create sebuah file yang bernama : guestbooklist.php


Mari kita bahas tiap baris kode diatas.

baris 2 : mengambil file : guestbook.txt

bari 4 : melakukan loop (pengulangan) sebanyak i-kali.

i maksudnya adalah sejumlah baris yang ada pada file guestbook.txt tersebut.

for($i=0;$i<sizeof($arrdata);$i++)

variabel i nilainya 0 (untuk pertama kali).

nilai variabel i lebih kecil dari jumlah baris pada file guestbook.txt. Mis. jumlah baris adalah 5, berarti nilai i maksimal 4.

Penjelasan :

$i = 0 (Permulaan)

0 < 5 (Benar)

1 < 5 (Benar)

2 < 5 (Benar)

3 < 5 (Benar)

4 < 5 (Benar)

 

baris 6 : menyediakan variabel nama, email, komentar. Kemudian memisahkan karakter tiap baris dengan menggunakan fungsi split() dengan karakter |.

 

Coba eksekusi ketiga file tersebut.

Jika error silahkan bertanya…

Jika bingung silahkan bertanya…

Jika sudah mengerti tidak usah bertanya lagi… ๐Ÿ˜€ ๐Ÿ˜€ ๐Ÿ˜€

 

Salam,

 

Edison S

21 May 2010

Ilkom โ€“ Hasil Ujian Final

Berikut hasilnya,

Saya masih mengharapkan, materi ujian kemaren kita bahas jika memang teman-teman ingin membahasnya ya…

Senang belajar bersama kalian. ๐Ÿ˜€

Terimakasih.

Salam,

Edison S

11 May 2010

Ilkom – Upload Gambar

Ikuti langkah-langkah berikut ini :

1. Edit file : menu.php
Untuk link : โ€˜Upload Gambarโ€™ tambahkan : cek.php?p=uploadgambar. Klo masih bingung, coba lihat contoh penulisan sebelumnya, bagaimana cara memanggil fungsi viewprofile.

2. Edit file : cek.php

Tambahkan potongan kode berikut dibawah else if yang paling bawah.

else if($_GET[‘p’] == “uploadgambar”){
uploadGambar();
}
else if($_GET[‘p’] == “listgambar”){
listGambar();
}
else if($_GET[‘p’] == “editgambar”){
editGambar($id);
}
else if($_GET[‘p’] == “submiteditgambar”){
submitEditGambar($id);
}
else if($_GET[‘p’] == “deletegambar”){
deleteGambar($id);
}

Setelah itu pada file yang sama (cek.php), tambahkan dibagian atas dibawah โ€œinclude (“menu.php”);โ€, yaitu :

include (“gambar.php”);

3. Download file gambar.php kemudian simpan kedalam folder SemakBelukar

4. Create sebuah folder didalam folder SemakBelukar dengan nama : data

5. Create sebuah table pada database โ€˜semakbelukarโ€™ (buka browser, ketikkan : http://localhost/phpMyAdmin/)

Nama table : upload

Nama field :

id : int(10)
username : varchar (40)
deskripsi : varchar (200)
filename : varchar (200)
filesize : bigint(20)
filetype : varchar (200)
location : varchar (200)

Selesai.

Pelajari code tersebut. Silahkan ditanyakan jika ada yang ingin ditanyakan ya.. ๐Ÿ˜€

Download gambar.php atau gambar.php

Jika kalian mendownload file diatas dengan menghasilkan file dengan extension .zip, extract file tersebut. Kemudian akan muncul folder bernama : gambar. Ambil file gambar.php kemudian masukkan file tersebut ke dalam folder SemakBelukar.

Terimakasih.

Salam,

Edison S

11 May 2010

Ilkom – Final Test

Kata pertama yang terucap adalah : Mohon maaf yang sebesar-besarnya karena baru kali ini bisa nge-post โ€™halโ€™ yang kita tunggu-tunggu bersama. Hehehe…

Langsung saja ke intinya.

Berikut gambaran ujian kita nanti :
Akan ada :
1. Autentikasi (Login)
2. Registrasi
3. Profile (menampilkan semua data dari โ€™setiap userโ€™ yang login). Selain menampilkan data, juga akan ada edit/ubah profile dan ubah password.
4. Gambar. Didalam menu gambar, kita bisa meng-upload dan meng-edit.

Tambahan : Akan ada seorang user yang memiliki hak akses paling tinggi diantara user lainnya. User tersebut bisa menghapus SEMUA gambar yang telah di upload oleh SEMUA user. Coba dipikirkan prosesnya.

Lengkapi menu-menu diatas (terutama menu 1-3, karena menu tersebut sudah kita pelajari sebelumnya). Untuk ubah password, perilakunya mirip dengan edit profile hanya saja pada ubah password, kalian hanya menyediakan 2 text box dan 1 tombol submit. Text box yang pertama untuk masukan password baru sedangkan text box yang kedua untuk verifikasi masukan password baru apakah sama atau match. Untuk logika penulisan code-nya silahkan dicoba-coba sendiri dan dapat dipastikan untuk SQL-nya menggunakan UPDATE pada tabel yang digunakan untuk melakukan autentikasi (dalam hal ini kita menggunakan tabel user) Untuk menu nomor 4, akan saya post-kan pada postingan selanjutnya. Mudah-mudahan hari ini bisa langsung saya post-kan :D.

Gunanya adalah supaya kalian semakin terlatih mengerjakannya dan bisa menghemat waktu ujian nanti.

Perlu diperhatikan, selama ujian berlangsung, kalian bisa open-book, diskusi dengan teman dan dengan komputer kalian masing-masing ๐Ÿ™‚ . Tapi, tidak diperkenankan untuk melakukan copy-paste file (file apa pun itu) dan dengan media apa pun selama ujian berlangsung. Jika hal tersebut terjadi, dengan sangat menyesal saya akan memberikan nilai 0 (nol) tunai โ€“ di tempat.

NB : Kemungkinan besar, pada Jumat malam [14 Mei] saya OL. Kita bisa menggunakan fasilitas YM. Silahkan bertanya jika ada yang ingin ditanyakan ya… ๐Ÿ˜€ dan pada hari Sabtu [15 Mei] juga saya menunggu kalian yang ingin diskusi sebelum kita bertempur.. ๐Ÿ˜€

Terimakasih.

Salam,

Edison S

12 March 2010

PTPN II – Hasil Ujian Final

Berikut adalah hasil dari ujian yang diadakan pada : 12 Maret 2010.

Klik Hasil Ujian Final

Terimakasih.

Ttd,

Edison S.

10 March 2010

PTPN II – Final Test

Berikut adalah tampilan yang akan kita kerjakan.

Klik Kisi-kisi.

Perhatian :

Coba Bapak-Ibu memperindah website yang telah dikerjakan pada folder Pertemuan8/Latihan.
Cth:
– Ubah font username.
– Ubah tampilan/background profile menjadi lebih menarik.
– dll.

Jika terjadi penambahan tampilan [ingat: sebaiknya perubahan tampilan akan menjadi lebih menarik dan bukan sebaliknya. :)], maka akan menjadi nilai tambah.

Sekian dulu pengumuman dari saya, menunggu pengumuman selanjutnya.

Terimakasih.

Ttd,

Edison S.

10 March 2010

PTPN II โ€“ Pertemuan ke 9

Bahan untuk pertemuan hari ini :

Klik Bahan Latihan atau Bahan Latihan

Langkah-langkah:

1. Download File (Latihan.zip).
2. Extract file yang telah di download.
3. Create Folder : Pertemuan9.
4. Copy-kan folder โ€˜Latihanโ€™ yang telah di download ke dalam folder Pertemuan9.
5. Buka file db_guestbook.sql yang terdapat dalam folder Latihan tersebut,.
6. Buka http://localhost/phpMyAdmin/ [Jangan lupa masukkan user & password]
7. Pilih database db_guestbook, kemudian pilih menu SQL.
8. Copy-kan isi file db_guestbook.sql dan paste-kan ke menu SQL tersebut. Klik Go
9. Maka satu tabel akan terbentuk dengan nama tabel : upload.
10. Kemudian, eksekusi program tersebut melalui browser : http://localhost/ptpnii/Pertemuan9/Latihan/index.php
11. Pelajari code tersebut.

NB : Perbaiki code yang kita pelajari semalam dan kalau memungkinkan, per-indah website Anda tersebut agar semakin cantik dan menarik. Jangan lupa untuk tugas sebelumnya, yaitu : melengkapi validasi form untuk form registrasi.

Terimakasih.

Ttd,

Edison S

9 March 2010

PTPN II โ€“ Pertemuan ke 8 Part 2

Berikut hasil dari latihan yang kita adakan kemaren.

Silahkan unduh file dibawah ini.

1. Hasil Latihan atau Hasil Latihan
2. Jawaban Latihan atau Jawaban Latihan

Silahkan koreksi kembali. Jika ada pertanyaan, silahkan disampaikan pada saat pertemuan 8 nanti. Bila ada penilaian yang kurang tepat, silahkan menghubungi saya paling lambat tanggal 11 Maret 2010.

Terimakasih atas perhatian dan kerjasama dari Bapak dan Ibu semuanya.

Ttd,

Edison