"WELCOME WELCOME WELCOME"
"BE YOUR SELF"

My heart wilL Go On

Every night in my dreams
I see you. I feel you.
That is how I know you go on

Far across the distance
And spaces between us
You have come to show you go on

Near, far, wherever you are
I believe that the heart does go on
Once more you open the door
And you’re here in my heart
And my heart will go on and on

Love can touch us one time
And last for a lifetime
And never go till we’re one

Love was when I loved you
One true time I hold to
In my life we’ll always go on

Near, far, wherever you are
I believe that the heart does go on
Once more you open the door
And you’re here in my heart
And my heart will go on and on

There is some love that will not
go away

You’re here, there’s nothing I fear,
And I know that my heart will go on
We’ll stay forever this way
You are safe in my heart
And my heart will go on and on Readmore...

Goresan Kecil Cerita Dua Bulan

Harus ku mulai darimana untuk menceritakan kembali goresan kecil 2 bulan kelumpuhan otak dan fikiranku…walaupun mungkin tulisan ini tak akan mewakili semua yang kurasakan, karena banyak hal dan kejadian yang tak bisa terangkai dalam untaian kata-kata…seperti ceritaku ini mungkin ada banyak sudut yang akan terlewati tapi tak mengapa tulisan ini akan bercerita dengan sudut pandangnya sendiri…aku orang yang tak pandai berkata, akupun tak pandai bercerita, aku hanya menyusun kata-kata yang kadang-kadang ku tulis berulang2, hanya itu..^_^.

Inginku ceritakan secuil dari kisah hidupku yang membuat raga dan jiwaku seolah-olah mati suri. Sebenarnya sudah ingin kuceritakan sejak lama melalui goresan-goresan tinta kepedihan, tapi kata-kata yang ku ukir tak kan mampu mewakili kesedihan, kerapuhan, kegamangan, dan kegalauan hatiku yang begitu dalam. Karena untaian dalam bait-bait ynag kutulis tentu akan semakin mengoyak-ngoyak dan mngiris-iris hatiku yang sedang sakit waktu itu. Hanya melalui lisanku yang bergetar dan mataku yang sembab dan meleleh tak henti-hentinya yang mampu menceritaknnya kepada orang-orang terdekatku, teman-temanku…Luv U alL…

Dimulai dari malam itu tanggal 15 juli kau memutuskan untuk menghilang dari hidupku. Malam dan pagiku mulai menjadi kelam setelah mendengar suara terakhir di ujung telepon. Malaekat yang kubanggakan menyuruhku berhenti untuk memikirkannya, waktu itu yang ada hanya air mata, suaraku serak, hatiku perih tertusuk-tusuk sembilu rasanya. Suara halus itu tlah membuatku terjatuh dan terpuruk hingga kuabaikan semua agendaku, janji dengan temanku, semuanya tak ku ingat lagi. Otakku telah mati sejalan dengan matinya hatiku…

Namun aku masih sangat beruntung karena mempunyai pelita-pelita hati yang selalu menerangi sudut hatiku di kala gelap. Mereka selalu ada untukku. Tapi entah mengapa pelita-pelita itu ku rasakan masih belum mampu mencairkan hatiku yang beku. Semua nafsuku hilang…tertelan kepedihan. Semua serba tak enak, aku bagai orang sakit jiwa dengan tatapan kosongnya. Sudah banyak kata, banyak kalimat, bahklan beratus-ratus nasehat yang tertuju untukku. Semuanya ternyata masih belum bisa mengusir kelumpuhanku. Aku hanya ingin mengucapkan terima kasih banyak teman. Kalian tak pernah jauh dariku. Maafkan aku..aku hanya manusia bodoh. Mungkin jika kalian tak ada aku akan lebih bodoh bahkan lebih bodoh lagi. Sekali lagi terima kasih…

3 minggu kunikmati kerapuhanku, bertepatan dengan agenda besarku, PPL. Bagai manusia yang mempunyai seperempat otak dan hati yang masih tersisa aku mengais-ngais sisa semangatku untuk menjalaninya. Dalam bayang-bayang gelap, kelam, dan merana…karena tak henti-hentinya tiga perempat otak dan hatiku masih menjunjung agung bayangmu nan jauh disana…

Memasuki minggu ketiga kaupun kembali dengan keceriaan dan senyuman khasmu, yang tak dimiliki oleh lelaki manapun di belahan bumi ini. Tiba-tiba saja kelumpuhanku semakin berkurang dengan mengetahui hadirmu kembali. Semuanya kembali seperti sedia kala. Aku bahagia melihat kau tersenyum kembali, karena yang ku ingini hanya melihatmu tersenyum dan bahagia..sudah cukup bagiku…biarkan aku yang lelah menahan jeritan hatiku yang semakin memujamu. Biarlah cerita tentang hilangmu yang 3 minggu sudah terhapus karena kehadiranmu dan tak mau kuungkit-ungkit lagi walaupun hati kecilku masih terus menanyakannya, tapi aku mampu mengendalikannya. Yang kubutuhakan hanyalah hadirnya kembali malaekat hatiku. Itu sudah membawa penawar bagi racun-racun yang tlah bersarang di otak dan hatiku.

Lantas cerita tidak berhenti sampai disini masih ada jelaga dank abut yang akan membuatku dan engkau sama-sama beku kembali. Semua karena kecemburuanku. Hati ini sudah tak kuat lagi menahan api yang begitu panas itu. Sudahlah, apa yang membuatku cemburu tak usah kuceritakan disini karena kau tentu lebih tau apa gerangan yang membuatku cemburu. Hingga kuputuskan untuk menghilang sejenak, menghilang dari teman-temanku…hmmmm..betapa semakin gobloknya aku waktu itu. Aku hanya ingin membiasakan hati dan otakku untuk tidak memikirkanmu yang tentu sudah tidak membutuhkanku lagi. Karena pikirku mungkin tlah ada perempuan lain yang jauh lebih baik dibandingkan aku yang seperti ini. Perempuan dengan segala kekurangan yang belum bisa membuatmu tersenyum dan bahagia. Hanya itu alasanku. Aku akan menemuimu kembali menjelang atau sesudah ulang tahunmu. Itu janjiku…jika otak dan hati itu masih lekat menjunjung tinggi bayangmu maka aku rela melakukan apa saja untuk mengukir senyummu kembali. karena Cinta adalah membuat yang kau cinta itu bahagia walaupun hati telah jenuh menanggungnya. Hanya itu keyakinanku.

Dalam kebodohanku kembali, aku tak mengijinkan siapa-siapa untuk menceritkan semua tentangmu karena itu akan menggangguku lagi. Tapi apa, masih ada saja untukku mengetahui keadaanmu. Hatiku makin teriris, inginku berteriak, menjerit sejadi-jadinya “Aku akan selalu ada disampingmu” Namun janji pada diriku sendiri tlah membuatku beku untuk melihatmu kembali. Satu minggu dalam kebodohanku kita bersua kembali dalam kebisuan. Walaupun berhadapan aku dan engkaupun tak saling menyapa. Dalam hati aku masih menyimpan rasa syukur karena Tuhan masih menjagamu untuk bersua denganku kembali. Tak terbendung mata ini berkaca-kaca kembali. Hati hanya berkata. Itu malaekat hatimu ada didepanmu, tak maukan kau menyapanya wahai lidah? tak maukah kau memandangnya lekat-lekat wahai mata? semuanya membeku kembali…tak ada kata bermakna waktu itu yang membuatku semakin perih kembali…(besoknya pulang kampung)

2 Minggu kurang dua hari keberadaanku di rumah tlah kuyakini akan bisa mengaburkan sedikit bayangmu. Aku akan bertemu dan berkumpul kembali dengan malaekat-malekat dan bidadari-bidadari di syurga kecilku tercinta, Rumahku…ternyata itupun tidak memberikan jawaban apa-apa. Semuanya masih sama. Aku semakin lelah memikirkanmu. Jauhnya jarakpun tak mampu mengaburkan bayangmu. Yang ada bayangmu makin jelas di pelupuk mataku. Aku masih mempunyai janji dengan diriku sendiri untuk menemui kembali. Hanya itu harapanku untuk menawarkan hatiku yang semakin galau.

Hari kedua di istana kecilku tercinta aku memutuskan untuk menghubungimu kembali, itupun aku tlah melanggar janji dengan diriku sendiri. Memajukannya dua hari sebelum hari H. yang membuatku membatalkan janji hanya satu, aku mendapat kabar kau sedang sakit disana. Aku sudah tidak bisa mengendalikan emosiku…aku berada di tingkat kekhawatiran yang sangat memuncak. Dan kaupun masih memikirkanku. Aku tidak mau terlambat lagi sebelum semuanya benar-benar telah hilang…kita memulainya kembali..dan akupun tahu senyummu yang kemarin adalah senyum keterpura-puraan. Sama sepertiku…kuatnya perasaan itu yang membuat kita merasakan CINTA yang sama…waktu ku tahu kau menyayangiku dan takut kehilanganku tlah membuat separuh hati ini bisa tersenyum kembali….Aku berjanji tak kan pernah meninggalkanmu lagi...tetesan air mata ini menjadi saksi betapa ku menyayangimu…
Readmore...

Off Dulu...

terlalu banyak yang ingin ku ceritakan disini...
tapi...aku masih menunggu kelumpuhan dari otak dan hati itu benar-benar sembuh...
aku bisa...setelah itu ingin kucurahkan semuanya disini....

malu!!!aku malu!!!
aku ingin menjadi orang baik...hanya itu...yang pandai menjaga diri...
amin ya Rabb...bantu hamba...ku yakin Engkau sangat menyayangiku..^_^..

Aku tak inngin jauh dariMu..aku ingin malaikatMu selalu temani langkahku..
jadikan aku orang yang baik...
jadikan aku orang yang baik...
jadikan aku orang yang baik...

semuanya atas kuasaMu...=D Readmore...

30/07/2010...sukses buatmu Ru..

Tanggal 30 juli mempunyai arti ganda bagiku, di saat aku harus senang, khawatir, takut, cemas, was-was, dan tentu yang paling menyita habis pikiranku…dirimu yang jauh di sudut kota sana…bagaimanakah kabarmu Ru?!alhamdulillah hari ini hari pertama PPLq mengunjungi SMA Islam di tanah keagungan ken arok dan ken dedes “Singosari”…hari pertama lumayan tidak mengecewakan,ehhmm bisa dibilang awal yang baik karena para guru disana kebanyakan alumni UM juga, pertama penyerahan oleh dosen pembimbing kita sudah merasa menjadi satu keluarga…

Terngiang indahnya pagi jam 6:00 di saat seorang mahasiswi berkerudung dan bertubuh bongsor jalan tergopoh-gopoh dari Klampok kasri menuju jalan Surabaya untuk berkumpul dengan mahasiswa PPL yang lain, ku rasakan pagi yang begitu damai saat melihat sekelompok mahasiswa lain menggunakan alamamater kebanggaan yang juga lagi menunggu teman2nya yang lain..tak terasa begitu cepat waktu berlalu..kemarin saja PKPT..oh…hari ini sudah hari pertama PPL…manajemen sekolah…perkenalan tentang struktur organisasi, keuangan, kurikulum, organisasi, dan segala hal yang meliputi sekolah…dan tentu persiapan mengajar menjadi seorang Guru..ada senyum halus menyelinap dalam hatiku…Ibu Guru…sebentar lagi akan menjelma dalam diriku…

Aku ingin bercerita seperti biasanya, ketika aku merasakan senang…sedih…kaulah sandaranku…tapi kini berbeda…ku tahu sekarang Kuru disana juga lagi sibuk memikirkan acara besar, acara puncak KKN…tak pernah terputus do’aQ untukmu Ru…mudah-mudahan program yang telah lama menguras habis pikiranmu akan berjalan baik dan lancar selalu…walaupun kata-kata itu tak pantas mungkin..”berdo’a untukmu”..tapi apa salahnya toh kita sama-sama muslim dan Kuru adalah salah satu yang ku yakin adalah orang beriman juga..jadi mendoakanmu sungguh merupakan anjuran yang tertahta dalam Alqur’anku..^_^..mendo’akan sesama muslim yang beriman..itu yang selalu ku pegang erat…

Tak bisa kubayangkan betapa lelahnya dirimu dan betapa ruwetnya pikiranmu untuk menyiapkan program puncak itu dari jauh-jauh hari…sukses ya Ru…yang ku ingat kabar terakhir darimu program puncakmu akan berjalan besok…tanggal 31 juli…aku tak tahu sedikitpun apakah programnya dimajukan kah? Dimundurkan kah? Aku tak tahu…walaupun begitu akan ku anggap besok adalah program yang kuru nanti-nanti…setelah itu selesai mungkin Kuru bisa pulang dan istirahat sejenak di Syurga Paremu tercinta…aku selalu ikut bahagia jika kau merasakan kehangatan bersama keluargamu, bue, bapak, mas, mbak, bude dan tentu bidadari kecil yang slalu kau ceritakan padaku…”Kiki”…aku berharap kau selalu bahagia…senyuman khas darimu adalah perlipur lara sekaligus obat buatku…sebaliknya jika kau sedih atau sakit…akupun merasakan lebih dari itu, semuanya menjadi serba tak enak…

Aku ingin melafalkan kata-kata semangat, semoga sukses, semoga lancar buat program puncakmu…tapi untuk saat ini mungkin tak akan bisa…aku takut akan memperkeruh suasana gara-gara perkataanku…tapi jauh…jauh di dalam lubuk hatiku slalu berteriak…menjerit..ya Allah lindungi hamba-hambaMu, mudahkan urusannya berikan kelancaran selalu…aku terbayang mendengar ceritamu yang ruwet dan menjadi canda bahagia bagiku…dan akan membuatku tersenyam-senyum seperti orang yang tak dianugrahi akal…ini semua karena aku mencintaimu…

Malam ini hanya ingin kuucapkan semoga sukses Ru…semoga lancar…dan semoga Allah memberikan lindunganNya untuk program puncakmu…agar sebagian beban yang kau tanggung dapat berkurang walau hanya sedikit…karena setelah itu tentu tanggung jawabmu di depan masih sangat banyak…sukses KKNnya…Pak Ketua, Kak Fadil, Pak Bos, Korsek SDN Pandan Wangi…Kurnia Mahanani…

Nb: terima kasih buat teman2Q yang menemaniku menutup hari ini dengan Susana kekeluargaan kita…Mas2’e dan adek2’e…(selalu teringat memory of cangar 2007) Readmore...

Hari ke-11

Hari ke-11 dari kehampaanQ…kini semua kurasakan tak ada yang ramah padaQ…semuanya diam..beku mebisu disini…hanya karena kelemahanku…aku yang linglung..otakq dipenuhi kebimbangan yang begitu dalam…dalam hingga ku tak sadar apa yang tlah kuperbuat…ada sedikit senyum getir dalam hatiku ketika membeli makanan buat berbuka, aku tak mengambil makanan yang tlah ku beli begitu ngasih uang dan kembalian aku langsung pulang hingga ditegur ibu penjaga warung…oalah…mbk novi iki akeh pikrane keto’e…malu rasanya…ho.ho.ho…

Senja yang dulu sungguh berbeda dengan yang sekarang..di saat aku harus menahan pahit, perih, gundah gulananya hatiku…hanya karena sebuah ketidakjelasan…inilah aku…aku yang keras kepala…setiap istighfar yang kuucap berharap Allah membukakan pintu maaf untukku dari teman2ku yang sudah 11 hari menemaniku tanpa lelah..maafkan aku yang keras kepala…sakit yang kurasakan kini sungguh sakit teman…aku yang tersenyum dan menahan air mata di saat berada di sekeliling kalian….aku sakit..sakit..hatiku kini terasa perih…panas…hanya kalam-kalam suci dariNya saja yang sedikit bisa melegakanku…^_^..

Dalam sujudmu ku slalu berharap kau slalu menemaniku ya Rabb..jangan tinggalkan aku..aku takut!!!aku takut!!!aku takut!!!maafkan aku yang slalu terisak hanya karena memikirkan lelaki yang bukan muhrimq..aku mencintainya…rasa yang kau anugrahkan kepadaku sungguh berat untuk ku tangggung..aku tak mampu…aku tak kuat…

Mal am ini nisfu sya’ban…Menjelang tibanya bulanmu yang sejuta arti kurang sebulan lagi…aku berharap semuanya akan indah seindah RamadhanMu...aku ingin tulus beribadah kepadaMu…aku ingin ikhlas…ajarkan aku arti ikhlas dan sabar…ajarkan aku…ajarkan aku…berilah cinta itu indah lagi padaq ya Rabb…kau yang selalu menyayangi hambaMu yang lemah…kau yang slalu melindungiku..kau yang slalu menjagaQ tak henti-hentinya…maafkan hambaMu yang terlalu banyak meminta…

Sekali lagi buat mas-masQ dan teman2Q tersayang…maafkan aku yang keras kepala…jagan pernah tinggalkan dan pergi dariQ..Luv u All…apa jadinya ku jika kalian tak ada…aku hanya sseorang manusia tak berdaya yang butuh kalian…aku sayang kalian…jangan tinggalkan Novi…jangan!!!aku tak sanggup…. Readmore...

Always Luv U

Hari ke-4 dari hari kamis…ketika semuanya menjadi hampa…kini tak kurasakan lagi indahnya senyummu, cerianya candamu, dewasanya pikiranmu, teduhnya hatimu Ru…aku yang semakin merindukanmu disini di kamar ini hanya bisa berharap semoga kau baik2 saja disana…ada apa denganmu Ru?!...istana kecil yang menjadi saksi dari hari kehari betapa ku mencintaimu syG…kini juga ikut bisu mengikuti kata-kata hatiku…aku akan tetap mencintaimu…akupun akan menunggu sampai kapan kau kembali seperti dulu lagi…terserah orang-orang mau berkata apa,logikaq berkata apa aku akan tetap mencintaimu…karena kau adalah KuRu…malaekat hatiQ…

Hati dan pikiranQ semakin menerawang jauh..jauh…ke sosok yang pendiam dan tenang di sudut pandan wangi sana…baik2 sajakah kau pangeran hatiQ?!...walau kini jiwaq separuhnya telah rusak berkeping-keping…itu semua karena cintaku yg begitu besar kepadamu…tak pernah sedikitpun ku bisa melepaskanmu dalam ingatanku Ru…semua karena kau berbeda kau mengajarkan arti cinta pada pandangan pertama begitu melihat sosok tenang dan pendiam berkacamata yang duduk dengan tatapan tajam di teras waktu itu…kau mengajaranku arti cinta sebenarnya tak sedikitpun ku bisa melihat kelemahanmu …kau cinta terindah dalam hidupq…

KuRu…bagaimanapun kamu sayang aku akan tetap mencitaimu…dari lubuk hati dan perasaanku hanya dipenuhi namamu..namamu…namamu…sulit bagiq untuk menghilangkan sosok sempurna itu…kini ditengah2 keterseok2anku ku masih menyimpan asa untuk qta bersua kembali…bertemu dalam hari yang indah…ku mencintaimu syG…Kurnia Mahanani…kekasih hatiku…karena masih banyak janji yang belum kupenuhi padamu syG...ku berjanji akan memenuhi semuanya ketika waktu sudah bersikap ramah padaku...
Luv U...Kurnia Mahanani CintaQ... Readmore...

Aku Galau

Sangat terlambat kusadari aku yang pandai memberi nasehat ke teman2Q dan keluargaQ ternyata sangatlah lemah hanya gara-gara perasaan yag tak menentu…apa iya berbohong padaQ jika benar knp baru sekarang dia berkata seperti itu?! Harus berapa kali ku katakan bahwa aku mencintainya…ya Allah janganlah kau biarkan aku meneteskan air mata lagi…aku sakit…aku lelah…ulu hatiku ngilu…panas…sesak…aku mencintainya…

Ya Allah, hanya engkau maha segala2nya..tempat ku mencurahkan semua kegalauanq…jangan biarkan hambaMu yang hina ini sakit lagi…aku tidak sanggup…karena rasa itu sungguh besar kepadanya sangat berbeda dengan yang terdahulu…aku mencintainya…sakit hatiku kini perih seperti ada sesuatu yang mengoyak-ngoyak dan memakan jantungku…lalu membiarkannya terurai begitu saja hingga aku menjadi orang yang tak menentu..hanya bisa tenang jika sedang berada di dekatMu..selebihnya..aku sakit..sakit.sakit….ya Rabb..knp harus ini yang aku alami?!aku tau engkau sangatlah menyayangi hambaMu…tapi aku sebagai manusia biasa hanya menginginkan hati itu tetap utuh seperti kemarin2..tanpa adanya kebohongan sedikitpun..aku tak tau apa rahasiaMu..tapi aku sakit ya Rabb…T_T… Readmore...

Aku mencintaimu

Ya Allah…mungkinkah yang hamba takutkan terjadi malam ini?!hamba sangat takut jika cinta yang telah Ekngkau berikan pada hamba-hambaMu terhapus begitu saja…hamba sungguh tak sanggup…itu semua karena hamba mencintainya…sungguh tak ada lelaki manapun yang sesempurna dia di mataQ ya Rabb…apakah ini setan atau apa?!jika benar mengapa hamba tak menginginkan nafsu apa-apa darinya..aku mencintainya dengan sepenuh jiwa dan perasaanQ…wahai Engakau maha membolak-balikkan hati jika hatiku telah dihapus darinya..sungguh aku tak sanggup dan tak rela…untuk saat ini hamba mungkin tak akan bisa ikhlas dulu…ya Allah…Aku mencintainya… Aku mencintainya… Aku mencintainya… Aku mencintainya… Aku mencintainya… Aku mencintainya…mencintai seorang Kurnia Mahanani…apakah aku tidak berhak merasakan tulusnya cinta ini lagi ya Rabb…

Aku hanya berdoa mudah2an dia selalu dalam lindunganMu…berikan yang terbaik buat dia selalu ya Rabb…aku mencintainya…jika engkau menghapus rasa itu dari hatinya mengapa hamba tidak ya Rabb..justru dari hari ke hari aku semakin mencintainya…aku tak menginginkan apa-apa darinya…atau apakah hamba egois karena terlalu memaksa hatinya untuk tetap dalam pelukan hati hamba?!!

Aku yang semakin terisak dengan air mata..T_T.. Readmore...

Jadwal Piala Dunia 2010

==> Grup A:
11 Juni 2010
21:00 Afrika Selatan v Meksiko, Soccer City, Johannesburg
12 Juni 2010
01:30 Uruguay v Prancis, Cape Town Stadium, Cape Town

17 Juni 2010
01:30 Afrika Selatan v Uruguay, Loftus Versfeld Stadium, Pretoria
17 Juni 2010
18:30 Prancis v Meksiko, Peter Mokaba Stadium, Polokwane

22 Juni 2010
21:00 Meksiko v Uruguay, Royal Bafokeng Stadium, Rustenburg
21:00 Prancis v Afrika Selatan, Free State Stadium, Bloemfontein

==> Grup B:
12 Juni 2010
18:30 Argentina v Nigeria, Ellis Park Stadium, Johannesburg
21:00 Korea Selatan v Yunani, Nelson Mandela Bay Stadium, Port Elizabeth

17 Juni 2010
21:00 Argentina v Korea Selatan, Soccer City, Johannesburg
18 Juni 2010
01:30 Yunani v Nigeria, Free State Stadium, Bloemfontein

23 Juni 2010
01:30 Yunani v Argentina, Peter Mokaba Stadium, Polokwane
01:30 Nigeria v Korea Selatan, Moses Mabhida Stadium, Durban

==> Grup C:
13 Juni 2010
01:30 Inggris v Amerika Serikat, Royal Bafokeng Stadium, Rustenburg
13 Juni 2010
18:30 Aljazair v Slovenia, Peter Mokaba Stadium, Polokwane

18 Juni 2010
21:00 Inggris v Aljazair, Cape Town Stadium, Cape Town
19 Juni 2010
01:30 Slovenia v Amerika Serikat, Ellis Park Stadium, Johannesburg

23 Juni 2010
21:00 Amerika Serikat v Aljazair, Loftus Versfeld Stadium, Pretoria
21:00 Slovenia v Inggris, Nelson Mandela Bay Stadium, Port Elizabeth

==> Grup D:
13 Juni 2010
21:00 Jerman v Australia, Moses Mabhida Stadium, Durban
14 Juni 2010
01:30 Serbia v Ghana, Loftus Versfeld Stadium, Pretoria

18 Juni 2010
18:30 Jerman v Serbia, Nelson Mandela Bay Stadium, Port Elizabeth
19 Juni 2010
18:30 Ghana v Australia, Royal Bafokeng Stadium, Rustenburg

24 Juni 2010
01:30 Australia v Serbia, Mbombela Stadium, Nelspruit
01:30 Ghana v Jerman, Soccer City, Johannesburg

==> Grup E:
14 Juni 2010
18:30 Belanda v Denmark, Soccer City, Johannesburg
21:00 Jepang v Kamerun, Free State Stadium, Bloemfontein

19 Juni 2010
21:00 Belanda v Jepang, Moses Mabhida Stadium, Durban
20 Juni 2010
01:30 Kamerun v Denmark, Loftus Versfeld Stadium, Pretoria

25 Juni 2010
01:30 Denmark v Jepang, Royal Bafokeng Stadium, Rustenburg
01:30 Kamerun v Belanda, Cape Town Stadium, Cape Town

==> Grup F:
15 Juni 2010
01:30 Italia v Paraguay, Cape Town Stadium, Cape Town
15 Juni 2010
18:30 Selandia Baru v Slowakia, Royal Bafokeng Stadium, Rustenburg

20 Juni 2010
18:30 Italia v Selandia Baru, Mbombela Stadium, Nelspruit
21:00 Slowakia v Paraguay, Free State Stadium, Bloemfontein

24 Juni 2010
21:00 Paraguay v Selandia Baru, Peter Mokaba Stadium, Polokwane
21:00 Slowakia v Italia, Ellis Park Stadium, Johannesburg

==> Grup G:
15 Juni 2010
21:00 Brasil v Korea Utara, Ellis Park Stadium, Johannesburg
16 Juni 2010
01:30 Pantai Gading v Portugal, Nelson Mandela Bay Stadium, Port Elizabeth

21 Juni 2010
01:30 Brasil v Pantai Gading, Soccer City, Johannesburg
21 Juni 2010
18:30 Portugal v Korea Utara, Cape Town Stadium, Cape Town

25 Juni 2010
21:00 Korea Utara v Pantai Gading, Mbombela Stadium, Nelspruit
21:00 Portugal v Brasil, Moses Mabhida Stadium, Durban

==> Grup H:
16 Juni 2010
18:30 Spanyol v Swiss, Moses Mabhida Stadium, Durban
21:00 Honduras v Cili, Mbombela Stadium, Nelspruit

21 Juni 2010
21:00 Spanyol v Honduras, Nelson Mandela Bay Stadium, Port Elizabeth
22 Juni 2010
01:30 Cili v Swiss, Ellis Park Stadium, Johannesburg

26 Juni 2010
01:30 Swiss v Honduras, Free State Stadium, Bloemfontein
01:30 Cili v Spanyol, Loftus Versfeld Stadium, Pretoria

==> 16 Besar
26 Juni 2010, 21:00
Juara Grup A v Peringkat Kedua Grup B, Nelson Mandela Bay Stadium, Port Elizabeth (Partai 49)

27 Juni 2010, 01:30
Juara Grup C v Peringkat Kedua Grup D, Royal Bafokeng Stadium, Rustenburg (Partai 50)

27 Juni 2010, 21:00
Juara Grup D v Peringkat Kedua Grup C, Free State Stadium, Bloemfontein (Partai 51)

28 Juni 2010, 01:30
Juara Grup B v Peringkat Kedua Grup A, Soccer City, Johannesburg (Partai 52)

28 Juni 2010, 21:00
Juara Grup E v Peringkat Kedua Grup F, Moses Mabhida Stadium, Durban (Partai 53)

29 Juni 2010, 01:30
Juara Grup G v Peringkat Kedua Grup H, Ellis Park Stadium, Johannesburg (Partai 54)

29 Juni 2010, 21:00
Juara Grup F v Peringkat Kedua Grup E, Loftus Versfeld Stadium, Pretoria (Partai 55)

30 Juni 2010, 01:30
Juara Grup H v Peringkat Kedua Grup G, Cape Town Stadium, Cape Town (Partai 56)

==> Perempat-Final
2 Juli 2010, 21:00
Pemenang Partai 53 v Pemenang Partai 54, Nelson Mandela Bay Stadium, Port Elizabeth (Partai 57)

3 Juli 2010, 01:30
Pemenang Partai 49 v Pemenang Partai 50, Soccer City, Johannesburg (Partai 58)

3 Juli 2010, 21:00
Pemenang Partai 52 v Pemenang Partai 51, Cape Town Stadium, Cape Town (Partai 59)

4 Juli 2010, 01:30
Pemenang Partai 55 v Pemenang Partai 56, Ellis Park Stadium, Johannesburg (Partai 60)

==> Semi-final
7 Juli 2010, 01:30
Pemenang Partai 58 v Pemenang Partai 57, Cape Town Stadium, Cape Town (Partai 61)

8 Juli 2010, 01:30
Pemenang Partai 59 v Pemenang Partai 60, Moses Mabhida Stadium, Durban (Partai 62)

==> Perebutan Juara Ketiga
11 Juli 2010, 01:30
Tim Kalah Partai 61 v Tim Kalah Partai 62, Nelson Mandela Bay Stadium, Port Elizabeth (Partai 63)

==> Final
12 Juli 2010, 01:30
Pemenang Partai 61 v Pemenang Partai 62, Soccer City, Johannesburg (Partai 64)
Readmore...

H-2,5 dan H-0,5 Kepulanganku…

Malam itu malam jum’at,tepatnya tanggal 3/06/2010… aku keluar bareng bersama lelaki pujaan hatiq…org yg q panggil Kuru…biasa seh hanya sekedar makan malam sekaligus malam perpisahan atas berakhiranya semester dan kepulanganku…seperti biasa rencana yg sudah matang gagal juga, aku ingin berfoto dengannya..tapi begitu mendekati waktu seperti biasa rasa malu itu datang lagi..padahal kamera pinjaman sudh siap,ho.ho.ho…ku urungkan untuk membawanya…karena aku masih punya hp yg bisa untuk mengabadikan momen itu…

Hal yang sedikit lucu, pas mau keluar kuru sms g punya sandal, g tw sendalnya dibawa kabur sama temen2nya,he.he…wlwpun bgitu dengan sandal yg katanya udah g layak pake…kamipun tetep berangkat..sesampainya disana nyari tempat duduk..dan seperti biasa ngobrol hal-hal kecil…obrolan kami hanya tak jauh2 mengenai org2 terdekat…tanpa pernah sedikitpun kalo udah ketemu mebicarakan hal-hal yang berkaitan dengan hubungan kami..karena semuanya hanya lancar dikomunikasikan lewat tulisan saja…

Begitu menunya datang, menu special bebek goreng…kamipun mulai makan, kasihan kuru yang mungkin belum buka puasa,he.he..ntah knp otakq mulai nakal berfikir ntah bagaimana caranya q harus dapet dokumentasi malam itu..akhirnya q buka kamera hp dan menjeprat-jepret…lumayan dapat banyak fotonya..wlwpun g ada sama sekali foto berdua…itulah aku yg sudah mulai didatengi dengan tingkah liarnya..tanpa malu2 disamping kiri kanan banyak orang…

Makan malampun selesai, kita ngobrol2 lagi bentar hingga waktu menjelang pulang sudh dekat..hal yang aku benci ketika harus berpisah..=(…kuru pergi ke kasir..ntah kenapa aku serasa di dorong oleh setan apa..aku merasa g mau jauh darinya hingga kuikuti dia..padahal ya tinggal nunggu aja di luar…tapi aku g mau..ku ikuti saja dia..waktu dia cuci tanganpun aku ikut...sambil memberikan tisu..itulah akhir dari makan malam kami di kedai itu…

Waktu pulang naek sepeda…aku terharu..aku sedih…padahal tak seharusnya aku begitu..aku hanya pulang untuk tiga minggu saja ko’…tapi jauh di pikiranku..aku memikirkan seandaenya aku berpisah dalam waktu yang lama dengannya apakah aku bisa kuat?!hal sekecil ini saja sudah membuatku sedih..air matakupun jatuh..tapi perjalanan pulang masih lama…aku terus berdo’a agar tidak menangis di depannya…

Sesampai di kos..kuru mematikan motornya sejenak…aku menitipkan sesuatu untuk temennya…sambil ku pandang dia dalam2…hanya sebentar…mataku mulai berkaca…untung saja motornya langsung dihidupkan lagi kemudian pergi..ku pandangi dia sampai suara motor dan orangnyapun sudah tak terlihat dan terdengar lagi…
Di kamar..aku sedih dan menangis..tapi hanya bisa diakali dengan facebook…

==>H-0.5….
Hati senang dan sedihpun campur aduk..aku membayangkan akan wajah bidadari terbaekq,ibuq tecinta..harus dengan tampang apakah aku besok?!tersenyumkah?!menangis kah?!tersenyum karena aku bisa melepas rindu..menangis karena aku sampai saat ini belum cerita apapun ke ibuq tentang semuanya…anaknya yang kini menjadi liar…karena aku tidak mau membicarkan semuanya tanpa berhadapan langsung dengan beliau…
Dan pikiran2 negatifpun masih melayang2 di otakku..pakah perjalananq besok akan baik2 saja…wallahu a’lam…aku hanya bisa berdo’a dan meminta yg terbaek…

Aku yang ditemani air mata...

Besok…tersenyum atau menangiskah????Luv U aLl….orang2 yang q sayanGi..T_^...
Readmore...

GeJEq...

Aku tak pernah melarang seorangpun mengagumi…menyayangimu..mencintaimu..karena semuanya adalah kuasa dan anugrah dariNya..sang maha agung yang mencipta hati makhluk2nya…hati yang menyimpan berjuta2 misteri dan tanya..dan malam ini akupun tak tahu…hatiku knp?!ingin marah kah?!benci kah?!padahal aku sangat tidak punya hak apa2 untuk semua itu…yang aku rasakan hanya sepercik kilatan api yang rasanya mengiris2..membuat sesak….

Jujur dari logika dan pikiranku semuanya menertawakan akan kebodohanku skarang ini…tapi hanya satu yang bisa menjawab semuanya…otak itu tidak pernah tau apa yang dirasakan hati…..oh tuhan… kenapa hati ini begitu rapuh…aku sangat benci dan tidak ingin seperti ini…

Sebagai manusia biasa aku juga sedikit mengerti akan hatinya…hati yang begitu mengagumi makhlukmu yang lain…tapi kenapa harus dia yang harus dia kagumi?!...ya Allah tidakkah Engkau berkenan mengalihkan serpihan hati itu untuk mengagumi orang lain yg bukan dirinya?!..T_T.. Readmore...

RinDu...


Gemericik nyanyian hujanpun hingga malam ini masih mengguyur bumi arema…..tempat ku membuang jauh kedunguanku, hujan hanya satu pintaku untuk malam ini sampaikan sejuta sayang dan rinduq untuk keluargaku tercinta..kepada bidadari2ku dan malaekat2ku ibu bapak dan kakak2ku, bidadari2 dan malaekat2 kecilku…keponakan2ku..sungguh sesak dada ini merindukan mereka, 7 bulan sudah raga ini tak berada dalam hangatnya suasana firdaus itu..firdaus yang bagiku tak ada bandingannya dengan yang lain, surga dunia yang enyahkan semua penat, hapuskan semua lelah, ringankan semua beban, dipenuhi dengan gelak tawa dan tangis bahagia, itulah rumahku….rumah yang teramat sederhana di pinggiran kampung di pulau nan jauh disana, pulau terindah diantara pulau2 laiinnya..Lombok.. tetap surga nomer satu bagiku..

Ibu..kumerindukan mendengar lantunan ayat suci itu,,kurindu semuanya…rindu akan buaian dan pelukan yang buatku terlelap dalam kedamaian…sekarang aku hanya bisa menangis disini…aku rindu…bu maafkan anakmu…aku baik2 saja…hanya saja aku tak mampu mendengar suara itu lagi bu…aku sesak…aku lebih baik merangkai kata-kata rindu itu melalui pesan pendek..karena aku takut ibu khawatir lagi denganku…semuanya sudah lebih dari cukup disini bu…aku tidak menginginkan apa2..ibu tak perlu repot hanya karena aku…maafkan aku bu…aku tak sebaik malaekat dan bidadarimu yang lain..aku ingin seperti mereka…yang tak pernah ku dengar mengeluh sedikitpun..tidak seperti aku…mereka adalah kekuatan untukku dan untukmu bu…sekali lagi kuucapkan terima kasih kepada kakak2ku tersayang…miz u all…karena hanya karena mereka aku sedikit menjadi kuat….walaupun tanpa aku bidadari kecilmu yang dulu mereka selalu ada setiap saat untukmu bu…hanya itu yang bisa megembalikan goresan senyuman di wajahku…kata2 mereka..”sudahlah dek, ibu baek2 aja…baek2 disana..jaga diri baik2…”itu semua buatku merasa menjadi orang paling beruntung di dunia ini…aku tak seharusnya menangis…tapi aku tak kuasa…hanya karena aku yang lemah…

Hanya satu kata..rindu…satu bulan lagi…mudah2an Allah mengzinkan untukku bertemu dengan kalian..keluargaku..surgaku…
Readmore...

Pojok Klampok 19/04/2010


Untuk bundaq tercinta……
Bu…tak pernah kutemukan bidadari berwujud manusia dimanapun di dunia ini yang seikhlas, setabah, dan setegar dirimu…engkau adalah wanita idolaQ,engkau adalah ibu terbaik di seluruh dunia…sungguh aku ingin sepertimu, tapi apa?! Anakmu ini hanya seorang pecundang yang lemah dan rapuh…kenapa Allah tidak menciptakanku hati seperti hatimu bunda…tapi mungkin dibalik semua itu ada hikmahnya buatku…tapi sampai saat ini belum kutemukan jawabannya hikmah apa yang membuatku sedikit sedikit hanya bisa menangis saja, conth kecilnya, melihat pengemis aku teriris dan terkadang menangis padahal itu sudah jalan buat mereka karena sebagian dari mereka tak mau berusaha hanya meminta belas kasih orang, melihat anak kecil dengan tampang miris dipinggir jalan akupun menangis, suasana tidak mengenakkan dari teman2ku aku juga menangis, merindukan rumah dan orang-orang yang kusayangi apalagi itu semua yang menguras habis air mataku bunda…ingin rasanya malam ini aku berada dipelukan hangatmu, tanpa satu patah kata yang kukeluarkan juga kau sudah tau dan mengerti bagaimana cara menenangkanku….

Bu..tapi opi’ sekarang g nyangka lho..akhirnya bisa juga menjadi mandiri, bisa tidur sendiri,he..tidak seperti tahun pertama disini sungguh berat rasanya…aku tidak bisa tidur denga nyenyak..karena separuh dunia dan jiwaku serasa hilang bu,,begitu ku tau tidak ada ibu didekapanku…tapi suaramu dari kejauhan selalu menenagkanku…miz u mom…
Bu…aku merindukanmu…pelukan itu, kecupan itu, belaian itu sangat begitu kurindukan...maafkan aku jika khir-akhir jika mendengarku slalu dalam keadaan terisak..ku sudah tidak kuat lagi bu…aku merindukanmu…sekarang hanya dengan kata “pi’ saja sudah membuat air mataku tak sanggup ku bendung lagi..karena ku merindukan yang punya suara itu…bukan hanya sekedar suara..aku ingin memeluknya erat…
Bu..hanya dengan do’a yang kau ajarkan padaku sejak ku bisa mulai melafalkan kata..itu yang hanya bisa menenangkanku…tentu juga dengan orang-orang terdekatku disini…mereka adalah segemericik air yang sedikit bisa menyejukkan dan menduhkan dahagaku yang haus akan merindumu…
Bu…kau benar-benar ibu terbaik…ku sangat bangga memiliki ibu sepertimu..aku sangat senang ketika mendengar salah seorang temanku yang katanya sangat nyaman ketika berada di dekatmu, ikhlas tutur dan tingkahmu sangat jauh dengan anakmu ini bu…
(Ibuq…Hj. Mutmainnah..Ibu terbaik di seluruh dunia) T_^
Readmore...

Pemrosesan Form

Pemrosesan form (form processing) merupakan operasi mendasar pada aplikasi web. Dalam konteks pengembangan aplikasi web dinamis, langkah ini pasti akan dilakukan. Sebagai contoh, untuk menerima masukan dari user, tentu diperlukan sekali form isian dan cara pemrosesannya. Begitu pula halnya ketika administrator ingin masuk ke sistem, tentu memerlukan suatu antarmuka penghubung. Intinya, keberadaan form dan pemrosesannya mutlak diperlukan dalam membangun aplikasi web yang interaktif.

Pada aplikasi web, teknik pengiriman form dapat dilakukan melalui tiga metode: POST, GET, dan kombinasi keduanya. Dalam konteks PHP, parameter-parameter GET dapat dibaca melalui superglobal $_GET, sedangkan POST melalui $_POST. Selain itu, keduanya juga dapat dibaca menggunakan $_REQUEST.

Gambar di bawah ini merupakan contoh sederhana dari aplikasi login form sederhana(tanpa database) yang terdiri dari field ID/Username dan password.Menggunakan variabel di PHP untuk mensimulasikan verifikasi data yang dimasukkan dengan spesifikasi sebagai berikut:
Terdapat scripting JavaScript untuk validasi awal (field tidak boleh
kosong, masukan id dan password harus huruf).
Jika field kosong dan langsung di-submit, kembalikan fokus kursor ke
field pertama (id)
Ada validasi sisi server (dari PHP) untuk memastikan bahwa nilai
field adalah string.
Jika nilai id dan password sesuai dengan pre-defined value di variabel,
munculkan pesan selamat datang dan cetak nilai id. Sebaliknya, jika
tidak sesuai, tampilkan pesan kegagalan.


Langkah pertama adalah buat souirce code phpnya kemudian simpan dengan nama check.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Form Administrator</title>
</head>
<body>
<?php
if(($_POST['user']=='khassifa') AND ($_POST['pass']=='1724')) {
echo 'Sukses, Anda Telah Masuk Halaman Administrator Dengan User Name :'.$_POST['user'];
echo '<br><br>Hallo, Mr/Mrs ' . $_POST['user'];
}
else {
echo "<br><br><br><body text='red'><strong><center>Ada Kesalahan Pada Waktu Anda Login...!<br><br><a href='cobatugaslogin.html'><h4>Kembali Ke Login</h4></a></center></strong></body>";

}
?>
</body>
</html>

setelah selesai membuat sour code phpnya dilanjutkan dengan source code html seperti :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Login Form by_Novi Khassifa</title>
<style type="text/css">
#apDiv1 {
position:absolute;
width:380px;
height:330px;
z-index:1;
left: 449px;
top: 136px;
background-color: #0000ff;
border: 2px solid Blue;
}
#apDiv3 {
position:absolute;
width:80px;
height:25px;
z-index:2;
left: 289px;
top: 274px;
}
.style3 {
font-size: 10px;
font-weight: bold;
}
#apDiv2 {
position:absolute;
width:412px;
height:115px;
z-index:2;
top: 0px;
left: 2px;
}
#header{
width:380px;
height:98px;
background-image: url(1.JPG);
}
#footer{
width:380px;
height:40px;
background-image: url(6.JPG);
}
body {
background-image: url(5.jpg);
}
</style>
<script type="text/javascript">
function error1()
{
alert('Masukkan User Name dan Password Terlebih Dahulu ');
}
function check()
{
if(form1.pass.value == "" || form1.user.value=="")
{
error1();
}
}
</script>

</head>
<body onLoad="document.form1.user.focus();">
<form name="form1" method="post" action="check.php">
<div id="apDiv1">
<div id="header">
</div>
<div>
<div align="center"><strong><br>User Name :</strong>
<br>
<input type="text" name="user" size="35" value="" style="background-color:#87cefa">
<br>
<br>
<strong>Password : </strong>
<br>
<input type="password" name="pass" size="35" style="background-color:#87cefa">
<br>
<br>
</div>
</div>
<br>
<div id="apDiv3">
<input type="submit" name="submit" value=" E N T E R " onClick="check()">
</div>
<div id="footer" align="left"><br>
</div>
</div>
</form>
</body>
</html>
Readmore...

Jadwal Perempat Final Liga Champion 2010


Inilah jadwal perempat final Liga Champion 2010 berikutnya dilanjutkan dengan semi final Liga Liga Champion selengkapnya. Delapan tim yang lolos ke babak perempat final Liga Champions musim ini adalah Manchester United, Olympique Lyon, Arsenal, Bayern Munich, Inter Milan, CSKA Moskow, Girondins Bordeaux dan yang terakhir juara bertahan Barcelona.

Jadwal Perempat Final dan Semi Final Liga Champion 2010
Arsenal dan Munich adalah dua tim yang pertama memastikan tempat. Mereka masing-masing menggasak FC Porto serta Fiorentina dengan agregat kemenangan 6-1 dan 4-4, The Bavarian hanya menang agesivitas dari La Viola dimana mereka berhasil membukukan gol tandang lebih banyak.

Finalis musim lalu United menyusul langkah The Gunners. Mereka berhasil meluluhlantakkan perlawanan wakil Italia lainnya AC Milan dengan agregat 7-2.

Babak Perempat Liga Champion 2010 ini tampaknya partai akan mengulang Final Piala Champion 2009 lalu dan mempertemukan kembali antara Manchester United versus El Barca Barcelona. Atau mungkin Arsenal akan membuat kejutan untuk mesuk final kembali? Kita tunggu saja hasilnya. Berikut Jadwal Perempat Final dan Semi Final Liga Champion 2010 selengkapnya

Selasa, 30 Maret 2010 (Perempat Final Pertama)
Lyon vs Bordeaux
Bayern Munchen vs Man. United

Rabu, 31 Maret 2010 (Perempat Final Pertama)
Arsenal vs Barcelona
Internationale Milan vs CSKA Moskow

Selasa, 6 April 2010 (Perempat Final Kedua)
Barcelona vs Arsenal
CSKA Moskow vs Internationale Milan

Rabu, 7 April 2010 (Perempat Final Kedua)
Bordeaux vs Lyon
Man. United vs Bayern Munchen


Semifinal Liga Champion
Pemenang seperempatfinal 2 Vs Pemenang seperempatfinal 1
Pemenang seperempatfinal 4 Vs Pemenang seperempatfinal 3
Leg I : 21 April dan 22 April 2010
Leg II 28 April dan 29 April 2010

sumber: lengekep.blogspot.com
Readmore...

Perempat Final Liga Champion


saya menjagokan barcelona yang akan mengangkat Trofi Liga Champions 2010 pada final nanti,saya ckup pede karena tahun kemarin kan barcelona yang menang,he... mudah2an saja..amin...ehmm.....tapi sepertinya semua club mempunyai peluang yang sama, karena cuman Klub-klub pilihan yang kuat dan keren yang akan mampu mengisi peluang semifinal Liga Champions 2010. Chayo BarcaQ.....
Bagaimana dengan yang lain...?!terserah anda,he... Readmore...

Membuat Tabel Fleksibel dengan PHP

Pembuatan tabel fleksibel menggunakan Pemrograman PHP sangatlah penting, kita hanya perlu menggenerate row, coloum, maupun cell yang kita inginkan. berikut kita mengulas kembali sekilas penjelasan tentang PHP (PHP: Hypertext Preprocessor) merupakan salah satu bahasa webscripting yang sangat powerful. Sejak pertama kali diperkenalkan, bahasa ini dimaksudkan untuk menghasilkan halaman-halaman web yang dinamis.
Hingga saat ini, PHP banyak sekali digunakan dalam membuat aplikasi web-baik lokal maupun Internet-dinamis dan atraktif.

Berikut saya akan membahas tentang bagai mana kita membuat program sederhana untuk men-generate sel tabel secara fleksibel. Tekniknya, buat sebuah fungsi yang menerima argumen berupa jumlah sel dan jumlah kolom. Jadi, pembentukan sel tabel didasarkan pada nilai jumlah sel dan jumlah kolom yang diberikan. Sebagai contoh, hasil program dengan argumen 12 (sel) dan 3 (kolom) diperlihatkan seperti pada gambar di bawah ini:


Pada Gambar Tersebut Setelah Di Klik Generate Untuk Menghasilkan Tabel yang dinginkan sehingga dapat diperoleh hasil seperti pada gambar 2. mod4tgs2 :


Untuk memperoleh tampilan web seperti gambar di atas adapun source codenya adalah sebagai berikut:

yang pertama source code php seperti di bawah ini:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Hasil Generate Tabel</title>
</head>
<body>
<div align="center">
<?php
$rows = 1;
$columns = 1;
$cells = 1;
?>

<?php $rows = (int) $_POST["JumlahRow"]; ?>
<?php $columns = (int) $_POST["JumlahColum"]; ?>
<?php $cells = (int) $_POST["JumlahCell"]; ?>

<strong>Kamu Memilih</strong> <?php echo $rows; ?> <em>rows,</em><br />
<strong>Kamu Memilih</strong> <?php echo $columns; ?> <em>columns,</em><br />
<strong>Dan Anda Membutuhkan</strong> <?php echo $cells; ?> <em>cells,</em><br />
<br />
<br />
<?php
$width = $columns * 75;
echo "<table width=".$width." border=1>";
$rw = 0;
$cel = 1;
while ($rw < $rows && $cel <= $cells)
{
echo "<tr>";
$cl = 0;
while ($cl < $columns)
{
if ($cel <= $cells)
{
echo "<td><div align=center>".$cel."</div></td>";
$cel++;
}
$cl++;
}
echo "</tr>";
$rw++;
}
echo "</table>";
?>
</div>
</body>
</html>

dilanjutkan dengan source code htmlnya

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Novi Khassifa</title>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
width:178px;
height:24px;
z-index:1;
left: 284px;
top: 189px;
}
.style1 {
color: #0000CC;
font-weight: bold;
}
-->
</style>
</head>
<body>
<form method="post" action="tgsmod5.php">
<h3 align="center" class="style1">__Tabel Fleksibel Dengan Generate Table__</h3>
<div align="center">
<table width="327" border="0" bgcolor="#FFFFFF">
<tr bgcolor="#FFFFCC">
<td width="121" style="text-align:center">Rows</td>
<td width="196"><strong>= </strong>
<input name="JumlahRow" type="text" id="JumlahRow" onKeyUp="getmax();" onfocus="this.select();"></td>
</tr>
<tr bgcolor="#CCFFCC">
<td style="text-align:center"><label>Columns</label></td>
<td><strong>= </strong>
<input name="JumlahColum" type="text" id="JumlahColum" onKeyUp="getmax();" onfocus="this.select();"></td>
</tr>
<tr bgcolor="#FFFFCC">
<td style="text-align:center">Cell Total </td>
<td><strong>= </strong>
<input name="JumlahCell" type="text" id="JumlahCell" onKeyUp="getmax();" onFocus="this.select();"></td>
</tr>
<tr bgcolor="#CCFFCC">
<td style="text-align:center">Max Cells </td>
<td><strong>= </strong>
<input name="maxcells" type="text" id="maxcells" disabled="disabled" style="text-align:center"></td>
</tr>
</table>
</div>
<div id="apDiv1">
<input type="submit" name="Generate" value="G e n e r a t e"><input type="reset" name="Reset" value="R e s e t">
</div>
</form>
</body>
<script language="JavaScript" type="text/javascript">
<!--
function getmax() {
var R = parseInt(document.getElementById('JumlahRow').value);
var C = parseInt(document.getElementById('JumlahColum').value);
var X = parseInt(document.getElementById('JumlahCell').value);
var cellmax = document.getElementById('maxcells');
var total = 'N/A';
total = R * C;
cellmax.value = new String(total);
if (X > total)
{
alert('Cell Total Yang Anda Masukkan Terlalu Besar, Nilai Maksimum Cells = ' + total);
document.getElementById('CellsTotal').value = new String();
}
}
//-->
</script>
</html>

Selamat mencoba...^_^
Readmore...

Passing By Value Dan Passing By Reference

Pada kesenmpatan ini saya akan membahas mengenai passing argument di PHP. Apa itu PHP? dan apa itu passing argument?

PHP kepanjangan dari Hypertext Preprocessor, PHP sendiri dibuat oleh Rasmus Lerdorf, PHP bersifat open source dan telah digunakan oleh hampir seluruh web developer di seluruh dunia, situs resmi php bisa dikunjungi di www.php.net. Karena sifatnya yang open source dan semakin banyaknya user membuat bahasa pemprogaman ini mengalami perkembangan yang sangat cepat.
Sintak atau strukturnya hampir mirip dengan bahasa pemprogaman C, Java dan Perl sehingga dengan begitu bagi mereka yang sudah mempelajari bahasa tersebut tidak akan mengalami kesulitan, selain itu bagi para pemula yang baru memulai bahasa pemprogaman web rasanya PHP turut diperhitungkan, karena pemanfaatan bahasa PHP tidak hanya sekedar untuk web dan aplikasinya tetapi sudah merambah kedunia desktop windows, namanya yaitu PHP GTK.

Fungsi pass by value dan pass by reference adalah :
• Fungsi adalah subprogram/subrutin program yang terdiri dari sekumpulan perintah yang akan melaksanakan suatu tugas tertentu
• Fungsi memungkinkan program menjadi lebih terstruktur dan juga memudahkan pelacakan kesalahan.
• Menggunakan fungsi akan mempersingkat waktu pemrogram untuk menuliskan sekumpulan perintah yang sama berkali-kali

Sintaks:
function nama_fungsi($arg1, $arg2, .., arg_n)
{
blok pernyataan fungsi
}
Keterangan:
• Nama_fungsi adalah nama yang akan digunakan untuk memanggil fungsi
• $arg1, $arg2, …, $arg_n adalah argumen-argumen (parameter) yang akan disertakan
pada saat pemanggilan fungsi untuk diproses dalam fungsi. $arg dapat berupa tipe data integer, float atau $variabel.
Blok pernyataan fungsi adalah pernyataan-pernyataan yang terdapat dalam apitan tanda
({ }) dimana dikerjakan fungsi untuk tugas tertentu.

Contoh:
&gt?
$x=2+3;
$y=$x+5;
echo "$y
";
$x=2+3;
$y=$x+5;
echo "$y
";
$x=2+3;
$y=$x+5;
echo "$y
";
$x=2+3;
$y=$x+5;
echo "$y
";
?&lt

Jika kita perhatikan kode di atas, maka penjumlahan yang sama berulang-ulang dituliskan dan merupakan pemborosan. Dengan adanya fungsi maka program diatas bisa dibuatkan ke dalam fungsi dan bisa dipanggil beberapa kali.

PASSING BY VALUE
Argumen fungsi yang dilewatkan secara pass by value (default dalam php) berarti
membuat copy dari argumen yang asli sehingga argumen asli tersebut tidak ikut berubah
dengan adanya proses pada fungsi terhadap argumen tersebut.
Secara default, semua nilai yang di-pass masuk atau keluar dari fungsi adalah passing by value, bukan by reference. Ini berarti PHP membuat copian dari nilai original dan nilai copian itulah yang kita akses dan kita manipulasi, bukan nilai originalnya. Dengan begitu bagaimanapun kita mengubah nilai itu, tidak akan mengubah nilai originalnya.
Berikut contoh dari fungsi pass by value :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>passbyvalue</title>
</head>
<body>
<?php
function jumlah($nilai) {
$nilai++;
}
$input=30;
jumlah($input);
echo $input;
?>
</body>
</html>

Simpan dengan nama PassByVal.php dan berikut penjelasannya :
Pada saat fungsi jumlah dipanggil,
jumlah($input);
maka fungsi tersebut akan memasukkan nilai dari variabel $input kedalam argumennya, jadi disini argumen fungsi jumlah adalah 30 (ini adalah nilai aslinya). Selanjutnya PHP meng-copy nilai asli tersebut, kemudian hasil copyan-nya digunakan untuk proses manipulasi fungsi, sedangkan nilai yang asli dibiarkan tidak berubah. Proses manipulasinya sebagai berikut:
$nilai++;
$nilai = $nilai + 1
$nilai = 30 + 1
$nilai = 31
Untuk output,
echo $input;
nilai variabel $input yang diambil disini adalah nilai variabel aslinya, sehingga hasil manipulasi fungsi tadi tidak dipakai, karena bukan nilai asli. Jadi outputnya adalah 30
Berikut hasil tampilan dari passing by value



PASSING BY REFERENCE
Argumen fungsi yang dilewatkan secara pass by reference berarti membawa argumen asli
ke dalam fungsi sehingga argumen asli tersebut akan ikut berubah dengan adanya proses
pada fungsi terhadap argumen tersebut.
Berbeda dengan passing by value yang bersifat mengkopi, passing by reference memberikan nilai aslinya untuk diakses dan dimanipulasi, dengan contoh yang sama seperti diatas, kita akan modifikasi menjadi mekanisme passing by reference.
Untuk mengubah jadi passing by reference, kita hanya cukup menambahkan operator & pada argumennya.
Berikut contoh dari passing by reference :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>passbyreference</title>
</head>
<body>
<?php
function jumlah(&$nilai) {
$nilai++;
}
$input=30;
jumlah($input);
echo $input;
?>
</body>
</html>

Simpan dengan nama PassByRef.php dan berikut penjelasannya:
Sesuai dengan penjelasan passing by reference diatas, nilai yang diakses & dimanipulasi adalah nilai aslinya, dengan begitu hasil manipulasi fungsilah yang gunakan sebagai outputnya, yaitu 31.
Hasilnya seperti gambar di bawah ini




Selamat mencobA... ^_^ Readmore...

Hari ButekZ Sedunia

Tanggal 17 maret 2010, hari ini merupakan hari terbutek sedunia bagiq,he..he..lebay…Udah dalam keadaan g bisa terlalu mendekatkan diri padaNya juga..makin butek dech..G tau kenapa sejak tadi malam mendengar kabar dari seorang Kurnia Mahanani, dia sakit…ntah kenapa serasa duniaku menjadi hampa, kosong, tak berwarna lagi…hingga kuputuskan untuk membatalkan liburanku untuk pergi ke jatim park bersama anak2 offering A. aku mikir seandaenya aku ikut juga aku bakalan g tenang, bakalan g mood, murang-muring g jelas, daripada ntar bkin suasana g enak ma anak2 mendingan g ikut, dan hal yang paling membuatku langsung befikir untuk membatalkan liburan itu, aku kepikiran Kuru…aku g mau libur2 jalan2 senang2 sementara dia dalam keadaan sakit.

Malam…aku g tenang…menghubungi dia enggak mungkin bgt, sama aja dengan mengganggu istirahatnya, ehmm….untung ja da pertandingan Chelsea n inter Milan itu yg bsa mengalihkan pikiranku sejenak, ampe subuh aku sms temennya nanya apakah kuru udah baik2 apa belum?!malah temennya bilang dia g knapa2,,lega sedikit rasanya,,,tapi apa beberapa menit kemudian dia bilang kuru beneran demam, g tau knp rasa khawatirku makin memuncak, aku g tau harus berbuat apa, mau jenguk pagi2 g mungkin bgt..aku sms aja…kuru.. bilang mau masuk kuliah…sempet mikir ntar masih bisa jenguk atau g ngeliat keadaannya sebelum pulang ke pare..

paginya udah nyiepin obat, roti ma air mineral buat jenguk…jam 9 an aku sms kuru lagi katanya kuliah diundur ampe jam setengah dua belas dan mau langsung berangkat…aku makin kacau…aku g bisa ngeliat dia…mungkin setan juga udah dari tadi malem memenjarakan aku..sampai terlintas dibenakku untuk ikut naek angkot bersamanya untuk pergi ke terminal, aku memaksa tapi kuru g ngijinin..ya sudah aku hanya bisa berdoa mudahan dia baik2 aja…dan anehnya lagi entah kenapa aku menangis sesenggukan….tangis yg biasa kini berubah menjadi lebay..untung aja aku hanya sendiri di kos,,jadi g da yang tau,he…he…..

Di tengah2 hati yang gundah temen2ku masih sms, “nov jadi ikut?!”padahal aku sudah sms beberapa orang bilang g ikut, masih aja diajak..aku bilang aku g ikut…dan memutuskan untuk berdiam diri di kos dan g keluar…

Aku makin terlarut …aku g mau sesuatu apapun mengganggu..TV ku matiin, jendela, dan pintu kamar ku tutup rapat…masih aja ada sms yang berbunyi,,hmmm..lagi2 urusan kampus,,,akupun bertekad hari ini akan kujadikan hari merdekaku sedunia untuk tidak berurusan lagi dengan kertas2 g penting itu,he…

Aku makin sesenggukan..akhirnya aku memutuskan untuk membales sms..sms dari temen lamaku..tak terasa aku smsan hingga mau mendekati zuhur…ku lihat jamku, setengah 12, kepikiran kuru lagi…sekitar jam dua belasan kuru pamit mau pulang…akupun makin kalut..berharap dia baek2 aja…pi beberapa saat kemudian dia bilang istirahat dulu di kos,,lega lagi sejenak….mau jenguk g ada temennya…bagaimanapun aku masih punya malu untuk pergi ke kosnya cowok kalo sendiri..

Tak terasa perutku lapar,,kan biasa kalo nangis itu mengeluarkan energi yang banyak,he…aku sms temenku minta tolong kalo pulang sekalian beliin nasi…he..pi da satu hal yang bisa membuatku tertawa getir,,aku sms temennya kuru, “kuru udah mendingan belum?!” eh dibales ma kuru ndiri, “Taman juga lagi sakit perut ney tidur disebelahku” langsung terlintas dibenakku…ehmm..gmn rupanya orang dua itu sama2 meringis,he..he….

Hatiku trus tidak tenang…..dengan kegiatan rutin seperti biasa aku sms lagi, karena kuru g nyampe rumah tepat waktu, takut ada suatu hal terjadi atau apalah..aku g bisa mengendalikan pikiranku…pi Alhamdulillah bentar lagi dia nyampe…

Hpq berdering…dan ternyata Bapak...dengan suara berat aku mengangkat telepon itu, terdengar di ujung sana,”ini ibu mau ngomong”…ibu menanyakan kembali apakah aku baik2 saja?!ternyata ibu masih kepikiran kenapa aku sesenggukan kemarin…aku bilang tiang baik2 saja…..emang aku baik2 saja…mendengar suara itu hati ini sedikit lega…ngomong panjang lebar sudah cukup bisa membuatku tersenyum kembali…seperti biasa setelah ibu giliran kakakku yang ngobrol panjang lebar,,biasa g jauh2 mbahas seputar sekolahnya dan apa saja kegiatanku di sini…dan seperti biasa suara rame dari ketiga keponakanku membuatku tambah lega….,suara rengekan manja dari keponakanku yang paling bungsu”bi’ boneka kalo pulang”..ehmm,”enggih, yang penting "Dah" mau jemput bibi’ kalo pulang,he..he…karena biasanya baik dianter menuju malang ataupun pulang kampung mesti satu rombongan ikut semua, bahagia rasanya membayangkan akan hal itu…seperti biasa aku tidak pernah bicara panjang lebar dengan bapak, karena aku lebih dekat dengan ibu....akhir pembicaraan seperti biasa ibu dan bapak..slalu mengingatkanku untuk menjaga diri baik2….maafkan aku ibu..bapak…jika anakmu sudah berbuat salah..T_T…Luv u alL…telpon ditu2p karena di kampung halamanku sana azan sudah menggema….

Di hpku ternyata ada sms masuk, temenku ngajak nonton dance (dancernya temen2 PTI) di anfak..q nolak masih g mood…tapi sudah sedikit tidak kepikiran lebay lagi….karena kuru udah di rumah bersama keluarganya tercinta..^_^.. aku sudah bosan berdiam diri di kos dan g keluar2 sama sekali..hingga aku memutuskan untuk jalan2 aja sebentar sekedar menghirup udara luar….cuman sebentar….balik lagi ke kos…nanya kabar kuru..lumayan udah mendingan…mudah2an tambah baikan aja Ru..muk kangenm!!!!
^_^ Readmore...

Love Inspired By Ketika Cinta Bertasbih

Sekalipun CINTA telah ku uraikan
dan kujelaskan panjang lebar
namun jika CINTA kudatangi
aku jadi malu pada
keteranganku sendiri..

Meskipun lidahku telah mampu menguraikan
namun tanpa lidah
CINTA ternyata lebih terang..
sementara pena begitu tergesa-gesa menuliskannya
kata-kata pecah berkeping-keping
begitu sampai kepada CINTA..

Dalam menguraikan CINTA
akal terbaring tak berdaya
bagaikan keldai terbaring dalam lumpur..
CINTA sendirilah yang menerangkan CINTA dan percintaan..



Ketika cinta bertasbih
Bergetarlah seluruh rasa dalam jiwa
Indah dalam resonansi kasih sayang

Ketika cinta berdzikir
Berguncanglah alam
Syahdu dalam alunan nada cinta

Ketika ayat-ayat cinta terkumandangkan
Sirna sudah segala kebencian
Musnah sudah segala dendam
Jauh sudah segala dengki
Yang mengotori kebeningan cerminan hati

Lalu diatas sajadah cinta
Sujudlah seluruh raga
Menundukkan hati dan jiwa
Menanti datangnya masa…
Cinta berbuah surga


CINTA adalah KEKUATAN yang mampu
mengubah duri jadi mawar
mengubah cuka jadi anggur
mengubah malang jadi untung
mengubah sedih jadi riang
mengubah setan jadi nabi
mengubah iblis jadi malaikat
mengubah sakit jadi sehat
mengubah kikir jadi dermawan
mengubah kandang jadi taman
mengubah penjara jadi istana
mengubah amarah jadi ramah
mengubah musibah jadi muhibbah
itulah CINTA.... Readmore...

Novi G Tau Malu

Inilah kegejeanQ.....kisah cintaQ....
yang tlah kutulis sejak kurang lebih 4 bulan yang lalu....
cerita yang seharusnya kuperuntukkan untuk teman2q tersayang..pi gpp di upload,he..he..
ancen Novi Gueje puoll....
bagi yang mau baca..sialhkan Klik Di sini Readmore...

Aplikasi Kalkulator dan Form Pemesanan dengan Java Script

Java Script
Sebelum membuat program kalkulator ataupun form pemesanan hendaknya terlebih saya akan mendeskripsikan sedikit hal tentang java script

Pada Java Script tipe data yang dimiliki diantaranya :
1.String contohnya : "khassifa"
2.Number/Integer contohnya 7702
3.Boolean : suatu variabel yang mempunyai dua nilai untuk memeriksa suatu kondisi tertentu yakni true untuk menyatakan kondisi benar ; false untuk menyatakan kondisi salah contohnya
Variabel
Pada javascript kita sering menjumpai variabel-variabel, adapun fungsi dari variabel itu merupakan suatu objek yang berisi data, yang dapat dimodifikasi selama pengeksekusian program
Aturan penulisan variabel pada javascript. Nama variabel harus dimulai oleh huruf (huruf besar maupun huruf kecil) atau satu karakter ''_''. Nama variabel bisa terdiri dari huruf, angka atau karakter _ dan & (spasi kosong tidak diperbolehkan).
Nama variabel tidak boleh memakai nama nama berikut ini (reserved oleh program) :
abstract
boolean break byte
case catch char class const continue
debugger default delete do double
else export extends
false final finally float for function
goto
if, implements, import, in, infinity, instanceof, int, interface
label, long new, null
package, private, protected, public
return
short, static, super, switch, synchronized
this, throw, throws, transient, true, try, typeof
var, void, volatile
while, with

Berikut merupakan contoh penggunaan variabel pada sebuah contoh sederhana pada code HTML :

<html>
<head>
<title>Data Types and Variables</title>
</head>
<body>
<script type="text/javascript">
var x, y;
x= 1024;
y=x; x = "Test";
document.write("<p>x = " + y + "</p>");
document.write("<p>x = " + x + "</p>");
</script>
</body>
</html>

**Hasil dari pengeksekusian code diatas :
X=10
X=Test
Peletakan variabel (global atau lokal)
Variabel global adalah variabel, dimana variabel itu bisa di akses dari seluruh bagian program.
Variabel lokal adalah variabel, dimana variabel itu tidak bisa di akses dari seluruh bagian program yaitu hanya berlaku untuk fungsi tertentu .
Contoh dari penggunaan variabel Global :

<SCRIPT language="Javascript">
<!--
var a = 12;
var b = 4;
function PerkalianDengan2(b) {
var a = b * 2;
return a;
}
document.write("Dua kali dari ",b," adalah " , PerkalianDengan2(b));
document.write("Nilai dari a adalah",a);
// -->
</SCRIPT>

Dari contoh diatas, variabel a dideklarasikan secara eksplisit di awal dari skrip program dan juga di deklarasikan di dalam fungsi . berikut ini hasil dari program diatas.
Berikut contoh penggunaan variabel lokal:

Dua kali dari 4 adalah 8
Nilai dari a adalah 12

<SCRIPT language="Javascript">
<!--
var a = 12;
var b = 4;
function PerkalianDengan2(b) {
a = b * 2;
return a;
}
document.write("Dua kali dari ",b," adalah ",PerkalianDengan2(b));
document.write("Nilai dari a adalah",a);
// -->
</SCRIPT>

Berikut ini hasil dari program diatas.
Dua kali dari 4 adalah 8
Nilai dari a adalah 8

Berikut adalah contoh aplikasi kalkulator sederhana menggunakan JavaScript :


Source code html dan java scriptnya adalah

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html><head><title>Kalkulator Sederhana</title></head><body>

<script language="JavaScript" type="text/javascript">

<!--

function hitung(){

var myForm = document.form1;

var x=eval(myForm.x.value);

var y=eval(myForm.y.value);

var pil= myForm.opt.value;

if (pil == "tambah") {

var z = x + y;

}else if (pil == "kurang") {

var z = x - y;

} else if (pil == "kali") {

var z = x * y;

} else if (pil == "bagi") {

var z = x / y;

}

myForm.hasil.value = z;

myForm.x.value = "";

myForm.y.value = "";

}

function resetForm(){

document.form1.reset();

}

//-->

</script>



<form name="form1" action="#">

<input name="x" type="text">

<select name="opt">

<option value="tambah"> + </option>

<option value="kurang"> - </option>

<option value="kali"> * </option>

<option value="bagi"> / </option>

</select>

<input name="y" type="text">

<input value="=" onclick="hitung()" type="button">

<input name="hasil" disabled="true" type="text"><br>

<input value="CLEAR" onclick="resetForm()" type="button">

</form>

</body></html>

Untuk aplikasi lanjut dengan menggunakan java script dapat dibuat sebuah form pemesanan seperti pada gambar di bawaha ini



source code html dan java scriptnya adalah

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>

<title>Form Pemesanan Kedai Khassifa</title>

</head>

<body>

<script language="JavaScript" type="text/javascript">

<!--

function hitungPesan(){

var nota = document.form2;

var hargaBakso = 12000 * eval(nota.qBakso.value);

var hargaSoto = 10000 * eval(nota.qSoto.value);

var hargaMie = 15000 * eval(nota.qMie.value);

var hargaDegan = 5000 * eval(nota.qDegan.value);

var hargaCampur = 7000 * eval(nota.qCampur.value);

var jumlahTotal = hargaBakso + hargaSoto + hargaMie + hargaDegan + hargaCampur;

if (jumlahTotal > 50000){

nota.Total.value = jumlahTotal;

nota.Diskon.value = 10000;

nota.Bayar.value = jumlahTotal - eval(nota.Diskon.value);

} else {

nota.Total.value = jumlahTotal;

nota.Diskon.value = 0;

nota.Bayar.value = jumlahTotal - eval(nota.Diskon.value);

}

}

function resetForm(){

document.form2.reset();

}

//-->

</script>
<h3>Form Pemesanan Berbasis JavaScript</h3>

<form name="form2" action="#">

<table border="1px">

<tr>

<th>No</th>

<th>Makanan/Minuman</th>

<th>Harga</th>

<th>Pesan</th>

</tr>

<tr>

<td width="15px">1</td>

<td width="200px">Bakso Istimewa</td>

<td width="85px" bgcolor=>&#64;<input type="text" name="bakso" value="12000" size="6" disabled="true"/></td>

<td width="150px"><input type="text" name="qBakso" value="0" onChange="hitungPesan()"/></td>

</tr>

<tr>

<td>2</td>

<td>Soto Spesial</td>

<td bgcolor=>&#64; <input type="text" name="soto" value="10000" size="6" disabled="true"/></td>

<td><input type="text" name="qSoto" value="0" onChange="hitungPesan()"/></td>

</tr>

<tr>

<td>3</td>

<td>Mie Ayam Super</td>

<td bgcolor=>&#64; <input type="text" name="mie" value="15000" size="6" disabled="true"/></td>

<td><input type="text" name="qMie" value="0" onChange="hitungPesan()"/></td>

</tr>

<tr>

<td>4</td>

<td>Es Degan</td>

<td bgcolor=>&#64; <input type="text" name="degan" value="7000" size="6" disabled="true"/></td>

<td><input type="text" name="qDegan" value="0" onChange="hitungPesan()"/></td>

</tr>

<tr>

<td>5</td>

<td>Es Campur</td>

<td bgcolor=>&#64; <input type="text" name="campur" value="7000" size="6" disabled="true"/></td>

<td><input type="text" name="qCampur" value="0" onChange="hitungPesan()"/></td>

</tr>

<td colspan="3" align="right">Jumlah Total</td>

<td><input type="text" name="Total" disabled="true" /></td>

</tr>

<td colspan="3" align="right">Diskon</td>

<td><input type="text" name="Diskon" disabled="true" /></td>

</tr>

<td colspan="3" align="right">Jumlah Dibayar</td>

<td><input type="text" name="Bayar" disabled="true" align="right"/></td>

</tr>

</table><br/>

<input type="button" value="BATAL" onClick="resetForm()" />

</form>

<br>
<marquee><font color="red" face="Arial Black" size="5">by : Novi Khassifa</marquee></font><br>
</FORM>
</CENTER>

</body>

</html>


selamat mencoba..^_^.. Readmore...

Membuat Tabel dengan css

Pada bahasan sebelumnya kita membuat tabel melalui cara manual, yaitu dengan mengetikan sintaknya, nah... kali ini kita akan belajar membuat tabel dengan CASCADING STYLE SHEET atau yg lebih populer disebut css, adapun deskripsi dari css yaitu,
Cascading style sheet (CSS) merupakan sekumpulan aturan yang menyatakan bagaimana style diaplikasikan ke tag-tag HTML di dalam dokumen.
Rekomendasi CSS menguraikan tiga jenis style:

Embedded : properti style diletakkan di dalam satu blok di dokumen HTML.
Inline : properti style diterapkan secara langsung per baris atau per elemen HTML.
Linked : properti style diletakkan di file berekstensi css dan dikaitkan dengan dokumen HTML.

Selain mengulas tentang pemanfaatan CSS, bagian ini juga menekankan pada pembuatan desain dengan menggunakan division. Bagaimanapun, untuk menghasilkan desain halaman web yang baik, penggunaan tabel tidak disarankan dan sebagai gantinya adalah dengan memanfaatkan division.
Contoh pemanfaatan css:
Dalam contoh ini kita akan belajar mengimplementasikan ccs.
contohnya seperti tabel layout dari wab di bawah ini
Supaya menghasilkan seperti tabel tersebut langkah pertama tuliskan script berikut pada note pad dan simpan dengan format . html
adapun source codenya...

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Format Layout Sederhana</title>
<link rel="stylesheet" href="FormatStyle.css" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header">
Header
</div>
<div id="inner">
<div id="sidebar">
Sidebar
</div>
<div id="top">
Top
</div>
<div id="content">Content
</div>
<div id="right">
Right
</div>
</div>
<div id="footer">
Footer
</div>
</div>
</body>
</html>

Langkah kedua setelah kita menuliskan kode tersebut buat kerangka atau link yang nantinya dapat terhubung dengan kode program di atas dan simpan dengan namafile.css

#wrapper {
margin: auto;
width: 750px;
border: 1px solid red;}
#header {
height: 85px;
border: 1px solid blue;}
#inner {
float: left;
margin: 5px 0;
border: 1px solid black;}
#sidebar {
float: left;
margin-right: 20px;
width: 200px;
height: 357px;
border: 1px solid red;}#top {
float: left;
width: 524px;
height: 120px;
border: 1px solid red;}
#content {
float: left;
margin-right: 20px;
width: 275px;
height: 235px;
border: 1px solid green;}
#right {
float: right;
width: 227px;
height: 180px;
border: 1px solid red;}
#footer {
clear: both;
height: 75px;
border: 1px solid blue;}

dari pembuatan tabel di atas kita bisa mengembangkannya dengan mengganti background ataupun menambah foto,melink-kan,dan lain2 seperti pada gambar di bawah ini

adapun sourcodenya html dan cssnya adalah sebagai beikut...

==>sourcecode html
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title>Desain Layout Sederhana</title>
<link rel="stylesheet" href="NoviStyle.css" type="text/css" />
</head>

<body>
<div id="wrapper">
<div id="header">
<div id = "box1">
<img src="logo um.gif">
</div>
<div id="logo">
<img src="logo um.jpg" width="50"/>
</div>
<div id="site-title">
<h2>TEKNIK ELEKTRO</h2>
</div>
<div id="search">
Search : <input name="q" size="20" type="text"/>
</div>
<div id = "box2">
<a href="LinkEmail.html"> <font color="black">FTE</a></p>
</div>
<div id = "box3">
<a href="LinkBalik.html"><font color="black">Profile</a></p>
</div>
<div id = "box4">
<a href="LinkHome.html"><font color="black">Home</a></p>
</div>
</div>

<div id="inner">
<div id="sidebar">
<div id="leftmenu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">News and Media</a></li>
<li><a href="#">Article</a></li>
<li><a href="#">Tutorials</a></li>
<li><a href="#">Tips and Tricks</a></li>
</ul>
</div>
</div>
<div id="top">
<div id = "box8">
<img src="2.jpg">
</div>
<div id = "box9">
<img src="3.jpg">
</div>
</div>
<div id="content">
<b>Himpunan Mahasiswa Elektro<br/></b>
<br/>
A. Visi <br/>
Sebagai wadah pengembangan dan pembinaan kemahasiswaan diprioritaskan untuk meningkatkan kompetensi dalam bidang penalaran/keilmuan, minat
dan kegemaran mahasiswa, kesejahteraan mahasiswa, kepedulian sosial kemasyarakatan, serta organisasi kemahasiswaan di lingkup jurusan teknik elektro<br/>

<br/>
Read more......</br>

</div>
<div id="right">
<b>Event :</b>
<ul>
<li><a href="#">Seminar Nasional Teknologi</a></li>
<li><a href="#">Pelatihan Karya Tulis Ilmiah</a></li>
<li><a href="#">Kajur Cup Elektro</a></li>
<li><a href="#">Gelar Sains Elektro (GENIE)</a></li>
</div>
</div>
<div id="footer">
<h3 align="center"><b>&#169; HIMPUNAN MAHASISWA ELEKTRO FAKULTAS TEKNIK UM.</b></h3>
</div>
</div>
</body>
</html>

==>sourcecode css

#wrapper {
margin: auto;
width: 1000px;
border: 1px solid white;
}
#header {
height: 100px;
background: #99CC00;
border: 1px solid white;
}
#inner {
float: left;
margin: 3px 0;
border: 1px solid white;
}
#sidebar {
float: left;
margin-right: 5px;
width: 175px;
height: 357px;
background: #CCFF99;
border: 1px solid white;
}

#top {
float: left;
width: 813px;
height: 135px;
background: #FFFFCC;
border: 1px solid white;
}

#content {
float: left;
margin-right: 5px;
width: 450px;
height: 240px;
background: #FFFFCC;
border: 1px solid white;
text-align:justify;
}

#right {
float: right;
width: 357px;
height: 165px;
background: #CCFF99;
border: 1px solid white;
}

#footer {
clear:both;
height: 50px;
background: #6cae15;
border: 1px solid white;
}

#leftmenu ul {
width: 175px;
list-style-type:none;
padding:0; margin:0;
}
#leftmenu a:link, #leftmenu a:visited, #leftmenu a:active {
padding-left: 15px;
text-decoration: none;
}
#leftmenu a {
padding: 5px 0px 5px 15px; display: block;
background: #6cae15 no-repeat left center;
margin: 0px 0px 1px; color: #ffffff;
}
#leftmenu a:hover {
background: #5e9711 no-repeat left center; color: #ffffff
}

#box1 {
float: left;
margin-right:10px;
width: 91px;
height: 98px;
background: #FFFFFF;
border: 1px solid white;
}

#box2{
float: right;
margin-right: 20px;
margin-top: 7px;
width: 60px;
height: 20px;
background: #99CC00;
border: 1px solid #99CC00;
}

#box3{
float: right;
margin-right: 5px;
margin-top: 7px;
width: 35px;
height: 20px;
background: #99CC00;
border: 1px solid #99CC00;
}

#box4{
float: right;
margin-right: 5px;
margin-top: 7px;
width: 32px;
height: 20px;
background: #99CC00;
border: 1px solid #99CC00;
}

#site-title h2{ float:left; padding:0px 10px; height:30px; margin:20px 0px; font:2.1em/100% 'Verdana'; font-weight: bold;}
#search { clear:right; float:right; margin:20px 50px 0px auto; height:30px; font-weight:bold;}

#box6{
float: right;
margin-right: 5px;
margin-top: 7px;
width: 50px;
height: 20px;
background: #99CC00;
border: 1px solid #99CC00;
}

#box7 {
float: left;
margin-right: 5px;
margin-top: 2px;
width: 490px;
height: 85px;
background: #FFFFCC;
border: 1px solid #FFFFCC;
}
#box8 {
float: left;
margin-right: 3px;
margin-top: 5px;
width: 406px;
height: 110px;
background: #FFFFCC;
border: 1px solid #FFFFCC;
}
#box9 {
float: left;
margin-right: 0px;
margin-top: 5px;
width: 400px;
height: 110px;
background: #FFFFCC;
border: 1px solid #FFFFCC;
}

Selamat mencoba...^_^ Readmore...

DesainTabel Dengan Pengelompokan

Untuk membuat desain tabel perbandingan item dengan memanfaatkan fitur
pengelompokan. Contoh hasilnya diperlihatkan seperti di bawah ini


langkah-langkah pembuatannya adalah hampir sama dengan yang pertama dengan memgatur letak atau posisi dari Tagnya ditambah dengan memanfaatkan elemen tabel. Elemen tabel menyediakan sejumlah atribut yang dapat digunakan untuk memformat visualisasi tabel.
Tiga atribut pertama yang sering digunakanadalah align (untuk mengatur posisi), cellspacing (untuk mengatur spasi antarsel) dan cellpadding (untuk mengatur spasi antara border sel denganisinya).
Dalam pembuatan tabel ini format yang di atur adalah format alignnya, selanjutnya dengan memanfaatkan penggabungan (merge) sel yaitu colspan seperti pada pembuatan grafik batang sebelumnya. Anda bisa mengatur letak posisinya sehingga dapat terlihat seperti gambar di atas.

sourcode untuk desain tabel yang kedua...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Grafik Berbasis tabel 2</title>
</head>

<body>
<marquee><font color="Red" face="arial" size="5">Desain Tabel Dengan Fitur Pengelompokan</font></marquee>
<blink><font color="Red" face="Arial" size="4">Created by: Novi Khassifa</font></blink>
<table width="470" height="401" border="0">
<tr>
<td colspan="8" style="border-bottom:#000000 solid;"><p align="center"><font color="black" face="TIME NEW ROMAN" siz"4">PERBANDINGAN FITUR</font></td>
</tr>
<tr>
<td width="31"align="center">No</td>
<td width="0" rowspan="10" style="border-left:#000000 solid thin;">&nbsp;</td>
<td width="208" align="center">Fitur</td>
<td rowspan="10" style="border-left:#000000 solid thin;padding-left:-5px;" width="0">&nbsp;</td>
<td width="92" align="center">Enterprise</td>
<td width="0" rowspan="10" style="border-left:#000000 solid thin;">&nbsp;</td>
<td width="0"align="center">Pro</td>
<td width="0"align="center">Free</td>
</tr>
<tr>
<td colspan="8" style="border-top:#000000 solid thin;"></td>
</tr>
<tr>
<td align="center">1</td>
<td>Garansi seumur hidup </td>
<td align="center">X</td>
<td align="center">-</td>
<td align="center">-</td>
</tr>
<tr>
<td align="center">2</td>
<td>Multiuser</td>
<td align="center">X</td>
<td align="center">-</td>
<td align="center">-</td>
</tr>
<tr>
<td align="center">3</td>
<td>Update otomatis </td>
<td align="center">X</td>
<td align="center">X</td>
<td align="center">-</td>
</tr>
<tr>
<td align="center">4</td>
<td>Cetak Laporan </td>
<td align="center">X</td>
<td align="center">X</td>
<td align="center">-</td>
</tr>
<tr>
<td align="center">5</td>
<td>Notifikasi error </td>
<td align="center">X</td>
<td align="center">X</td>
<td align="center">X</td>
</tr>
<tr>
<td colspan="8" style="border-top:#000000 solid thin;"></td>
</tr>
<tr>
<td align="center">6</td>
<td>Ubah tema </td>
<td align="center">X</td>
<td align="center">X</td>
<td align="center">X</td>
</tr>
<tr>
<td align="center">7</td>
<td>Try ikon</td>
<td align="center">X</td>
<td align="center">X</td>
<td align="center">X</td>
</tr>
<tr>
<td colspan="8" style="border-top:#000000 solid thin;"></td>
</tr>
</table>
<BR><a href="Tugas1.html">Back</a> Kembali Ke Halaman Utama
</body>
</html>

silahkan anda coba lagi...
^_^

NB: -Untuk tulisan berjalan dan tulisan blinknya anda bisa menambahkan source code merquee dan blink...
-Agar kedua halaman web (Tabel 1 dan 2) bisa dikaitkan maka sudah saya tambahkan Link agar bisa bolak balik kehalamn 1 dan ke halaman ke-2 Readmore...

The ReaL GeJe ^^

The ReaL GeJe ^^

KHASSIFA SI BINTU NAHL

KHASSIFA SI BINTU NAHL
"TELADANI LEBAH YANG SUCI DAN MENGOBATI"
 

About Me

Foto saya
Aku terlahir di mataram Lombok NTB pada bulan November 89..... sekarang lagi memempuh study Pendidikan Teknik Informatika di Universitas Negeri Malang.... prinsipQ..be ur self & Islam is one way solution.. sedikit keburukanku... Aduh!!!orangnya ancur2an,,,ceplas-ceplos....ceroboh...maaf y?!bagi yg udah tersinggung ma novi..

Tags Cloud

Blogumulus by Roy Tanck and Amanda Fazani

BlogUp