Amulet: BIKIN GUESTBOOK DARI PHP N MYSQL

Rabu, Desember 17, 2008

BIKIN GUESTBOOK DARI PHP N MYSQL

Guest book, apaan tuh? Buat yang awam banget, guest book itu adalah sebuah halaman web di mana pengunjung kita bisa meninggalkan pesan dan kesannya selama mengunjungi situs web kita. Nah, kita akan mencoba membuat aplikasi tersebut dengan menggunakan PHP dan MySQL. Bagi yang masih baru, kamu bisa mulai belajar PHP di sini dan cara koneksi ke MySQL di sini.

Untuk mewujudkan sebuah guest book, kita akan membuat 2 buah halaman PHP. Halaman pertama berfungsi untuk menampilkan isi buku tamu dan form isian buku tamu. sedangkan halaman kedua berfungsi untuk memproses isi form dan menyisipkannya ke dalam tabel MySQL kita.

Nah, sebelum kita membuat halaman PHPnya, kita perlu terlebih dahulu membuat tabel untuk menyimpan pesan tamu kita.
Kamu bikin itu tabel dengan nama buku_tamu dengan 3 buah field: id, nama dan pesan. (kamu bisa ngembangin sendiri nantinya, misalnya dengan menambahkan field tanggal dan email ya...). Biar gampang bikinnya pake phpMyadmin aja tuh. Atau kalau kamu bisa pake yang command based, gunakan perintah berikut:

CREATE TABLE buku_tamu(id INT NOT NULL AUTO_INCREMENT, PRIMARY KEY(id), nama VARCHAR(30), pesan VARCHAR(50));Setelah tabel siap, sekarang waktunya untuk membuat form isian untuk tamu kamu.

Kita juga sudah menyiapkan tabel sebagai wadah penyimpanan pesan dari pengunjung. Jangan lupa, siapkan password, database dan user id tabel itu ya? Pada bagian 2 ini, kita akan ngebahas cara membuat form isian buku tamu kita.
Dalam pembuatan buku tamu, kita akan membuat tabel, form isian bukutamu.htm dan file php bukutamu.php. Untuk memperjelas tentang pembuatan buku tamu ini, sebelumnya akan saya jelasin hubungan antara ketiganya.Halaman yang pertama dilihat oleh pengunjung situs kita saat akan mengisi buku tamu adalah bukutamu.htm. Di halaman ini mereka akan mengisikan nama dan komentar mereka pada form tersebut. Setelah selesai mengisi, pengunjung tersebut akan mengklik tombol 'kirim' yang akan mengeksekusi file bukutamu.php. File ini bertugas untuk menangkap isi dari form bukutamu.htm dan memasukkannya ke dalam tabel yang sudah kita siapkan pada bagian 1. Gimana, dah jelas kan? kalau sudah, kita akan melanjutkan pada pembuatan script bukutamu.htm.Tag HTML yang digunakan dalam bukutamu.htm sangat sederhana. Kita akan menggunakan beberapa tag HTML yaitu <>, dan ......

Script HTMLnya seperti di bawah ini:

Nama :
Pesan :

Berikut penjelasan baris per barisnya:

Baris I bertugas membuat sebuah formulir isian. Yang perlu kamu perhatikan di sini adalah parameter ACTION. Dalam parameter ini kamu harus menentukan nama file yang akan dieksekusi setelah klik pada tombol kirim.

Baris II akan memunculkan kata Nama : diikuti sebuah kolom yang bisa diisi oleh pengunjung dengan nama mereka. Parameter penting di sini adalah NAME. Kamu bisa mendefinisikan sebuah nama sebagai tempat menyimpan hasil pengisian si pengunjung tadi. Nah isi parameter NAME tersebut (dalam kasus ini nama) akan dapat diambil isinya oleh file bukutamu.php sebagai variabel $nama. Gampang to?

Baris III penjelasannya sama, dengan nama variabelnya adalah $pesan.

Baris IV akan menampilkan tombol bertuliskan kirim.

Ternyata ndak terlalu rumit kan? Guaampang ko. :)nah, kalau sudah mudeng, kita akan bikin file bukutamu.php yang akan memasukkan isi dari input nama dan pesan ke dalam tabel yang sudah kita buat sebelumnya.

Shugo Chara!

Shugo Chara! (しゅごキャラ!, Shugo Kyara!?) is a Japanese shōjo manga series created by the manga author duo, Peach-Pit. The story centers on elementary schoolgirl Amu Hinamori, whose popular exterior, referred to as "cool and spicy" by her classmates, contrasts with her introverted personality. When Amu wishes for the courage to be reborn as her would-be self, she is surprised to find three colorful eggs the next morning, which hatch into three Guardian Characters: Ran, Miki, and Su.

The heroine of the story, Amu Hinamori, is a student at Seiyo Elementary. At first glance, her classmates deem her "cool and spicy" and rumors speculate about her personal life. However, her real personality is that of a very shy girl who has trouble showing her true personality. One night, Amu wishes for the courage to show her "would-be" self, and the next morning finds three brightly colored eggs—red, blue, and green—in her bed. At first, she is alarmed, but realizes she must have really wished to change. These eggs hatch into three Guardian Characters: Ran, Miki, and Su. The Guardian Characters aid Amu in discovering who she truly is and help fulfill Amu's dreams. Amu's life becomes much more complex as she struggles to deal with her "would-be" selves and the Seiyo Elementary's Guardians, who recruit Amu to search for X Eggs and X Characters, the corrupted forms of peoples' dreams.

Meanwhile, the Easter Company is extracting people's eggs in search of a special egg called the Embryo. The Embryo is believed to able to grant any wish to the one who possesses it. However, the process creates X Eggs and X Characters.

Wings Of Words

nagusamenagara fukinshin dakedo
naiteru kao mo kirei de aseru yo
tomodachi no kyori sukoshi chidjimetara
kimi wa itoshii kowaremono datta

kujikezu yume wo miru koto wa
jibun to tatakatteru koto
higoto ni fueru surikizu wo
jiman shitemo ii kurai sa

sora wa tobenai kedo tsubasa nara ageyou
sore wa mou hitori ja nai to
kimi no kodoku hagasu kotoba
donna peshimisuto mo koi wo shite kawaru
eranda michi ga moshi ikidomari nara soko de
mayoeba ii

kagen no tsuki ga naifu no you da ne
sou iinagara dejavu kanjiteru

yokan to tomadoi no naka de
hitomi wa kimi wo sagashiteta
futari ja nai to hirakanai
tobira ga aru kono sekai de

sora wa tobenai kedo tsubasa nara aru no sa
sore wa futo fureta shisen de
kimi ga sasayaiteta shigunaru
itsuka riarisuto wa shounen ni modoru
sono toki boku wa kimi no tame ni donna yume wo
miru no darou

nazeka tagai no tsubasa wo motte
bokura wa umarete kita
mirai e to mukau tame ni
You know love has a gift
The Wings of Words...

sora wa tobenai kedo tsubasa nara ageyou
sore wa mou hitori ja nai to
kimi no kodoku hagasu kotoba
donna peshimisuto mo koi wo shite kawaru
eranda michi ga moshi ikidomari nara soko de
mayoeba ii

Tears by X-Japan

doko ni yukebaii anata to hanarete
ima wa sugisatta toki ni toikakete
nagasugita yoru ni tabidachi wo yume mita
ikoku no sora mitsumete kodoku wo dakishimeta
nagareru namida wo toki no kaze ni kasanete
owaranai anata no toiki wo kanjite
DRY YOUR TEARS WITH LOVE
DRY YOUR TEARS WITH LOVE

LONELINESS YOUR SILENT WHISPER
FILLS A RIVER OF TEARS
THROUGH THE NIGHT
MEMORY YOU NEVER LET ME CRY
AND YOU, YOU NEVER SAID GOOD-BYE
SOMETIMES OUR TEARS BLINDED THE LOVE
WE LOST OUR DREAMS ALONG THE WAY
BUT I NEVER THOUGHT YOU'D TRADE YOUR SOUL TO THE FATES
NEVER THOUGHT YOU'D LEAVE ME ALONE

TIME THROUGH THE RAIN HAS SET ME FREE
SANDS OF TIME WILL KEEP YOUR MEMORY
LOVE EVERLASTING FADES AWAY
ALIVE WITHIN YOUR BEATLESS HEART
DRY YOUR TEARS WITH LOVE
DRY YOUR TEARS WITH LOVE

nagareru namida wo toki no kaze ni kasanete
owaranai kanashimi wo aoi bara ni kaete
DRY YOUR TEARS WITH LOVE
DRY YOUR TEARS WITH LOVE
nagareru namida wo toki no kaze ni kasanete
owaranai anata wo toiki wo kanjite
DRY YOUR TEARS WITH LOVE
DRY YOUR TEARS WITH LOVE
DRY YOUR TEARS WITH LOVE
DRY YOUR TEARS WITH LOVE

Sangatsu Kokonoka by Remioromen

Nagareru kisetsu no mannaka de
Futo hi no nagasa wo kanji masu
Sewashiku sugiru hibi no naka ni
Watashi to anata de yume wo egaku

San gatsu no kaze ni omoi wo nosete
Sakura no tsubomi wa haru he to tsuduki masu

Afuredasu hikari no tsubu ga
Sukoshizutsu asa wo atatame masu
Ookinaa kubi wo shita ato ni
Sukoshi tereteru anata no yoko de

Arata na sekai no iriguchi ni tachi
Kiduita koto wa hitori ja naitte koto

*Hitomi wo tojireba anata ga
Mabuta no ura ni iru koto de
Dore hodo tsuyoku nareta deshou
Anata ni totte watashi mo sou de aritai

Suna bokori hakobu tsumuji kaze
Sentaku mono ni karamari masu ga
Hirumae no sora no shiroi tsuki wa
Nan daka kirei de mitore mashita

Umaku wa ikanu koto mo arukeredo
Ten wo aogeba sore sae chiisa kute

Aoi sora wa rinto sunde
Hisu ji kumo wa shizuka ni yureru
Hanasaku wo matsu yorokobi wo
Waka chiaeru no de areba sore wa shiawase

Kono saki mo tonari de sotto hohoen de

[* Repeat]

Diamond

Diamond is Amu's fourth Guardian Character, with a musical flair. She became an X egg, and then hatched as an X Character in after being discovered by Utau. Unlike previous X Characters, she had a human like form, with 60's styled clothes, instead of being a black human shape with an "X" on the forehead. Shortly after this, the character that emerged performed a Character Transforms with Utau, becoming "Dark Jewel," and made a reappearance in a fight against Amulet Angel. Her special moves with Utau were "Shining Black," in which a dark light attacks the opponent and "Glitter Particle," where a strong wave of energy overwhelms her opponents, disabling their Character Transformations. Dia became an X egg because of the change in surroundings, like Kukai graduating and Nadeshiko studying abroad.

As Amu does not know Dia's real name, and still does not, she just calls her "Dia", a shorter form of "Diamond".

Later on, Amu purifies Dia, sparking a Character Transformation, and making both lock and key react and "Amulet Diamond" was formed. Amu wears a futuristic, yellow and cream colored idol outfit, with pleats on the inside of the uniform and pigtails, with a white headband. The Humpty Lock shines yellow. Her skill is "Starlight Navigation," an attack involving rings of light. Dia's true form differs from her X-form; her true self is portrayed as a rather giddy and excited character, much like an idol may appear, whereas her X-self was often seen as inapproachable. Her outfit changes from a 60s style dress, to a two piece with white boots. Her hair, which was at first portrayed as a 60s-style ponytail, became pigtails—both hairstyles included incredibly long hair, much unlike Amu's other characters. She has red (orange) hair and orange eyes.

Dia went back into her egg for slumber after transforming with Amu, waiting for Amu to shine again. But she secretly come out at times.