tag:blogger.com,1999:blog-74105264813104051172024-03-14T01:17:11.335-07:00Yudhi Trianto Belajar dengan tutorialYudhiaz Blacksiderhttp://www.blogger.com/profile/05923472980142736897noreply@blogger.comBlogger69125tag:blogger.com,1999:blog-7410526481310405117.post-60241945380817216342013-07-08T11:48:00.001-07:002013-07-08T12:37:23.140-07:00Karya yang kontroversial #Confuse<div dir="ltr" style="text-align: left;" trbidi="on">
Dah beberapa hari ini aku gambar Vector,...Pas kebetulan habis UAS jadi udah banyak waktu luang untuk ngambar Vector lagi.<br />
<br />
#Part1 of Confuse<br />
<br />
Sekitar 4 Hari lalu aku bikin/Tracing vector Mbak2 ber Jilbab,awal mulanya pas nongkrong di Sevel sama temenku (Pandos) dia ngajakin bikin gambar vector lagi, X ini Gambarnya di sama in katanya. (Maksud'e ngambarnya sama-sama Mbak2 itu) pertama cari di Google search : Wanita berjilbab,..banyak bget keluarnya,Pas liat kok ada Gambar Asmirandah (#part2)...Tapi resolusinya ngk terlalu cerah, Trus Akhirnya Pandos pun Dapet Gambar ini :<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-7D1ZJW1akzE/UdsOIzeCHTI/AAAAAAAAA0A/OPN7E-xptMU/s1600/jilbab.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-7D1ZJW1akzE/UdsOIzeCHTI/AAAAAAAAA0A/OPN7E-xptMU/s1600/jilbab.png" height="320" width="245" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Gambar Vector</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-UDeyd6tA2Fg/UdsCZURDAkI/AAAAAAAAAyk/982hZKhPfKE/s1600/1062484_356683647768301_798194417_n+(1).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-UDeyd6tA2Fg/UdsCZURDAkI/AAAAAAAAAyk/982hZKhPfKE/s1600/1062484_356683647768301_798194417_n+(1).jpg" height="320" width="247" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Gambar Aslinya</div>
<div class="separator" style="clear: both; text-align: justify;">
Yowes,Aku sih ngikut Aja......beberapa Hari kemudian Pandos pun dah Upload tuh Hasil vector kartunnya,Tapi Vector Aku blom aku upload/Publish ,Cos baru 30% jadinya...</div>
<div class="separator" style="clear: both; text-align: justify;">
Setelah 2 Hari nge-Pektor akhirnya jadi juga Gambarnya kaya Gini sih...</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-0XarqcPDyoM/UdsDYwditMI/AAAAAAAAAyw/WRmO4ZvUmLc/s1600/ramadan.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-0XarqcPDyoM/UdsDYwditMI/AAAAAAAAAyw/WRmO4ZvUmLc/s1600/ramadan.png" height="202" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-EToOu9Yu6-4/UdsDhZDaW_I/AAAAAAAAAy4/6XCBCxf_xyc/s1600/yudhi.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-EToOu9Yu6-4/UdsDhZDaW_I/AAAAAAAAAy4/6XCBCxf_xyc/s1600/yudhi.png" height="203" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
Habis itu aku coba Upload di KCI (Komunitas CorelDraw Indonesia) dan.....Banyak bget yang koment +Ngelike... Alhamdulilah tanggapannya Positif 29 like dan Beberapa comment yang Positif.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
#Part2 of Confuse</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Setelah gambar yang di atas di upload ,ada keingina buat gambar lagi.Akhirnya aku putusin gambar fotonya Asmirandah (cos ngefans).hihihihi</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-2iXd5-B24Zg/UdsFZYNfpYI/AAAAAAAAAzI/6ZIZeYxo9lg/s1600/asmirandah.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-2iXd5-B24Zg/UdsFZYNfpYI/AAAAAAAAAzI/6ZIZeYxo9lg/s1600/asmirandah.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Gambar Aslinya</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
1Hari ngambar vector Asmirandah baru jadi sebagian mukanya,trus aku coba-coba upload dulu buat bahan referensi commentnya gmana?...ternyata x ini banyak bget koment yang agak bersebrangan......</div>
<div class="separator" style="clear: both; text-align: justify;">
Ada yg bilang " Pake Software Vector Magic (Padahal aku blom tau tuh software),ada yang bilang pake AutoTrace (Padahal video tutorial yang aku download dari MasNdop ngk ada yang ngajarin pake AutoTrace) dan aku baru tau apa itu AutoTrace setelah tanya sama Master-master Vector yg lain...Ternyata ada Tool yg bikin Automatis gambar di tracing menjadi Vector....#Sumpah Baru Tau</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Lanjut.....</div>
<div class="separator" style="clear: both; text-align: justify;">
Akhirnya ya udh aku terusin aja gambarnya,Aku kelarin aja...so Keep Spirit !!!! dan hasilnya, Lihat di bawah ini kakak :</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-MFpBPO0A6QY/UdsG6Sne0CI/AAAAAAAAAzY/Qb2CrXRwnGk/s1600/AsmirandahReal.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-MFpBPO0A6QY/UdsG6Sne0CI/AAAAAAAAAzY/Qb2CrXRwnGk/s1600/AsmirandahReal.png" height="196" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Gambar Posterize ----- Gambar Vector</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-uztEu4TykQw/UdsHBWNF12I/AAAAAAAAAzg/ccXm3m6-1Y0/s1600/Asmirandahline.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-uztEu4TykQw/UdsHBWNF12I/AAAAAAAAAzg/ccXm3m6-1Y0/s1600/Asmirandahline.png" height="197" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Gambar Posterize ------ Gambar Wireframe</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-DhojlB6urA0/UdsLlNsyLyI/AAAAAAAAAzw/aTCLBNq-DHc/s1600/AsmirandahReal02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-DhojlB6urA0/UdsLlNsyLyI/AAAAAAAAAzw/aTCLBNq-DHc/s1600/AsmirandahReal02.png" height="156" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
Cakep kan Asmirandah in Vectornya.... Loved #ngarep.com</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Aku Coba lagi di Upload @KCI </div>
<div class="separator" style="clear: both; text-align: justify;">
dan hasilnya pun masih KONTROVERSI.....malahan ada yg bilang ini bukan gambar vector,Waduh makin sedih aku,padahal dah 2,5 hari ngerjainnya. Maka dari itu aku coba jelaskan 1 per satu, dari yang namanya WIREFRAME,Sampai yang bilang AutoTrace aku kasih buktinya,klo aku gambarnya Manual 100%......... ada yang dah ngerti dan ada juga yang masih blom percaya #yah masing-masing orang punya pendapat lain</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
"#Confuse : Pernah bikin Gambar vector yang biasa2 aja,cos masih dikit jam terbang,Pas di upload/publish banyak coment yg bilang :" Kurang transparasinya,kurang Mirip,Masih Kasar..etc",Skrng udh Kerja Keras Naikin Jam terbang and di bikin semirip mungkin,sedetail mungkin koment nya pun udh berbeda : "Pake AutoTrace,Pake VectorMagic dan yg paling Parah Itu Bukan Vector mas :_( " #Padahal dah kerja Keras Tracingnya...2 Hari Loh......#NangisBombay (-!_!-)."</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Aku ambil dari Statusku di FB "heheheh maklum masih...bener2 Binggung aku :(</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Tapi sejauh ini,Banyak juga komunitas yang selalu mendukung....dan Aku ngk akan putus sampai disini buat bikin Karya seni Vector (KeepSpirit)...."I will do my Best and I will be MySelf"</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Salam,</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
(Yudhiaz Blacksider)</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<br /></div>
Yudhiaz Blacksiderhttp://www.blogger.com/profile/05923472980142736897noreply@blogger.com2tag:blogger.com,1999:blog-7410526481310405117.post-89039558301248754772013-06-21T09:23:00.002-07:002013-06-30T11:42:25.583-07:00Remastering Slax 6.2.0 <div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-7VnPASaA960/UcR6PSd7xsI/AAAAAAAAAuo/NFzteAvdoKU/s1600/slax.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-7VnPASaA960/UcR6PSd7xsI/AAAAAAAAAuo/NFzteAvdoKU/s1600/slax.jpg" height="240" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><b>Remastering Slax 6.2.0 mengganti splash screen, dan gambar logout #TugasKuliah :)</b></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Selamat Malam dan Salam Super...!!!!</div>
<div class="separator" style="clear: both; text-align: justify;">
Menindak lanjuti tugas kuliah Sistem Operasi mengenai Remastering distro linux dimana pada kesempatan ini saya selaku panitia <strike>17 Agustus-an ingin meminta sumbangan</strike> #(lahhhh apa hubungannya... :)</div>
<div class="separator" style="clear: both; text-align: justify;">
Lanjjuuuutttttt.........</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Walaupun masih agak sakit nih badan (2 hari ngk masuk kerja,2hari ngk Kuliah akibat Diare dan Meriang alias masuk Angin) tapi masih di usahakan buat menyelesaikan tugas dari Kampus.</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Dan Akhirnya pun tugas Remasteringnya pun sudah selesai...Bisa lihat videonya di bawah ini :</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/S00MTKHwiqk" width="420"></iframe><br />
<br />
Maaf ya sebelumnya belum saya Share tutorialnya....Next menyusul :)<br />
<br />
(klo ngk,cari di mbok'de Youtube atau di om Google buanyak kok)<br />
<br />
Best Regards,<br />
<br />
(Yudhiaz Trianto)Yudhiaz Blacksiderhttp://www.blogger.com/profile/05923472980142736897noreply@blogger.com0tag:blogger.com,1999:blog-7410526481310405117.post-32320278324931558862013-06-01T11:47:00.001-07:002013-06-01T11:48:52.534-07:00What The Meaning "Blacksider"?<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-_7Nomu4dgU4/UapB_gF-XFI/AAAAAAAAAuU/QILeJEm7WIk/s1600/blacksider1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-_7Nomu4dgU4/UapB_gF-XFI/AAAAAAAAAuU/QILeJEm7WIk/s1600/blacksider1.png" height="228" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
Hahhahah...hihihihi....hehhehehehe...hhohohoho<br />
Salam Olahraga...Pagi-pagi gini bis pulang kerja enaknya ngapain yo? Posting di blog...<br />
<br />
Udah lama nih ngak posting di blog,..yoweslah posting wae,tapi ngk ada tema?<br />
ujuk-ujuk terlintas di kepala nama "Blacksider"..( lah iku kan nama Gahoooolllku )<br />
<br />
Yowes aku tak cerita asal-muasal nama "Blacksider" di belakang nama ku yang Keren "Yudhiaz"..hehehhe.<br />
<br />
BLACKSIDER terdiri dari dua kata BLACK dan SIDER, BLACK berarti Hitam SIDER berarti sisi,atau sebelah (Klo ngk percaya,translate aja di google) jadi blacksider itu artinya "Sisi hitam"....(Trus apa hubungannya dengan diri ini)...<br />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Hayooo..pasti penasaran ya? To be Coninue.......# yang Baca jangan Kepo ya :p</div>
Yudhiaz Blacksiderhttp://www.blogger.com/profile/05923472980142736897noreply@blogger.com0tag:blogger.com,1999:blog-7410526481310405117.post-27573489525265320042013-04-27T15:35:00.000-07:002013-04-27T20:56:19.435-07:00Teori Terbalik # By Yudhiaz Blacksider<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-ByRoOUNXCCc/UXxMjur5TDI/AAAAAAAAAtc/msaL-ngwCs8/s1600/teori.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-ByRoOUNXCCc/UXxMjur5TDI/AAAAAAAAAtc/msaL-ngwCs8/s1600/teori.png" height="175" width="320" /></a></div>
<br />
<br />
<br />
<br />
Selamat Pagi,...Kakak :)<br />
<br />
<div style="text-align: justify;">
Beberapa hari ini banyak sekali mengalami kejadian yang luar biasa dan ngk bisa di sebutkan satu-persatu.Namun itu semua menyadarkan saya mengenai 1 hal,Apa itu? adalah "Teori Terbalik".....Opo iki toh? Ok saya kasih salah satu 1 contoh kejadian :<br />
Misalnya nya nih, Kamu menemukan suatu barang Contoh : Handphone atau dompet trus apa yang ada di dalam benak kamu???</div>
<span style="text-align: justify;">Menggambilnya? atau Mengembalikannya? #klo uangnya banyak atau HPnya bagus ya di ambil aja (Negatif Thinking).Coba Sampean renungkan misalnya keadaanya TERBALIK anda yang kehilangan barang tersebut,Perasaan anda bagaimana????? Resah,Gelisah,Panik, itu lah yang di alami setiap orang yang merasa kehilangan suatu benda atau barang yang ber harga.</span><br />
<div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Sekarang coba anda pikirkan lagi bila anda melakukan sesuatu yang bukan Hak Anda Berpikirlah bahwa anda itu di posisi yang Terambil Haknya,Jangan memposisikan anda sebagai pelakunya...!!! (Egois itu namanya)<br />
<br />
Itulah yang saya Maksud "Teori Terbalik"...Udah ngerti toohhh??? klo belum ngerti coba lagi di pahami,dan di baca lagi dari atas.<br />
<br />
"Ingat Kekayaan,Kebahagiaan,Kemewahan yang serba Duniawi itu cuma Sementara,Namun Kebaikan,Kejujuran,Kebenaran adalah Bekal di Akhirat Nanti"<br />
<br />
<br /></div>
<div style="text-align: justify;">
Ditulis Oleh: Yudhiaz Blacksider</div>
<br />
<br />
<br /></div>
Yudhiaz Blacksiderhttp://www.blogger.com/profile/05923472980142736897noreply@blogger.com2tag:blogger.com,1999:blog-7410526481310405117.post-60053116620029129652013-03-30T14:23:00.001-07:002013-03-30T14:23:03.574-07:00Heavenly Blush Yogurt To Go #Yoguroto<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-dsVyVZ1Sdq0/UVdJiwFy-gI/AAAAAAAAAs4/qpLOyJrmCSU/s1600/Yogoroto02.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="172" src="http://2.bp.blogspot.com/-dsVyVZ1Sdq0/UVdJiwFy-gI/AAAAAAAAAs4/qpLOyJrmCSU/s320/Yogoroto02.png" width="320" /></a></div>
Selamat bermalam mingguan saudara-saudara ku sekalian....# yah begini lah klo Jomblo malem minggu bukannya ngapel malah di rumah aja trus posting di blog# Yowesss...lupakan lah pacaran,Fokus sama Kuliah dulu (lah hubungannya apa sama Postingan ini..hehehehe)......!!! Oke kembali ke Tangktop..Upsss salah ke Topik pembahasan maksudnya :). Begini ceritanya :<br />
<div style="text-align: justify;">
Sabtu,30 Maret 2013 saya udah ada janji dengan temen kuliah (Pandos dan Tya) untuk mengerjakan tugas kelompok di kampus yaitu mata kuliah Sistem Informasi Manjemen.Janjian sih jam 4 sore di 7Eleven (Sevel) di daerah Mampang Jakarta selatan,Tapi biasa lah di karenakan Macet jadi molor sampai jam 5 sore (Lah kan hari libur mas,..kok macet?)...#mikir cari alasan lain :)# </div>
<div style="text-align: justify;">
Jam menunjukan pukul 4:30 sore,saya pun bbm pandi "Bray lo dah dimana?"....cicuit..cicuit bb saya bunyi (kebetulan ringtone bb saya suara burung berkicau...mantap kan???) " gw lagi nunggu Busway bray,lama banget"....15 menit menit kemudian saya bbm lagi dengan kata-kata yang sama,dan cicuit..cicuit bb saya bunyi lagi "Gw dah di kuningan bray..otw ke Sevel,mang lo dimana?"....kemudian saya men jawab bbm dari pandi " Gw masih makan bray di warteg ...heheheh"...pandi pun menjawab dengan emotion kesel and sedih..(hehehehe..)</div>
<div style="text-align: justify;">
Sekitar 15 menit kemudian saya pun tiba di Sevel dan ternyata Pandi pun blom dateng.Oke sambil nunggu pandi dateng saya pun milih-milh minuman dan cemilan....TIBA-tiba dari jauh saya melihat produk minuman yogurt yang tidak asing di mata saya (penasaran membahana)...kemudian saya pun menghampiri lemari pendingin yang ada di sevel tersebut...dan ternyata produk itu adalah HEAVENLY BLUSH Yogurt To Go#Yoguroto (Tetrapack)...wahhhhh dengan perasaan Bangga,seneng,bercampur bahagia....ternyata produk yang dulu pernah saya Riset udah masuk ke sevel ( sedikit info aja klo saya ini bekerja di Heavenly Blush...sebagai Marketing support dan IT support juga hehehehe..) tempat dimana saya sering banget nongkrong sama temen-temen kuliah.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-upZZzEcyQ5M/UVdUMo-HpII/AAAAAAAAAtI/ahU4r3JaL2M/s1600/ydtg1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://3.bp.blogspot.com/-upZZzEcyQ5M/UVdUMo-HpII/AAAAAAAAAtI/ahU4r3JaL2M/s320/ydtg1.png" width="132" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
10 menit kemudian Pandi pun dateng....dan ternyata dia membawa produk Heavenly blus Yogurt to Go...(memang temen saya ini kecanduan produk Heavenly Blush semenjak saya ajak ke outletnya di Plaza indonesia) katanya Yogurt Frozennya enak apalagi minumannya enak banget ( ya jelas enak lah..kan yang bayarin gw..hadeh!!!).Setelah beberapa menit berbicara mengenai tugas kelompok Tya pun dateng dengan Cowoknya (Arif)...beberapa saat kemudian tya ke bawah untuk beli cemilan..(kebetulan kami berada di lantai 2) dan setelah kembali dari beli cemilan Ternyata tya pun beli Yogurt To Go juga....Hehehehe Timbul perasaan bangga juga saya,Ternyata temen-temen saya suka sekali dengan produk Heavenly Blush.</div>
<div style="text-align: justify;">
Bagi temen-temen yang ingin coba Produk Heavenly Blush bisa ke Outlet ter dekatnya lohhhh....adanya di Pondok Indah Mall,Plaza Indonesia dan Mall Kelapa Gading 3 di outletnya terdapat semua produk yang di keluarkan di Heavenly Blush yaitu Frozen Yogurt,Yogurt Drink Botol,Yogurt To Go,aneka Cake dan salad,Minuman Boostup Drink dan Coffe.Tapi kalau temen-temen yang tinggal di luar jakarta bisa mencoba produk Heavenly Blush yang Yogurt to Go nya di supermarket-supermarket terdekat..<br />
Oiya untuk Produk Yogurt To Go sudah ada iklannya loh di Tipi....cekidot</div>
<div style="text-align: justify;">
.
<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/comslGLqFjI" width="420"></iframe>
<br />
Sekedar informasi juga nih kalo Heavenly Blush itu adalah Sister Company dari PT. Nutrifood Indonesia loh....itu loh Nutrisari,L-men,Hilo,WRP sama Tropicana Slim adalah produk dari Nutrifood.<br />
<br />
Hadeh..udah capek saya nih nulisnya....besok disambung lagi yoooo...#Cemungut kakak.....</div>
<div style="text-align: justify;">
</div>
</div>
Yudhiaz Blacksiderhttp://www.blogger.com/profile/05923472980142736897noreply@blogger.com2tag:blogger.com,1999:blog-7410526481310405117.post-28798039411946648802013-03-24T00:25:00.001-07:002013-03-24T00:25:32.434-07:00Sebuah Karya Dari sang Vectoria<div dir="ltr" style="text-align: left;" trbidi="on">
Suatu hari saat lagi galau 2012 saya iseng-iseng browsing di internet (Indomie telor kornet),..eh ngk di nyana ketemu sama blognya mas Ndop ( www.dzofar.com ),blognya lucu,orangnya lucu dan yang paling mantap karyanya itu lho,..#Cetar banget#..lanjut lagi, inilah yang saya cari,minat saya menggambar sejak kecil bisa di tuangkan berkat blog ini.<br />
<div>
<br /></div>
<div>
Semula saya belajar dari tutorial yang ada di blognya mas ndop,saya liat di Youtube dan saya download 1 per 1,kemudian saya praktekan dan hasilnya....Amburadul ra' jelas ini contohnya :<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-tzjRehiOgPw/UU6maQGYBoI/AAAAAAAAAsI/Uw1jEi1CUIc/s1600/394397_3217964067774_17798149_n+(1).jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://3.bp.blogspot.com/-tzjRehiOgPw/UU6maQGYBoI/AAAAAAAAAsI/Uw1jEi1CUIc/s320/394397_3217964067774_17798149_n+(1).jpg" width="310" /></a></div>
<div class="separator" style="clear: both; text-align: justify;">
Kemudian saya udah ngk belajar lagi ngevector,..#ngk Mood#. 1bulan, 3 bulan, 6bualn pun berlalu..</div>
<div class="separator" style="clear: both; text-align: justify;">
ujug-ujug =( Tiba-tiba) ada mood lagi buat gambar vector setelah liat blognya mas ndop lagi dengan berbagai inovasi karyanya.Dengan slogan Anti galau 2013 dan anti Mainstream dari blognya mas ndop saya mulai belajar lagi ngevector dan hasilnya : Not bad lah..kakak</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-c97kXwO4FzQ/UU6pDgqy1SI/AAAAAAAAAsQ/kWc9eMat_3w/s1600/21660_3899676270153_1068748624_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="241" src="http://3.bp.blogspot.com/-c97kXwO4FzQ/UU6pDgqy1SI/AAAAAAAAAsQ/kWc9eMat_3w/s320/21660_3899676270153_1068748624_n.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-AeXjkDrEUlM/UU6pfWTfXoI/AAAAAAAAAsY/ibEyp_eisQQ/s1600/Pandos3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="142" src="http://4.bp.blogspot.com/-AeXjkDrEUlM/UU6pfWTfXoI/AAAAAAAAAsY/ibEyp_eisQQ/s320/Pandos3.png" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-umU2Iy94NbY/UU6plzVOwVI/AAAAAAAAAsg/f5ie9T9cGqo/s1600/Anjing+Collie.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="102" src="http://2.bp.blogspot.com/-umU2Iy94NbY/UU6plzVOwVI/AAAAAAAAAsg/f5ie9T9cGqo/s320/Anjing+Collie.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Yah seperti itulah hasilnya, walaupun blom sebagus punya mas Ndop,yang penting saya udah usaha toh,...hehehehe.</div>
<div class="separator" style="clear: both; text-align: justify;">
Jika sobat semua mau belajar ngevector silahkan aja kunjungi Blognya mas ndop di : www.dzofar.com</div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
Selamat Belajar Vector kakak.... :D</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: justify;">
<br /></div>
<br /></div>
<div>
<span id="goog_637738389"></span><span id="goog_637738390"></span><br />
<div>
<div>
<br /></div>
<div>
<br />
<div>
<br /></div>
<div>
</div>
</div>
</div>
</div>
</div>
Yudhiaz Blacksiderhttp://www.blogger.com/profile/05923472980142736897noreply@blogger.com2tag:blogger.com,1999:blog-7410526481310405117.post-78913419334361432912013-03-23T13:40:00.001-07:002013-03-23T13:44:27.048-07:00Impossible with Lyric<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-_DgwH15U9B8/UU4UG3I9HiI/AAAAAAAAAr0/TaHP3quxqqE/s1600/blog.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-_DgwH15U9B8/UU4UG3I9HiI/AAAAAAAAAr0/TaHP3quxqqE/s1600/blog.png" /></a></div>
<br /></div>
<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/QQn2x_f5Ww0" width="560"></iframe><br />
<br />
Iseng-iseng bikin cover lagu Impossible yang di nyanyiin sama James Arthur Juara X-Factor Australia 2012<br />
<br />
Semoga enjoy dengerinnya kakak....</div>
Yudhiaz Blacksiderhttp://www.blogger.com/profile/05923472980142736897noreply@blogger.com0tag:blogger.com,1999:blog-7410526481310405117.post-43807614294676106812013-01-30T06:33:00.001-08:002013-01-30T06:44:14.591-08:00JQuery Window Closer<!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></title>
<style type="text/css">
body { font-family:Lucida Sans, Lucida Sans Unicode, Arial, Sans-Serif; font-size:13px; color:#CCFF00; margin:0;}
p { margin:20px; padding:0;}
.demoheader { background-color:#000; color:#CCFF00; padding:10px; margin:0 0 20px; overflow:hidden;}
.demoheader img, .demoheader div { float:left;}
.demoheader div { margin:10px 0 0 20px;}
.demoheader a { color:#CCFF00;}
#container { width:960px; margin:0px auto; position:relative; list-style:none;}
#container li { width:150px; height:100px; position:absolute; top:0; left:0;
text-align:center; border:solid 1px #aaa; cursor:pointer;
-moz-box-shadow: 0px 0px 3px #888; -webkit-box-shadow: 0px 0px 3px #888; box-shadow: 0px 0px 3px #888;
-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
background:#e0e0e0 url(bkg.png) repeat-x scroll left top;}
#container li a { color:#222; text-decoration:none;}
#container li.current { border:solid 1px #888; background:#CCFF00 url(bkg-current.png) repeat-x scroll left top; cursor:default;}
#container li.current a { color:#0010a9; text-decoration:underline;}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var itemWidth = $("#container li").width();
// hide 50% of each window
var itemPosition = itemWidth * 50 / 100;
// slide each window 60% if its width
var itemMove = itemWidth * 60 / 100;
// move windows below eachother
$("#container li").each(function(i) {
$(this).attr("id", i).css("z-index", 100 - i).css("left", itemPosition * i);
});
$("#container li").click(function(e) {
var currentID = parseInt($(".current").attr("id"));
var clickedID = parseInt($(this).attr("id"));
if (currentID != clickedID) {
e.preventDefault();
var currentZ = 99;
var current = $(this);
setTimeout(function() { $(".current").removeClass("current"); current.css("z-index", currentZ).addClass("current"); }, 500);
if (clickedID > currentID) {
var i = 1;
var total = clickedID - currentID + 1;
for (j = clickedID - 1; j >= 0; j = j - 1) {
$("#" + j).animate({ "left": "-=" + itemMove * (i) + "px" }, 500);
$("#" + j).animate({ "left": "+=" + itemMove * (i) + "px" }, 300);
i = i + 1;
}
var i = 1;
setTimeout(function() {
for (j = clickedID - 1; j >= 0; j = j - 1) {
$("#" + j).css("z-index", total - i);
i = i + 1;
}
}, 500);
}
else {
var i = 1;
var total = $("#container li").length;
for (j = clickedID + 1; j <= total; j = j + 1) {
$("#" + j).animate({ "left": "+=" + itemMove * i + "px" }, 500);
$("#" + j).animate({ "left": "-=" + itemMove * i + "px" }, 300);
$("#" + j).css("z-index", currentZ - i);
i = i + 1;
}
}
}
});
});
</script>
</head>
<body>
<ul id="container">
<li class="current"><p>Make a website is Fun say Yudhiaz</p></li>
<li><p>Go to<br /><a href="http://www.jankoatwarpspeed.com">Warp Speed</a> blog</p></li>
<li><p>Go to<br /><a href="http://www.jquery.com">jQuery</a></p></li>
<li><p>Go to<br /><a href="http://www.opera.com/mobile/">Opera Mobile</a></p></li>
</ul>
</body>
</html>
<br>
<br>
<br>Yudhiaz Blacksiderhttp://www.blogger.com/profile/05923472980142736897noreply@blogger.com3tag:blogger.com,1999:blog-7410526481310405117.post-15839968484825151702013-01-29T09:56:00.001-08:002013-01-29T11:00:28.395-08:00Macam-Macam Slide with JQuery<center>
<script src=" http://kodecode.googlecode.com/files/animation1.js " type="text/javascript">
</script><script src="http://kodecode.googlecode.com/files/animation2.js" type="text/javascript"></script>
<script src="http://kodecode.googlecode.com/files/animation3.js" type="text/javascript">
</script><style type="text/css">
.amdhas { height: 132px; width: 232px; padding:0; margin:0; overflow: hidden; -webkit-box-shadow: 2px 2px 4px #000;-moz-box-shadow: 2px 2px 4px #000;-moz-border-radius: 5px; -webkit-border-radius: 5px;}.amdhas img { height: 100px; width: 200px; padding: 15px; border: 1px solid #ccc; background-color: #f8f8ff;-webkit-border-radius: 5px;-moz-border-radius: 5px;}</style><div class="amdhas" id="ke1">
<img src="http://i1234.photobucket.com/albums/ff407/nining_gaudi/ydi.png" height="200" width="400" />
<img src="http://i1234.photobucket.com/albums/ff407/nining_gaudi/394397_3217964067774_17798149_n.jpg" height="200" width="400" />
<img src="http://i1234.photobucket.com/albums/ff407/nining_gaudi/418863_3156563572800_1249243268_n.jpg" height="200" width="400" /></div>
<script type="text/javascript">
$('#ke1').cycle({
fx: 'shuffle',
delay: -4000
});
</script></center>
<center>
<script src=" http://kodecode.googlecode.com/files/animation1.js " type="text/javascript">
</script><script src="http://kodecode.googlecode.com/files/animation2.js" type="text/javascript"></script>
<script src="http://kodecode.googlecode.com/files/animation3.js" type="text/javascript">
</script><style type="text/css">
.amdhas { height: 132px; width: 232px; padding:0; margin:0; overflow: hidden; -webkit-box-shadow: 2px 2px 4px #000;-moz-box-shadow: 2px 2px 4px #000;-moz-border-radius: 5px; -webkit-border-radius: 5px;}.amdhas img { height: 100px; width: 200px; padding: 15px; border: 1px solid #ccc; background-color: #f8f8ff;-webkit-border-radius: 5px;-moz-border-radius: 5px;}</style><div class="amdhas" id="ke3">
<img src="http://i1234.photobucket.com/albums/ff407/nining_gaudi/ydi.png" height="200" width="400" />
<img src="http://i1234.photobucket.com/albums/ff407/nining_gaudi/394397_3217964067774_17798149_n.jpg" height="200" width="400" />
<img src="http://i1234.photobucket.com/albums/ff407/nining_gaudi/418863_3156563572800_1249243268_n.jpg" height="200" width="400" /></div>
<script type="text/javascript">
$('#ke3').cycle({fx:'scrollDown',speedIn: 2000,speedOut: 500,easeIn:'bounceout',easeOut: 'backin',delay:-2000});
</script></center>
<center>
<script src=" http://kodecode.googlecode.com/files/animation1.js " type="text/javascript">
</script><script src="http://kodecode.googlecode.com/files/animation2.js" type="text/javascript"></script>
<script src="http://kodecode.googlecode.com/files/animation3.js" type="text/javascript">
</script><style type="text/css">
.amdhas { height: 132px; width: 232px; padding:0; margin:0; overflow: hidden; -webkit-box-shadow: 2px 2px 4px #000;-moz-box-shadow: 2px 2px 4px #000;-moz-border-radius: 5px; -webkit-border-radius: 5px;}.amdhas img { height: 100px; width: 200px; padding: 15px; border: 1px solid #ccc; background-color: #f8f8ff;-webkit-border-radius: 5px;-moz-border-radius: 5px;}</style><div class="amdhas" id="ke2">
<img src="http://i1234.photobucket.com/albums/ff407/nining_gaudi/ydi.png" height="200" width="400" />
<img src="http://i1234.photobucket.com/albums/ff407/nining_gaudi/394397_3217964067774_17798149_n.jpg" height="200" width="400" />
<img src="http://i1234.photobucket.com/albums/ff407/nining_gaudi/418863_3156563572800_1249243268_n.jpg" height="200" width="400" /></div>
<script type="text/javascript">
$('#ke2').cycle({
fx: 'zoom',
sync: 0,
delay: -4000
});
</script></center>Yudhiaz Blacksiderhttp://www.blogger.com/profile/05923472980142736897noreply@blogger.com0tag:blogger.com,1999:blog-7410526481310405117.post-35844533229171987332013-01-29T08:01:00.000-08:002013-01-29T08:52:27.643-08:00Check Box with JQuery<html>
<head>
<title> Check Box </title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#ceksemua').click(function () {
$(this).parents('fieldset:eq(0)').find(':checkbox').attr('checked', this.checked);
});
});
</script>
</head>
<body>
<div class="demo" style="width: 250px;">
<form>
<h4>Mata Kuliah yang Anda minati?: </h4><br>
<fieldset>
<input type="checkbox" name="cek1"> Struktur Data<br>
<input type="checkbox" name="cek2"> Character Building<br>
<input type="checkbox" name="cek3"> Manajemen<br>
<input type="checkbox" name="cek4"> Perancangan Basis data<br>
<input type="checkbox" name="cek5"> Bahasa Inggris<br><hr>
<input type="checkbox" id="ceksemua"> Check All<br>
</fieldset>
</form>
</div>
</body>
</html>Yudhiaz Blacksiderhttp://www.blogger.com/profile/05923472980142736897noreply@blogger.com0tag:blogger.com,1999:blog-7410526481310405117.post-74979007728827564592013-01-29T07:33:00.003-08:002013-01-29T07:46:45.630-08:00CSS dan JQuery # 01
<html>
<head>
<div dir="ltr" style="text-align: left;" trbidi="on">
<title>index</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script charset="utf-8" type="text/javascript">
$(window).load(function(){
//set and get some variables
var thumbnail = {
imgIncrease : 100, /* the image increase in pixels (for zoom) */
effectDuration : 400, /* the duration of the effect (zoom and caption) */
/*
get the width and height of the images. Going to use those
for 2 things:
make the list items same size
get the images back to normal after the zoom
*/
imgWidth : $('.thumbnailWrapper ul li').find('img').width(),
imgHeight : $('.thumbnailWrapper ul li').find('img').height()
};
//make the list items same size as the images
$('.thumbnailWrapper ul li').css({
'width' : thumbnail.imgWidth,
'height' : thumbnail.imgHeight
});
//when mouse over the list item...
$('.thumbnailWrapper ul li').hover(function(){
$(this).find('img').stop().animate({
/* increase the image width for the zoom effect*/
width: parseInt(thumbnail.imgWidth) + thumbnail.imgIncrease,
/* we need to change the left and top position in order to
have the zoom effect, so we are moving them to a negative
position of the half of the imgIncrease */
left: thumbnail.imgIncrease/2*(-1),
top: thumbnail.imgIncrease/2*(-1)
},{
"duration": thumbnail.effectDuration,
"queue": false
});
//show the caption using slideDown event
$(this).find('.caption:not(:animated)').slideDown(thumbnail.effectDuration);
//when mouse leave...
}, function(){
//find the image and animate it...
$(this).find('img').animate({
/* get it back to original size (zoom out) */
width: thumbnail.imgWidth,
/* get left and top positions back to normal */
left: 0,
top: 0
}, thumbnail.effectDuration);
//hide the caption using slideUp event
$(this).find('.caption').slideUp(thumbnail.effectDuration);
});
});
</script>
<style media="screen" type="text/css">
body { background-color:#292929; color:white;text-align:left; font-family: 'georgia'; font-size: 13px; } /* not important */
.thumbnailWrapper { width:600px; margin:0px auto; } /* not important */
.thumbnailWrapper ul {
list-style-type: none; /* remove the default style for list items (the circles) */
margin:0px; /* remove default margin */
padding:0px; /* remove default padding */
}
.thumbnailWrapper ul li {
float:left; /* important: left float */
position:relative; /* so we can use top and left positioning */
overflow:hidden; /* hide the content outside the boundaries (ZOOM) */
}
.thumbnailWrapper ul li a img {
width:200px; /* not important, the pics we use here are too big */
position:relative; /* so we can use top and left positioning */
border:none; /* remove the default blue border */
}
.caption{
position:absolute; /* needed for positioning */
bottom:0px; /* bottom of the list item (container) */
left:0px; /* start from left of the list item (container) */
width:100%; /* stretch to the whole width of container */
display:none; /* hide by default */
/* styling bellow */
background:#0c4b62;
color:white;
opacity:0.9;
}
.caption .captionInside{
/* just styling */
padding:10px;
margin:0px;
}
.clear { clear:both; } /* to clear the float after the last item */a{ color:#FFCC00;}
</style>
</head>
<body>
</body></html>
<!-- start thumbnailWrapper div -->
<br />
<div class="thumbnailWrapper">
<!-- start unordered list -->
<br />
<ul>
<li>
<a href="http://www.blogger.com/blogger.g?blogID=7410526481310405117#"><img src="http://i1234.photobucket.com/albums/ff407/nining_gaudi/4.jpg" /></a>
<div class="caption">
<div class="captionInside">
Coffe Late</div>
</div>
</li>
<li>
<a href="http://www.blogger.com/blogger.g?blogID=7410526481310405117#"><img src="http://i1234.photobucket.com/albums/ff407/nining_gaudi/14.png" /></a>
<div class="caption">
<div class="captionInside">
Temporium</div>
</div>
</li>
<li>
<a href="http://www.blogger.com/blogger.g?blogID=7410526481310405117#"><img src="http://i1234.photobucket.com/albums/ff407/nining_gaudi/1.jpg" /></a>
<div class="caption">
<div class="captionInside">
Coffe nerd</div>
</div>
</li>
<li>
<a href="http://www.blogger.com/blogger.g?blogID=7410526481310405117#"><img src="http://i1234.photobucket.com/albums/ff407/nining_gaudi/13.jpg" /></a>
<div class="caption">
<div class="captionInside">
Para Chute</div>
</div>
</li>
<li>
<a href="http://www.blogger.com/blogger.g?blogID=7410526481310405117#"><img src="http://i1234.photobucket.com/albums/ff407/nining_gaudi/11.png" /></a>
<div class="caption">
<div class="captionInside">
Umbrella</div>
</div>
</li>
<li>
<a href="http://www.blogger.com/blogger.g?blogID=7410526481310405117#"><img src="http://i1234.photobucket.com/albums/ff407/nining_gaudi/9.png" /></a>
<div class="caption">
<div class="captionInside">
Mixed Pome</div>
</div>
</li>
</ul>
</div>
<!-- clear the float -->
<!-- end unordered list -->
<!-- end spolightWrapper div -->
</div>Yudhiaz Blacksiderhttp://www.blogger.com/profile/05923472980142736897noreply@blogger.com0tag:blogger.com,1999:blog-7410526481310405117.post-63970594499234064652013-01-27T06:59:00.001-08:002013-01-29T11:16:11.878-08:00Belajar JQuery<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-rihScavJypo/UQVQw_xvXiI/AAAAAAAAAqs/W37iydMDHEg/s1600/jquery1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: left;"><img border="0" src="http://3.bp.blogspot.com/-rihScavJypo/UQVQw_xvXiI/AAAAAAAAAqs/W37iydMDHEg/s1600/jquery1.png" /></a></div>
<div style="text-align: left;">
Halo sobat,</div>
</div>
<div style="text-align: justify;">
Lagi belajar program JQuery,sembari belajar sekalian di share aja ya sobat,...(Maaf klo masih salah-salah :)</div>
<div style="text-align: justify;">
Kali ini saya ingin share mengenai JQuery? Opo to kuwi mas Yudhi?.. # Waduh di Panggil Mas,mang nama gw Thomas # Hahahaha...<br />
<br />
JQuery adalah sebuah library Javascript yang sangat ringkas dan sederhana untuk memanipulasi komponen di dokumen HTML,menangani event,animasi,efek dan memproses interaksi ajax.JQuery di rancang sedemikian rupa supaya membuat program javascript menjadi relatif sangat mudah,sesuai dengan Slogan nya <span style="color: #a64d79;">"<i>write less,do more</i>"</span>,Menulis kode lebih sedikit,tetapi melakukan pekerjaan lebih banyak.(kaya iklan Rokok ya...Hahahaha),Namun dalam hal ini saya akan posting beberapa contoh latihan menggunakan bahasa CSS dan JQuery.Untuk lebih detailnya bisa di tanya ya,..sama mbah Google.</div>
<div style="text-align: justify;">
</div>
<ol>
<li><b>Contoh Program sederhana (Tampil dan Sembunyi)</b></li>
</ol>
<br />
<div style="text-align: justify;">
</div>
<ul>
<li>1.Copy script di bawah ini di Text Editor (Notepad++,Php coder,Dreamveawer..lan lio lia ne'..)</li>
</ul>
<div>
<div>
<span style="color: yellow;"><html></span></div>
<div>
<span style="color: yellow;"><head></span></div>
<div>
<span style="color: yellow;"><title> </title></span></div>
<div>
<span style="color: yellow;"><script type="text/javascript" src="jquery-1.7.min.js"></span></div>
<div>
<span style="color: yellow;"></script></span></div>
<div>
<span style="color: yellow;"><script type="text/javascript"></span></div>
<div>
<span style="color: yellow;">$(document).ready(function(){</span></div>
<div>
<span style="color: yellow;"> $(".sembunyi").click(function(){</span></div>
<div>
<span style="color: yellow;"><span class="Apple-tab-span" style="white-space: pre;"> </span> $("#foto").hide("slow");</span></div>
<div>
<span style="color: yellow;"><span class="Apple-tab-span" style="white-space: pre;"> </span> })</span></div>
<div>
<span style="color: yellow;"><span class="Apple-tab-span" style="white-space: pre;"> </span> $(".tampil").click(function(){</span></div>
<div>
<span style="color: yellow;"><span class="Apple-tab-span" style="white-space: pre;"> </span> $("#foto").show("slow");</span></div>
<div>
<span style="color: yellow;"><span class="Apple-tab-span" style="white-space: pre;"> </span> });</span></div>
<div>
<span style="color: yellow;"><span class="Apple-tab-span" style="white-space: pre;"> </span> });</span></div>
<div>
<span style="color: yellow;"><span class="Apple-tab-span" style="white-space: pre;"> </span> </script></span></div>
<div>
<span style="color: yellow;"></head></span></div>
<div>
<span style="color: yellow;"><body></span></div>
<div>
<span style="color: yellow;"><button class="sembunyi">Sembunyi</button></span></div>
<div>
<span style="color: yellow;"><button class="tampil">Tampil</button></span></div>
<div>
<span style="color: yellow;"><p><img id="foto" src="</span><span style="color: red;">Css.jpg</span><span style="color: yellow;">"></p></span></div>
<div>
<span style="color: yellow;"></body></span></div>
<div>
<span style="color: yellow;"></html></span></div>
</div>
<div>
<ul>
<li>2.Siap kan sebuah Gambar (Terserah opo wae yo jeneng'e..format'e JPG,PNG,GIF,pokok'e Sakarepmu dewe)</li>
<li>3.Ganti tulisan yang berwarna merah,dengan Gambar yang telah di siapkan tadi</li>
<li>4.Save ke format HTML</li>
<li>5.Bim..sala..bim jadi apa prok..prok..prok ( Liat preview di bawah )</li>
<li>6. Klik "Sembunyi" dan "Tampil".</li>
</ul>
<div>
<br /></div>
</div>
<div>
<br /></div>
<div>
</div>
<br />
<div style="text-align: justify;">
<span style="color: #222222; font-family: arial, sans-serif; font-size: x-small;"><span style="line-height: 15.989583969116211px;"><br /></span></span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<html>
<head>
<title> </title>
<script src="jquery-1.7.min.js" type="text/javascript">
</script>
<script type="text/javascript">
$(document).ready(function(){
$(".sembunyi").click(function(){
$("#foto").hide("slow");
})
$(".tampil").click(function(){
$("#foto").show("slow");
});
});
</script>
</head>
<body>
<button class="sembunyi">Sembunyi</button>
<button class="tampil">Tampil</button>
<img id="foto" src="http://i1234.photobucket.com/albums/ff407/nining_gaudi/jquery1.png" /><br />
</body>
</html></div>
Yudhiaz Blacksiderhttp://www.blogger.com/profile/05923472980142736897noreply@blogger.com0tag:blogger.com,1999:blog-7410526481310405117.post-35500594242331259132013-01-14T08:33:00.000-08:002013-01-14T08:33:14.947-08:00Struktur Data<span style="font-family: Times, Times New Roman, serif;"><b>Struktur Data</b> <i>adalah</i> : suatu koleksi atau kelompok data yang dapat dikarakteristikan oleh organisasi serta operasi yang didefinisikan terhadapnya</span><br />
<span style="font-family: Times, Times New Roman, serif;">Pada garis besarnya, Data dapat dikategorikan menjadi :</span><br />
<span style="font-family: Times, Times New Roman, serif;"><b>A. Type Data Sederhana / Data Sederhana</b> </span><br />
<span style="font-family: Times, Times New Roman, serif;"> Terdiri dari : </span><br />
<span style="font-family: Times, Times New Roman, serif;">1. Data Sederhana Tunggal Misalnya : <i>Integer, Real/Float, Boolean dan Character </i></span><br />
<span style="font-family: Times, Times New Roman, serif;">2. Data Sederhana Majemuk Misalnya : <i>String </i> </span><br />
<span style="font-family: Times, Times New Roman, serif;"><b>B. Struktur Data</b> </span><br />
<span style="font-family: Times, Times New Roman, serif;"> Terdiri dari : </span><br />
<span style="font-family: Times, Times New Roman, serif;">1. Struktur Data Sederhana Misalnya: <i>Array dan Record.</i></span><br />
<span style="font-family: Times, Times New Roman, serif;">2. <u>Struktur Data Majemuk</u><u><br />
</u> Terdiri dari
:<br />
a.
<u>Linier</u><br />
Misalnya
: Stack, Queue dan Linear Linked List.<br />
b. <u>Non</u><u> L</u><u>inier</u>
<br />
Misalnya
: Pohon
(Tree), Pohon
Biner (BinaryTree),
Pohon Cari Biner (Binary Search Tree),</span><br />
<span style="font-family: Times, Times New Roman, serif;"> General Tree serta Graph.</span><span style="font-family: Arial; font-size: 24pt;"><br /></span><br />
<br />
<div style="direction: ltr; margin-bottom: 0pt; margin-top: 0pt; text-align: left; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Georgia, Times New Roman, serif;"><span style="font-weight: bold;">TYPE DATA SEDERHANA</span><span style="font-weight: bold;"> </span></span></div>
<div style="direction: ltr; language: en-US; margin-bottom: 0pt; margin-top: 0pt; text-align: center; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Georgia, Times New Roman, serif;"><span style="font-weight: bold;">(</span><span style="font-weight: bold;">Dalam</span><span style="font-weight: bold;">
Program C++)</span></span><span style="font-family: Arial; font-size: 24pt;"> </span></div>
<div style="direction: ltr; margin-bottom: 0pt; margin-top: 0pt; text-align: left; unicode-bidi: embed; vertical-align: baseline;">
</div>
<div style="direction: ltr; margin-bottom: 0pt; margin-left: 0.5in; margin-top: 0pt; text-indent: -0.5in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, Times New Roman, serif;"><span style="font-weight: bold;">1. </span><span style="font-weight: bold;">INTEGER</span></span></div>
<div style="direction: ltr; margin-bottom: 0pt; margin-left: 0.5in; margin-top: 0pt; text-indent: -0.5in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, Times New Roman, serif;"> Merupakan
Bilangan
Bulat dan
tidak mengandung pecahan. seperti
: ...-3,-2,-1,0,1,2,3,...</span></div>
<div style="direction: ltr; margin-bottom: 0pt; margin-left: 0.5in; margin-top: 0pt; text-align: start; text-indent: -0.5in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, 'Times New Roman', serif; text-align: center; text-indent: -0.5in;"> </span><span style="font-family: Times, 'Times New Roman', serif; font-weight: bold; text-align: center; text-indent: -0.5in;">Type data Integer</span></div>
<div style="direction: ltr; margin-bottom: 0pt; margin-left: 0.5in; margin-top: 0pt; text-align: left; text-indent: -0.5in; unicode-bidi: embed; vertical-align: baseline;">
<a href="http://1.bp.blogspot.com/-ftxApH7OtOc/UPQus0TDkLI/AAAAAAAAApQ/C3J2trm0fzI/s1600/struktur+data+1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="87" src="http://1.bp.blogspot.com/-ftxApH7OtOc/UPQus0TDkLI/AAAAAAAAApQ/C3J2trm0fzI/s320/struktur+data+1.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, 'Times New Roman', serif; font-weight: bold; text-align: justify; text-indent: 0.39in;">2</span><span style="font-family: Times, 'Times New Roman', serif; font-weight: bold; text-align: justify; text-indent: 0.39in;">. </span><span style="font-family: Times, 'Times New Roman', serif; font-weight: bold; text-align: justify; text-indent: 0.39in;"> FLOAT</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, 'Times New Roman', serif; text-indent: 0.39in;">Type data yang </span><span style="font-family: Times, 'Times New Roman', serif; text-indent: 0.39in;">merupakan</span><span style="font-family: Times, 'Times New Roman', serif; text-indent: 0.39in;"> bi</span><span style="font-family: Times, 'Times New Roman', serif; text-indent: 0.39in;">langan
</span><span style="font-family: Times, 'Times New Roman', serif; text-indent: 0.39in;">p</span><span style="font-family: Times, 'Times New Roman', serif; text-indent: 0.39in;">ecahan</span><span style="font-family: Times, 'Times New Roman', serif; text-indent: 0.39in;">.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, 'Times New Roman', serif; text-indent: 0.39in;">Jenis Data </span><span style="font-family: Times, 'Times New Roman', serif; text-indent: 0.39in;">float</span><span style="font-family: Times, 'Times New Roman', serif; text-indent: 0.39in;">
ditulis</span><span style="font-family: Times, 'Times New Roman', serif; text-indent: 0.39in;"> </span><span style="font-family: Times, 'Times New Roman', serif; text-indent: 0.39in;">dgn</span><span style="font-family: Times, 'Times New Roman', serif; text-indent: 0.39in;">
menggunakan </span><span style="font-family: Times, 'Times New Roman', serif; text-indent: 0.39in;"> </span><span style="font-family: Times, 'Times New Roman', serif; text-indent: 0.39in;">titik(koma) desimal</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, 'Times New Roman', serif; text-indent: 0.39in;">Misalnya : 0.32</span><span style="font-family: Times, 'Times New Roman', serif; text-indent: 0.39in;"> </span><span style="font-family: Times, 'Times New Roman', serif; text-indent: 0.39in;">4</span><span style="font-family: Times, 'Times New Roman', serif; text-indent: 0.39in;">,</span><span style="font-family: Times, 'Times New Roman', serif; text-indent: 0.39in;">3</span><span style="font-family: Times, 'Times New Roman', serif; text-indent: 0.39in;">5</span><span style="font-family: Times, 'Times New Roman', serif; text-indent: 0.39in;"> </span><span style="font-family: Times, 'Times New Roman', serif; text-indent: 0.39in;">-131.128</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, 'Times New Roman', serif; text-indent: 0.39in;">Type Real </span><span style="font-family: Times, 'Times New Roman', serif; text-indent: 0.39in;">dapat</span><span style="font-family: Times, 'Times New Roman', serif; text-indent: 0.39in;"> </span><span style="font-family: Times, 'Times New Roman', serif; text-indent: 0.39in;">juga</span><span style="font-family: Times, 'Times New Roman', serif; text-indent: 0.39in;"> </span><span style="font-family: Times, 'Times New Roman', serif; text-indent: 0.39in;">ditulis</span><span style="font-family: Times, 'Times New Roman', serif; text-indent: 0.39in;"> </span><span style="font-family: Times, 'Times New Roman', serif; text-indent: 0.39in;">dengan</span><span style="font-family: Times, 'Times New Roman', serif; text-indent: 0.39in;"> </span><span style="font-family: Times, 'Times New Roman', serif; text-indent: 0.39in;">Rumus</span><span style="font-family: Times, 'Times New Roman', serif; text-indent: 0.39in;"> </span><span style="font-family: Times, 'Times New Roman', serif; text-indent: 0.39in;">:</span><span style="font-family: Times, 'Times New Roman', serif; text-indent: 0.39in;"> </span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="direction: ltr; language: en-US; margin-bottom: 0pt; margin-top: 0pt; mso-line-break-override: restrictions; punctuation-wrap: simple; text-align: left; text-indent: .39in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, Times New Roman, serif;"> </span></div>
<div style="direction: ltr; language: en-US; margin-bottom: 0pt; margin-top: 0pt; mso-line-break-override: restrictions; punctuation-wrap: simple; text-align: left; text-indent: .39in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, Times New Roman, serif;"> <span style="font-weight: bold;">M * R</span><span style="font-weight: bold; vertical-align: super;">e</span><span style="font-weight: bold; vertical-align: super;"> </span><span style="font-weight: bold; vertical-align: super;"> </span><span style="font-weight: bold;">=</span> <span style="font-weight: bold;">X</span></span></div>
<div style="direction: ltr; language: en-US; margin-bottom: 0pt; margin-top: 0pt; mso-line-break-override: restrictions; punctuation-wrap: simple; text-align: left; text-indent: .39in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, Times New Roman, serif;"> </span></div>
<div style="direction: ltr; language: en-US; margin-bottom: 0pt; margin-top: 0pt; mso-line-break-override: restrictions; punctuation-wrap: simple; text-align: left; text-indent: .39in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, Times New Roman, serif;"> M = Pecahan,
R =
Radix, </span></div>
<div style="direction: ltr; language: en-US; margin-bottom: 0pt; margin-top: 0pt; mso-line-break-override: restrictions; punctuation-wrap: simple; text-align: left; text-indent: .39in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, Times New Roman, serif;"> e =
Exponen, X = Hasil Bilangan, </span></div>
<div style="direction: ltr; language: en-US; margin-bottom: 0pt; margin-top: 0pt; mso-line-break-override: restrictions; punctuation-wrap: simple; text-align: left; text-indent: .39in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, Times New Roman, serif;"> </span></div>
<div style="direction: ltr; language: en-US; margin-bottom: 0pt; margin-top: 0pt; mso-line-break-override: restrictions; punctuation-wrap: simple; text-align: left; text-indent: .39in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, Times New Roman, serif;"> Misalnya : 3.2 * 10<span style="vertical-align: super;">-1 </span>= 0.32</span></div>
<div style="direction: ltr; language: en-US; margin-bottom: 0pt; margin-top: 0pt; mso-line-break-override: restrictions; punctuation-wrap: simple; text-align: left; text-indent: .39in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, Times New Roman, serif;"><span style="vertical-align: super;"> </span> 4.35 *
10<span style="vertical-align: super;">2 </span>= 435</span></div>
<div style="direction: ltr; language: en-US; margin-bottom: 0pt; margin-top: 0pt; mso-line-break-override: restrictions; punctuation-wrap: simple; text-align: left; text-indent: .39in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, 'Times New Roman', serif; text-align: center; text-indent: 0.39in;"><span style="font-weight: bold;">Type
data </span></span><span style="font-family: Times, 'Times New Roman', serif; text-align: center; text-indent: 0.39in;"><span style="font-weight: bold;">FLOAT</span></span></div>
<div style="direction: ltr; language: en-US; margin-bottom: 0pt; margin-top: 0pt; mso-line-break-override: restrictions; punctuation-wrap: simple; text-align: left; text-indent: .39in; unicode-bidi: embed; vertical-align: baseline;">
</div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://3.bp.blogspot.com/-_Wy8xT4kwVE/UPQv1FS6TVI/AAAAAAAAApk/8sh3npQPG4Q/s1600/struktur+data+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="91" src="http://3.bp.blogspot.com/-_Wy8xT4kwVE/UPQv1FS6TVI/AAAAAAAAApk/8sh3npQPG4Q/s320/struktur+data+2.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<b>3. BOOL atau LOGICAL</b></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: 0.39in;">Type data yang hanya</span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: 0.39in;"> </span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: 0.39in;">mempunyai dua bentuk keluaran yaitu nilai</span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: 0.39in;"> </span><u style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: 0.39in;"><span style="font-weight: bold;">True</span></u><u style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: 0.39in;"> </u><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: 0.39in;">dan</span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: 0.39in;"> </span><u style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: 0.39in;"><span style="font-weight: bold;">False</span></u><span style="font-family: Times, 'Times New Roman', serif; font-weight: bold; text-align: justify; text-indent: 0.39in;"> </span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: 0.39in;">(Benar dan Salah) yang dinyatakan</span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: 0.39in;"> </span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: 0.39in;">dengan</span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: 0.39in;"> </span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: 0.39in;"> 1 dan 0,</span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: 0.39in;"> </span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: 0.39in;">Sehingga</span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: 0.39in;"> </span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: 0.39in;">satuan data yang terpakai cukup</span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: 0.39in;"> </span><u style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: 0.39in;">satu bit</u><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: 0.39in;"> </span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: 0.39in;">saja. Operator yang digunakan adalah</span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: 0.39in;"> </span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: 0.39in;">:</span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: 0.39in;"> </span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: 0.39in;">And,</span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: 0.39in;"> </span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: 0.39in;">Or</span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: 0.39in;"> </span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: 0.39in;">dan</span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: 0.39in;"> </span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: 0.39in;">Not.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://2.bp.blogspot.com/-pJhI0Nx2NHI/UPQxysdMlKI/AAAAAAAAAp4/ynGEpz38snM/s1600/struktur+data+3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="198" src="http://2.bp.blogspot.com/-pJhI0Nx2NHI/UPQxysdMlKI/AAAAAAAAAp4/ynGEpz38snM/s320/struktur+data+3.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div style="direction: ltr; margin-bottom: 0pt; margin-left: 0.57in; margin-top: 0pt; text-indent: -0.57in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, Times New Roman, serif;"><span style="font-weight: bold;">4</span><span style="font-weight: bold;">.
</span><span style="font-weight: bold;"> </span><span style="font-weight: bold;">CHARACTER</span></span></div>
<div style="direction: ltr; language: en-US; margin-bottom: 0pt; margin-left: .57in; margin-top: 0pt; mso-line-break-override: restrictions; punctuation-wrap: simple; text-align: justify; text-indent: -.57in; text-justify: inter-ideograph; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, Times New Roman, serif;"> Type
data yang terdiri dari aksara (simbol) yang meliputi
<u><span style="font-style: italic;">digit
numerik</span></u>,
<u><span style="font-style: italic;">character
alfabetik</span></u>
dan <u><span style="font-style: italic;">spesial
character</span></u>. Untuk
menuliskan tipe char, karakter perlu ditulis di dalam tanda petik tunggal ( ‘ )
</span></div>
<div style="direction: ltr; margin-bottom: 0pt; margin-left: 0.57in; margin-top: 0pt; text-indent: -0.57in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, Times New Roman, serif;"><span style="font-style: italic;"> Contoh
</span>:</span></div>
<div style="direction: ltr; margin-bottom: 0pt; margin-left: 0.57in; margin-top: 0pt; text-indent: -0.57in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, Times New Roman, serif;"> ‘A’ à
karakter berupa huruf A</span></div>
<div style="direction: ltr; margin-bottom: 0pt; margin-left: 0.57in; margin-top: 0pt; text-indent: -0.57in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, Times New Roman, serif;"> ‘1’ à
karakter berupa angka 1</span></div>
<div style="direction: ltr; margin-bottom: 0pt; margin-left: 0.57in; margin-top: 0pt; text-indent: -0.57in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, Times New Roman, serif;"> ‘*’ à
karakter simbol *</span></div>
<div style="direction: ltr; margin-bottom: 0pt; margin-left: 0.57in; margin-top: 0pt; text-indent: -0.57in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, Times New Roman, serif;"><br /></span></div>
<div style="direction: ltr; margin-bottom: 0pt; margin-left: 0.57in; margin-top: 0pt; text-indent: -0.57in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, 'Times New Roman', serif; font-weight: bold; text-indent: -0.57in;">5. </span><span style="font-family: Times, 'Times New Roman', serif; font-weight: bold; text-indent: -0.57in;">STRING</span></div>
<div style="direction: ltr; margin-bottom: 0pt; margin-left: 0.57in; margin-top: 0pt; text-indent: -0.57in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: -0.57in;">Merupakan</span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: -0.57in;"> t</span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: -0.57in;">ype
data majemuk yang terbentuk dari kumpulan character</span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: -0.57in;"> </span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: -0.57in;">sebanyak</span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: -0.57in;"> 256 (default) </span></div>
<div style="direction: ltr; margin-bottom: 0pt; margin-left: 0.57in; margin-top: 0pt; text-indent: -0.57in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: -0.57in;">dengan </span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: -0.57in;">jangkauan</span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: -0.57in;">
</span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: -0.57in;">niai</span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: -0.57in;"> 0 -
255</span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: -0.57in;">.
</span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: -0.57in;">Kumpulan</span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: -0.57in;">
character yang digunakan untuk membentuk String </span></div>
<div style="direction: ltr; margin-bottom: 0pt; margin-left: 0.57in; margin-top: 0pt; text-indent: -0.57in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: -0.57in;">dinamakan </span><span style="font-family: Times, 'Times New Roman', serif; font-style: italic; font-weight: bold; text-align: justify; text-indent: -0.57in;">alfabet.</span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: -0.57in;"> </span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: -0.57in;"> </span><span style="font-family: Times, 'Times New Roman', serif; text-align: justify; text-indent: -0.57in;">Pemberian
nilai String diapit dengan tanda petik ganda (“)</span></div>
<div style="direction: ltr; margin-bottom: 0pt; margin-left: 0.57in; margin-top: 0pt; text-indent: -0.57in; unicode-bidi: embed; vertical-align: baseline;">
</div>
<div style="direction: ltr; language: en-US; margin-bottom: 0pt; margin-left: .57in; margin-top: 0pt; mso-line-break-override: restrictions; punctuation-wrap: simple; tab-stops: left 41.0pt; text-align: justify; text-indent: -.57in; text-justify: inter-ideograph; unicode-bidi: embed; vertical-align: baseline;">
</div>
<div style="direction: ltr; margin-bottom: 0pt; margin-left: 0.57in; margin-top: 0pt; text-indent: -0.57in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, Times New Roman, serif;"> <span style="font-weight: bold;">Bentuk umum penulisan tipe data ini
adalah :</span></span></div>
<div style="direction: ltr; margin-bottom: 0pt; margin-left: 0.57in; margin-top: 0pt; text-indent: -0.57in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, Times New Roman, serif;"> tipe_data
pengenal [panjang] ; </span></div>
<div style="direction: ltr; margin-bottom: 0pt; margin-left: 0.57in; margin-top: 0pt; text-indent: -0.57in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, Times New Roman, serif;"> pengenal
= nama variabel</span></div>
<div style="direction: ltr; margin-bottom: 0pt; margin-left: 0.57in; margin-top: 0pt; text-indent: -0.57in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, Times New Roman, serif;"> panjang = bilangan bulat yg menunjukan jumlah
karakter</span></div>
<div style="direction: ltr; margin-bottom: 0pt; margin-left: 0.57in; margin-top: 0pt; text-indent: -0.57in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, Times New Roman, serif;"> </span><span style="font-family: Times, 'Times New Roman', serif; text-indent: -0.57in;"> Contoh
: char nama[15] ;</span></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: left;">
</div>
<div style="direction: ltr; line-height: 80%; margin-bottom: 0pt; margin-left: 0.67in; margin-top: 5.76pt; text-indent: -0.67in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-weight: bold;"><span style="font-family: Times, Times New Roman, serif;">Fungsi
pada Operasi STRING</span></span></div>
<div style="direction: ltr; line-height: 80%; margin-bottom: 0pt; margin-left: 0.67in; margin-top: 5.76pt; text-indent: -0.67in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, Times New Roman, serif;">1. Strcpy()</span></div>
<div style="direction: ltr; line-height: 80%; margin-bottom: 0pt; margin-left: 0.67in; margin-top: 5.76pt; text-indent: -0.67in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, Times New Roman, serif;"> untuk
menyalin nilai string.</span></div>
<div style="direction: ltr; line-height: 80%; margin-bottom: 0pt; margin-left: 0.67in; margin-top: 5.76pt; text-indent: -0.67in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, Times New Roman, serif;">2. Strcat()</span></div>
<div style="direction: ltr; line-height: 80%; margin-bottom: 0pt; margin-left: 0.67in; margin-top: 5.76pt; text-indent: -0.67in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, Times New Roman, serif;"> untuk
menggabungkan nilai string.</span></div>
<div style="direction: ltr; line-height: 80%; margin-bottom: 0pt; margin-left: 0.67in; margin-top: 5.76pt; text-indent: -0.67in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, Times New Roman, serif;">3. Strcmp()</span></div>
<div style="direction: ltr; line-height: 80%; margin-bottom: 0pt; margin-left: 0.67in; margin-top: 5.76pt; text-indent: -0.67in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, Times New Roman, serif;"> untuk
membandingkan 2 nilai string.</span></div>
<div style="direction: ltr; line-height: 80%; margin-bottom: 0pt; margin-left: 0.67in; margin-top: 5.76pt; text-indent: -0.67in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, Times New Roman, serif;">4. Strlen()</span></div>
<div style="direction: ltr; line-height: 80%; margin-bottom: 0pt; margin-left: 0.67in; margin-top: 5.76pt; text-indent: -0.67in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, Times New Roman, serif;"> untuk
mengetahui panjang nilai string.</span></div>
<div style="direction: ltr; line-height: 80%; margin-bottom: 0pt; margin-left: 0.67in; margin-top: 5.76pt; text-indent: -0.67in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, Times New Roman, serif;">5. Strchr ()</span></div>
<div style="direction: ltr; line-height: 80%; margin-bottom: 0pt; margin-left: 0.67in; margin-top: 5.76pt; text-indent: -0.67in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, Times New Roman, serif;"> untuk
mencari nilai karakter dalam string.</span></div>
<div style="direction: ltr; line-height: 80%; margin-bottom: 0pt; margin-left: 0.67in; margin-top: 5.76pt; text-indent: -0.67in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, Times New Roman, serif;"><br /></span></div>
<div style="direction: ltr; line-height: 80%; margin-bottom: 0pt; margin-left: 0.67in; margin-top: 5.76pt; text-indent: -0.67in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, Times New Roman, serif;">To Be Continue......</span></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
</div>
<div style="direction: ltr; margin-bottom: 0pt; margin-top: 0pt; text-align: justify; text-indent: 37.439998626708984px; unicode-bidi: embed; vertical-align: baseline;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: Times, Times New Roman, serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: Times, 'Times New Roman', serif; font-weight: bold; text-align: left; text-indent: 0.39in;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<br />
<div style="direction: ltr; margin-bottom: 0pt; margin-left: 0.5in; margin-top: 0pt; text-indent: -0.5in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-weight: bold; text-indent: -0.5in;"><span style="font-family: Times, Times New Roman, serif;"><br /></span></span></div>
<div style="direction: ltr; margin-bottom: 0pt; margin-left: 0.5in; margin-top: 0pt; text-indent: -0.5in; unicode-bidi: embed; vertical-align: baseline;">
<span style="font-family: Times, Times New Roman, serif;"><span style="font-weight: bold;"><br /></span></span></div>
<br />
Yudhiaz Blacksiderhttp://www.blogger.com/profile/05923472980142736897noreply@blogger.com2tag:blogger.com,1999:blog-7410526481310405117.post-90709677815422550402013-01-07T10:51:00.000-08:002013-01-08T08:36:36.669-08:00Kelebihan dan Kelemahan Windows 8<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-rrA8J1d5u3w/UOsZDTFag3I/AAAAAAAAAo8/mt9n08ga31g/s1600/my%2Bwin8.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="225" width="400" src="http://1.bp.blogspot.com/-rrA8J1d5u3w/UOsZDTFag3I/AAAAAAAAAo8/mt9n08ga31g/s400/my%2Bwin8.png" /></a></div>
Malam -malam enaknya posting blog lagi.Maklum lah dah lama ngak posting blog nih,...hehehehe. Kali ini saya mau kasih info beberapa kelebihan dan kekurangan Windows 8 (Kebetulan kurang lebih satu bulan yang lalu saya dikasih Mentahan Win8 oleh guru/master saya (UrBrotha)...dan di suruh install-in )
Setelah di install ternyata Interface dari Win8 sangat Bagus dan banyak fitur2 barunya,untuk itu saya kepincut untuk menginstall nya di Laptop saya.Namun ada yang berbeda dari Win8 ini,untuk mengaktivasi Product Win8 sampean, ternyata bisa lewat skype lho? untuk lebih detailnya ini linknya :<a href="http://www.youtube.com/watch?v=jl2_5uXn0xE">SINI</a>
Namun setelah saya search ke berbagai forum ternyata ada kelebihan dan Kekurangannya :<br>
<div style="margin-bottom: 2px;"><center><font color="red"><b>KELEBIHAN</b></div></font></center>
<div style="margin-bottom: 2px;"><font color="red"><b>1.Dioptimalisasi untuk layar sentuh</b></div></font>
Windows 8, interfacenya yang dijuluki sebagai Metro benar-benar dioptimalkan untuk sentuhan dengan wujud ala interface Windows Phone.<br>
<div style="margin-bottom: 2px;"><font color="red"><b>2. Mendukung chip ARM</b></div></font>
Windows 8 mendukung perangkat yang memakai infrastruktur chip ARM. Hal ini diharapkan memperluas jangkauan Windows 8 di arena tablet, mengingat kebanyakan tablet yang beredar saat ini memakai chip ARM.<br>
<div style="margin-bottom: 2px;"><font color="red"><b>3. Waktu boot yang singkat</b></div></font>
Boot Windows 8 dalam demonya hanya berlangsung dalam 8 detik. Sebuah waktu yang jauh lebih singkat dibanding booting di Windows versi sebelumnya.<br>
<div style="margin-bottom: 2px;"><font color="red"><b>4. Windows 8 tidak membutuhkan upgrade PC</b></div></font>
Microsoft menyatakan komputer yang bisa menjalankan Windows 7 dapat pula menjalankan Windows 8 sehingga user tak perlu upgrade PC. Menurut Microsoft, prosesor Intel Atom dan RAM 1 GB sudah cukup untuk menjalankan OS ini<br>
<div style="margin-bottom: 2px;"><font color="red"><b>5. Toko aplikasi Windows Store</b></div></font>
Windows 8 akan memiliki toko aplikasi sendiri yang dinamakan Windows Store. Windows Store menyediakan berbagai aplikasi yang dioptimalkan untuk Windows 8.<br>
<div style="margin-bottom: 2px;"><font color="red"><b>6. Mendukung NFC (Near Field Communications)</b></div></font>
Windows 8 akan mendukung NFC, sebuah teknologi yang kegunaanya antara lain untuk transaksi keuangan digital. Tablet yang memakai Windows 8 pun kemungkinan besar akan otomatis menyertakan fitur ini.<br>
<br><div style="margin-bottom: 2px;"><center><font color="white"><b>KELEMAHAN :</b></div></font></center>
<br><div style="margin-bottom: 2px;"><font color="white"><b>1. Tumpang tindih Metro UI dan Aero UI.</b></div></font>
Developer menemukan adanya pergantian secara terus-menerus yang terjadi antara tile-based Metro UI dan glassy Aero UI. Hal tersebut dinilai tidak masuk akal dan sangat membingungkan. Berpindah dari aplikasi Metro dan aplikasi desktop sangat sulit dilakukan.<br>
<div style="margin-bottom: 2px;"><font color="white"><b>2. Tidak ada opsi untuk mengubah tiles menjadi icons.</b></div></font>
Ukuran tiles terkecil, tampilannya masih terlalu besar. Saat nantinya kita menginstall banyak aplikasi maka screen Metro akan terlihat semrawut.<br>
<div style="margin-bottom: 2px;"><font color="white"><b>3. Sulit berpindah antar screen.</b></div></font>
Tidak adanya fungsi Alt-Tab seperti saat bekerja dengan desktop dan keyboard untuk berganti dari satu app ke app yang lain mungkin merupakan hal yang sangat sulit. Sebagai gantinya, di Windows 8 Metro UI kita tidak bisa menggunakan pointer atau finder untuk meletakkan screen di sisi kiri dan melakukan drag. Kedengarannya sangat sepele, tapi masalah akan muncul saat kita bekerja dengan banyak aplikasi. Tidak ada cara cepat dan mudah untuk berganti antar aplikasi. Jika menggerakkan mouse ke arah kiri maka sebuah icon akan pops up. Dan jika tidak tepat maka kita harus klik beberapa kali atau mencoba lagi.<br>
<div style="margin-bottom: 2px;"><font color="white"><b>4. Metro multitasking.</b></div></font>
Jika sobat menggunakan aplikasi Metro (untuk tablet) di Windows 8, screen akan menampilkan dua aplikasi secara berjajar. Untuk pemula hal itu tidak akan menjadi masalah besar. Namun bagi advanced user, kemampuan Metro dengan multitasking hanya untuk dua aplikasi merupakan kelemahan yang fatal.<br>
<div style="margin-bottom: 2px;"><font color="white"><b>5. Metro.</b></div></font>
Metro memang bisa bekerja baik di tablet tapi UI tersebut sangat tidak kompatibel jika digunakan pada desktop. Sulit dilakukan untuk sobat yang menggunakan Notebook. Sehingga secara default Windows 8 tidak mungkin bisa melakukan booting ke Metro UI. Dengan kata lain Microsoft perlu memberikan kill-switch untuk mematikan Metro UI.<br>
<div style="margin-bottom: 2px;"><font color="white"><b>6. konten Flash di Tablet PC.</b></div></font>
Ternyata Microsoft memang sengaja membuat Windows 8 ini tidak bisa mendukung konten Flash di Tablet PC. Alasan Microsoft melakukan hal ini adalah untuk menghemat baterai Tablet. Selain itu juga dapat melindungi privasi Tablet kita dan meningkatkan keamanan. Hal ini dikarenakan pada beberapa aplikasi dan perangkat elektronik lainnya, penggunaan konten Flash justru menyebabkan data rusak atau crash.<br>
Semoga bermanfaat ya :)<br>
sumber:http://ilmuko.blogspot.comYudhiaz Blacksiderhttp://www.blogger.com/profile/05923472980142736897noreply@blogger.com0tag:blogger.com,1999:blog-7410526481310405117.post-78399333893453958262012-11-11T12:41:00.001-08:002012-11-11T23:09:37.340-08:00Tugas Membuat Login di PHP & MySql Dengan Session<center><font size="9" color="Lawngreen" face="chiller">"Salam Blogger"</font></center><br>
Kali ini saya akan Posting Tugas dari Kampus untuk mata kuliah "STRUKTUR DATA"(Pak.Binu) yaitu "Membuat Login di PHP & MySQL dengan Session".<br>
Ok langsung saja....<br>
Kita buat Flow Chartnya dulu :
<div style="margin-bottom: 2px;"><center><font color="red"><b>Flow Chart</b></font></center>
<div style="margin-top: 5px; text-align: center;"><input value="Show" style="margin-top: 5px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;"><div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-q7rjiZHSjcw/UJ6RsTwFERI/AAAAAAAAAjY/2bDdF_kYT9A/s1600/gambar2.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-H6bSAnLEp-Q/UJ8Efv82ShI/AAAAAAAAAjs/ym3RIPW4aaI/s1600/gambar2%2Bcopy.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="327" width="375" src="http://2.bp.blogspot.com/-H6bSAnLEp-Q/UJ8Efv82ShI/AAAAAAAAAjs/ym3RIPW4aaI/s400/gambar2%2Bcopy.png" /></a>
</div></a></div>
</div></div></div>
<div style="margin-bottom: 2px;"><center><font color="red"><b>Membuat Database di phpMyAdmin</b></font></center>
1.Membuat database<font color="white"> "Latihan1".</font><br>
2.membuat Tabel<font color="white"> "Admin"</font>:<b><font color="blue">
create table Admin(id int(3) primary key auto_increment,
username varchar(30), password varchar(35));</font></b>
<div style="margin-top: 5px; text-align: center;"><input value="Show" style="margin-top: 5px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;"><div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-BqWVa-mxdno/UJ58xQ6jqgI/AAAAAAAAAjE/aKTsLmxaqMs/s1600/gambar%2B1.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-HbVCMWzzHdo/UJ8G5QxwN-I/AAAAAAAAAj4/KfuOGc7ik-4/s1600/gambar%2B1%2Bcopy.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="154" width="370" src="http://3.bp.blogspot.com/-HbVCMWzzHdo/UJ8G5QxwN-I/AAAAAAAAAj4/KfuOGc7ik-4/s400/gambar%2B1%2Bcopy.png" /></a>
</div></a></div>
</div></div></div>
3.Kemudian Membuat File-file PHP nya :<br>
<div style="margin-bottom: 2px;"><center><font color="red"><b>File index.php</b></font></center>
<div style="margin-top: 5px; text-align: center;"><input value="Show" style="margin-top: 5px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;"><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both; text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-yKwariAkjEw/UJ_6duIaUuI/AAAAAAAAAm0/4xlhsNsRdFw/s1600/index%2Bcopy.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="224" width="375" src="http://2.bp.blogspot.com/-yKwariAkjEw/UJ_6duIaUuI/AAAAAAAAAm0/4xlhsNsRdFw/s400/index%2Bcopy.png" /></a>
</div></div></div>
</div></div></div>
di dalam File Index.php diatas terdapat code :<br>
<font color="white"><? <br>
session_start();<br>
include('<font color="green">connect.php</font>');<br>
if(!isset(<font color="red">$_SESSION</font>['curr_user'])){<br>
?><br></font>
Yaitu berfungsi untuk mengecek autentifikasi user pada halaman Connect.php. Jadi ketika index.html dibuka, script di atas akan mengecek pada halaman Connect.php apakah user tersebut sudah ter autentifikasi untuk membuka halaman index.php
<div style="margin-bottom: 2px;"><center><font color="red"><b>File Login.php</b></font></center>
<div style="margin-top: 5px; text-align: center;"><input value="Show" style="margin-top: 5px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;"><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both; text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-Rs2L6r9gTtc/UJ_6nROhhII/AAAAAAAAAnA/VTYLWD9vvOs/s1600/login%2Bcopy.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="204" width="375" src="http://4.bp.blogspot.com/-Rs2L6r9gTtc/UJ_6nROhhII/AAAAAAAAAnA/VTYLWD9vvOs/s400/login%2Bcopy.png" /></a>
</div></div></div>
</div></div></div>
<div style="margin-bottom: 2px;"><center><font color="red"><b>File connect.php</b></font></center>
<div style="margin-top: 5px; text-align: center;"><input value="Show" style="margin-top: 5px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;"><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-WTMQMcDemlo/UJ8VaJlvuiI/AAAAAAAAAks/Jh835UDlkAw/s1600/gambar5%2Bcopy.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="103" width="375" src="http://1.bp.blogspot.com/-WTMQMcDemlo/UJ8VaJlvuiI/AAAAAAAAAks/Jh835UDlkAw/s400/gambar5%2Bcopy.png" /></a>
</div></div>
</div></div></div>
<div style="margin-bottom: 2px;"><center><font color="red"><b>File Logout.php</b></font></center>
<div style="margin-top: 5px; text-align: center;"><input value="Show" style="margin-top: 5px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;"><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-fsw_mFHQaJs/UJ8Vhx-MGwI/AAAAAAAAAk4/tkbZkDw_BNk/s1600/gambar6%2Bcopy.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="139" width="375" src="http://1.bp.blogspot.com/-fsw_mFHQaJs/UJ8Vhx-MGwI/AAAAAAAAAk4/tkbZkDw_BNk/s400/gambar6%2Bcopy.png" /></a>
</div></div>
</div></div></div>
4.Setelah File-file php di atas di buat,langkah selanjutnya adalah mengisi data (record) :<br>
<div style="margin-bottom: 2px;"><center><font color="red"><b>Memasukkan Data (Record)</b></font></center>
<div style="margin-top: 5px; text-align: center;"><input value="Show" style="margin-top: 5px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;"><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-Ol7acYzQIuU/UJ8orLTz-5I/AAAAAAAAAmU/fkOkyk4I5nI/s1600/gambar7.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="181" width="375" src="http://1.bp.blogspot.com/-Ol7acYzQIuU/UJ8orLTz-5I/AAAAAAAAAmU/fkOkyk4I5nI/s400/gambar7.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-5KK0h-7PyNI/UJ8orYeXxfI/AAAAAAAAAmg/r7spTpkMrEM/s1600/gambar8.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="182" width="375" src="http://2.bp.blogspot.com/-5KK0h-7PyNI/UJ8orYeXxfI/AAAAAAAAAmg/r7spTpkMrEM/s400/gambar8.png" /></a>
</div></div></div>
</div></div></div>
5.Semua File-file php tersebut di taruh di 1 file directory,misalnya pada kasus ini saya taruh di : <font color="white">C/AppServ/www/latihan1</font> ( saya menggunakan AppServ untuk local servernya/bisa juga menggunakan Xampp atau WampServer)<br>
<div style="margin-bottom: 2px;"><center><font color="red"><b>Tampilan Halaman Login</b></font></center>
<div style="margin-top: 5px; text-align: center;"><input value="Show" style="margin-top: 5px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;"><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both; text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-azc0UtSIvnw/UJ_-kCjGEPI/AAAAAAAAAnY/HWfAUp3oKcw/s1600/halaman%2Blogin.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="235" width="375" src="http://4.bp.blogspot.com/-azc0UtSIvnw/UJ_-kCjGEPI/AAAAAAAAAnY/HWfAUp3oKcw/s400/halaman%2Blogin.png" /></a>
</div></div></div>
</div></div></div>
6.Setelah itu kita buka browser lalu ketikkan : localhost/latihan1/index.php,Maka akan tampil halaman login seperti di atas.Kemudian masukkan "Usernam" dan "password" yang telah kita Record tadi di dalam database phpMyAdmin<br>
<div style="margin-bottom: 2px;"><center><font color="red"><b>Tampilan Berhasil Login</b></font></center>
<div style="margin-top: 5px; text-align: center;"><input value="Show" style="margin-top: 5px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;"><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both; text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-tb5xEgcMlsM/UKAWu9_kbAI/AAAAAAAAAoI/NSlwXJuKa50/s1600/berhasil%2Blogin.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="237" width="375" src="http://2.bp.blogspot.com/-tb5xEgcMlsM/UKAWu9_kbAI/AAAAAAAAAoI/NSlwXJuKa50/s400/berhasil%2Blogin.png" /></a></div>
</div></div></div>
</div></div></div>
7.Jika berhasil login maka Tampilannya akan seperti di Atas.<br>
<div style="margin-bottom: 2px;"><center><font color="red"><b>Tampilan Gagal Login</b></font></center>
<div style="margin-top: 5px; text-align: center;"><input value="Show" style="margin-top: 5px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;"><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both; text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/--ScgFyVp04A/UKAXFZEzsmI/AAAAAAAAAoU/qssR43chSKo/s1600/gagal%2Blogin.png" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="262" width="375" src="http://3.bp.blogspot.com/--ScgFyVp04A/UKAXFZEzsmI/AAAAAAAAAoU/qssR43chSKo/s400/gagal%2Blogin.png" /></a></div>
</div></div></div>
</div></div></div>
8.Dan apabila Username dan password yang kita masukkan salah,maka tampilannya akan seperti di atas.<br>
<font color="Pink"><b>#Saya sertakan juga Video View nya#</b><br></font>
<iframe width="420" height="262" src="http://www.youtube.com/embed/RMQB4Q_B9Ik" frameborder="0" allowfullscreen></iframe>
<center>Maaf kalau video nya kurang Jelas,untuk lebih jelasnya bisa di download di</center>
<center><a href="http://www.mediafire.com/?933aspscp54wenq" >SINI</a></center>
<font color="white">Matur Nuwun,<br>
<br>
Yudhi.T</font>
<center><a href="http://s1053.photobucket.com/albums/s475/beck_tian/?action=view&current=hula_hula.gif" target="_blank"><img src="http://i1053.photobucket.com/albums/s475/beck_tian/hula_hula.gif" border="0" alt="Photobucket"></a></center>
Yudhiaz Blacksiderhttp://www.blogger.com/profile/05923472980142736897noreply@blogger.com0tag:blogger.com,1999:blog-7410526481310405117.post-55173526816699301852012-11-10T05:02:00.000-08:002012-11-16T20:43:52.953-08:00Posting Teknik Scroll #<div style="overflow:auto;width:400px;height:250px;padding:10px;border:1px solid #eee">
oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
<a href="http://s1234.photobucket.com/albums/ff407/nining_gaudi/?action=view&current=funny-animation-4.gif" target="_blank"><img width="200" height="200" src="http://i1234.photobucket.com/albums/ff407/nining_gaudi/funny-animation-4.gif" border="0" alt="Photobucket" /></a>
</div>
Yudhiaz Blacksiderhttp://www.blogger.com/profile/05923472980142736897noreply@blogger.com0tag:blogger.com,1999:blog-7410526481310405117.post-80709859060320132022012-09-13T09:39:00.009-07:002012-09-13T10:23:28.014-07:00Http atau Https ? ( Learning Forum 29/08/12 )<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-vl6q5wuZrXw/UFIS2jmnBxI/AAAAAAAAAis/A-xM6MD-fVk/s1600/Given-The-Choice-Choose-HTTPS.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="300" width="400" src="http://2.bp.blogspot.com/-vl6q5wuZrXw/UFIS2jmnBxI/AAAAAAAAAis/A-xM6MD-fVk/s400/Given-The-Choice-Choose-HTTPS.jpg" /></a></div><br />
<br />
Mengenal Perbedaan HTTP dan HTTPS.<br />
Simple tapi sangat PENTING...itulah menurut pendapat saya ketika mendengar kata HTTP dan HTTPS.<br />
<br />
<span style="color: red;"> HTTP </span> mungkin tidak asing bagi sobat, Apalagi kalau keseharian sobat selalu berhubungan dengan internet. HTTP biasa digunakan dalam penulisan sebuah alamat web. Apa sebenarnya HTTP? OK, cekidot.... <span style="color: white;"> HTTP adalah kependekan dari Hipert Text Transfer Protokol,Yaitu sebuah sistem komunikasi yang menghubungkan antara server dan clien. Sebuah sistem yang memungkinkan antara server dan Clien bisa saling bertukar data atau informasi. HTTP adalah format standar yang umum digunakan dalam mengakses sebuah halaman web. (Server adalah tempat dimana tersimpan sebuah kode web yang akan dipanggil oleh Clien. Sedangkan Clien adalah yang akan memanggil kode web yang kemudian akan dimunculkan dalam halaman HTML. Klien tidak lain adalah browser yang anda pakai ketika mengakses sebuah halaman web). Selain format standar HTTP </span>, ada juga format penulisan yang sudah banyak di pakai oleh berbagai web atau situs terkenal dunia karena tingkat <span style="color: white;"> KEAMANANNYA </span> seperti : Facebook,Twitter,Google,paypal etc.Yaitu HTTPS, Apa itu HTTPS? dan mengapa harus HTTPS ? mari kita bahas :)<br />
<br />
<span style="color: green;"> HTTPS </span> adalah penggabungan antara<span style="color: green;"> Hypertext Transfer Protocol (HTTP) </span> dengan <span style="color: green;"> SSL(Secure Socket Layer </span> / <span style="color: green;"> TLS protokol(Transport Layer Security) </span> Kedua protokol tersebut memberikan perlindungan yang memadai dari serangan eavesdroppers dan man in the middle attack (HACKER). Semua komunikasi yang dilakukan melalui HTTPS akan di <span style="color: green;"> <b>ENSKRIP</b> </span> dengan tujuan untuk keamanan saat terjadi transaksi data di internet. Berdasarkan informasi yang saya terima, para hacker yang biasa menggunakan tool Snifing(software Pengintai yang di gunakan untuk mencuri data dari klien yang terhubung ke internet dengan menggunakan HTTP, tapi akan sulit sekali menangkap data yang terhubung dengan menggunakan HTTPS.) Kesimpulan : Dengan membaca uraian di atas jelas bahwa koneksi internet dengan menggunakan HTTPS lebih aman dibandingkan menggunakan HTTP. Untuk itu banyak perbankan yang membangun layanan onlinenya dengan menggunakan format HTTPS. Hal ini bertujuan untuk menjamin keamanan para nasabah ketika melakukan transaksi online.<br />
<br />
Untuk lebih mudah memahami mari kita lihat Contoh nya :<br />
<br />
Dalam contoh ini : ada 2 orang dalam satu jaringan nirkabel yaitu BadGuy NiceGuy. NiceGuy mencoba untuk membuka http://friendster.com kemudian login ke dalamnya. Di tempat berbeda, BadGuy dalam jaringan nirkabel yang sama dengan NiceGuy seperti yang ditunjukkan pada gambar di bawah ini:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-QFfAGegACBw/UFIByUqa7JI/AAAAAAAAAhU/BdwXlWf1I0Y/s1600/5837522449_2bd83c50ec_z.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="300" width="400" src="http://4.bp.blogspot.com/-QFfAGegACBw/UFIByUqa7JI/AAAAAAAAAhU/BdwXlWf1I0Y/s400/5837522449_2bd83c50ec_z.jpg" /></a></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-VXWYyOtYiwA/UFICQX5wjkI/AAAAAAAAAhg/w6kzmx0c0GA/s1600/5837522575_ce19cdc35f_z.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="300" width="400" src="http://2.bp.blogspot.com/-VXWYyOtYiwA/UFICQX5wjkI/AAAAAAAAAhg/w6kzmx0c0GA/s400/5837522575_ce19cdc35f_z.jpg" /></a></div><br />
BadGuy menggunakan Tool Snifing untuk menangkap data paket semua ditransmisikan ke / dari titik akses. Dalam hal ini BadGuy hanya mengumpulkan dan melihat data paket yang dikirim oleh orang lain.<br />
Berikut adalah gambar ketika NiceGuy memasukkan username (email) dan password di friendster.com<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-P27CnETpbAw/UFIC_VaGz9I/AAAAAAAAAhs/mcaQoGlGQyc/s1600/5837522829_4ffc014f6c_z.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="300" width="400" src="http://4.bp.blogspot.com/-P27CnETpbAw/UFIC_VaGz9I/AAAAAAAAAhs/mcaQoGlGQyc/s400/5837522829_4ffc014f6c_z.jpg" /></a></div>Dan kemudian data berhasil ditangkap oleh BadGuy menggunakan Tool Snifing dengan Username dan password secara telanjang Bulat...hehehe :P<br />
<br />
<span style="color: green;"> KESIMPULAN </span> : Data paket yang dikirim menggunakan HTTP tidak terenkripsi, siapapun dapat melihat data dalam teks biasa seperti BadGuy lakukan. Itulah mengapa tidak menggunakan HTTP untuk perbankan atau transaksi di internet, dan juga itu tidak dianjurkan jika Anda membuka website halaman login yang menggunakan HTTP pada jaringan publik seperti area hotspot nirkabel.<br />
<br />
Contoh ke 2 HTTPS :<br />
<br />
NiceGuy mencoba untuk membuka https://gmail.com kemudian login ke dalamnya. Di tempat berbeda, BadGuy dalam jaringan nirkabel yang sama dengan NiceGuy seperti yang ditunjukkan pada gambar di bawah:<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-OLykoiy_Kfc/UFIIqqh2bLI/AAAAAAAAAiA/inG3uwRCR1w/s1600/5837922122_daa41c27c1_z.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="300" width="400" src="http://1.bp.blogspot.com/-OLykoiy_Kfc/UFIIqqh2bLI/AAAAAAAAAiA/inG3uwRCR1w/s400/5837922122_daa41c27c1_z.jpg" /></a></div><br />
Ketika BadGuy mencoba untuk menangkap data paket semua untuk / dari titik akses, maka akan berbeda bila menggunakan koneksi HTTPS untuk NiceGuy.<br />
Untuk keterangan lebih jelas, mari kita lihat gambar di bawah ini ketika Input NiceGuy username dan password pada halaman login Gmail.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-Hh_vmdqoMtg/UFIKfecIB1I/AAAAAAAAAiM/-Vd-qMfCOBQ/s1600/5837922196_a22a270297_z.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="300" width="400" src="http://2.bp.blogspot.com/-Hh_vmdqoMtg/UFIKfecIB1I/AAAAAAAAAiM/-Vd-qMfCOBQ/s400/5837922196_a22a270297_z.jpg" /></a></div><br />
Seperti yang dapat Anda lihat dalam gambar di atas, itu menggunakan https untuk koneksi antara klien dan server web. Kemudian kita akan melihat apa yang BadGuy lakukan setelah NiceGuy menggunakan HTTPS untuk koneksi nya.<br />
BadGuy menggunakan tools snifing, jadi dia mencoba lagi untuk menangkap data dan berharap ada sesuatu yang menarik di sana.<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-CUp83ja9uGo/UFILBWKA-qI/AAAAAAAAAiY/xEEbP3tGzTk/s1600/5837371055_734c1cd961_z.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="300" width="400" src="http://2.bp.blogspot.com/-CUp83ja9uGo/UFILBWKA-qI/AAAAAAAAAiY/xEEbP3tGzTk/s400/5837371055_734c1cd961_z.jpg" /></a></div>BadGuy tidak menemukan data polos, setiap data kirim ke / mengirim dari server dienkripsi. Gambar di atas adalah informasi login (mungkin) data yang telah ditangkap oleh BadGuy, tapi saya pikir BadGuy tidak dapat mematahkan data dienkripsi hanya dalam beberapa hari / bulan / tahun atau mungkin kita bisa disebut “tidak mungkin” (kita masih tidak tahu kapan waktu yang mungkin untuk masuk ke dalamnya).<br />
<br />
<span style="color: white;"> KESIMPULAN HTTPS </span> :<br />
Data paket dikirim menggunakan HTTPS dienkripsi, orang tidak dapat melihat data paket dalam jaringan publik. Itu sebabnya HTTPS biasanya digunakan untuk perbankan atau transaksi di internet, dan halaman juga login atau halaman lain perlu untuk mengenkripsi data.<br />
<br />
<span style="color: red;"> <b>"Jadi Hal-hal kecil seperti ini kadang-kadang terabaikan oleh kita,padahal ini sangat penting sekali,Bayangkan jika Akun dan password sobat ada di tangan Orang lain....???"</b><br />
</span><br />
.<span style="color: green;"> #Learning Forum (29/08/12 Oleh Yudhi Trianto )Semoga Bermanfaat yach... </span><br />
<br />
sumber :http://www.binushacker.netYudhiaz Blacksiderhttp://www.blogger.com/profile/05923472980142736897noreply@blogger.com0tag:blogger.com,1999:blog-7410526481310405117.post-3492742614862174672012-09-07T09:02:00.002-07:002012-09-08T23:36:45.038-07:00Why we Must Used Linux ?<div id="denzuaz"><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-ujGWMkUh_hA/UEoajKl2nSI/AAAAAAAAAhA/h1BVQZBxy7A/s1600/vsTN-Left.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="355" width="400" src="http://3.bp.blogspot.com/-ujGWMkUh_hA/UEoajKl2nSI/AAAAAAAAAhA/h1BVQZBxy7A/s400/vsTN-Left.jpg" /></a></div></div><br />
Kenapa saya (HARUS) memakai Linux? Pertanyaan itu yang sering kali saya dengar ketika saya menyarankan seseorang untuk beralih dari Windows ke Linux (Walaupun saya masih menggunakan Windows untuk Kebutuhan Kantor dan karena itulah saya Install dual OS)<br />
Jawaban yang sering saya sampaikan kepada mereka terhadap pertanyaan diatas adalah :<br />
• <span style="color: white;"> FREE </span> – Karena memang sifatnya yang opensource, distro linux bisa didapatkan secara gratis, saya tidak perlu lagi mamakai barang BAJAKAN karena saya tidak mampu membeli lisensinya. sehingga saya bisa bekerja dengan tenang tanpa takut dosa karena mencuri hak Paten Orang lain.<br />
• <span style="color: white;"> COMPLETE </span> – Karena saya sudah bisa mendapatkan semua software yang saya butuhkan di linux. sekali instal suatu distro linux, semua kebutuhan komputasi saya bisa terpenuhi, tanpa perlu pusing mencari driver2 untuk hardware maupun mencari crack untuk software bajakan. Bisa dibilang, apapun software yg anda pake di windows, selalu ada padanan-nya di linux.<br />
• <span style="color: white;"> STABLE </span> – Karena memang Linux sangat stabil, tidak perlu bolak-balik tekan tombol ajaib (reset) karena komputer hang, kejadian hang di mesin linux adalah kejadian luar biasa, sangat jarang terjadi,tidak seperti windows yang bisa dipastikan hang kalo kita terlalu banyak me-load aplikasi2. Selain itu, tidak perlu membuang-buang waktu untuk rajin melakukan defragmenting, cleaning registry dan lain2 agar sistem tetep berjalan normal.<br />
• <span style="color: white;"> SECURE </span> – Karena memang linux relatif bebas virus, trojan, malware dll, jadi saya tidak perlu selalu waspada terhadap serangan2 hal2 tersebut. juga tidak perlu untuk mengingat-ingat untuk selalu Update antivirus.<br />
• <span style="color: white;"> COMMUNITY </span> – Komunitas pengguna Linux sangat luar biasa. misal saya mengalami masalah teknis berkaitan dengan desktop ubuntu atau server saya, saya tinggal melempar masalah tersebut ke milis komunitas, dalam hitungan jam... biasanya masalah saya teratasi. Bandingkan dengan windows, coba anda kirim email ke microsoft tentang masalah teknis yg anda hadapi, beri tahu saya kalo anda mendapat respon yg memuaskan.<br />
Jawaban2 diatas adalah jawaban2 standar yang sering saya sampaikan para pemula atau orang2 yang belum atau baru mengenal linux. Ada alasan2 lain yang sepertinya hanya bisa dimengerti oleh linuxer atau fans berat linux, misalnya :<br />
• <span style="color: white;"> OPEN SOURCE BASED </span> – maksudnya adalah OS linux ini dikembangkan secara gotong royong oleh programmer2 di seluruh dunia tanpa motif ekonomis. Jadi tentu saya lebih percaya pada OS yang dikembangkan oleh komunitas pengguna yg concern dan idealis, daripada OS yang dikembangkan oleh suatu perusahaan yg jelas2 bermotif ekonomis, yg bertujuan mengeruk keuntungan sebanyak-banyaknya.<br />
• <span style="color: white;"> TOTAL CONTROL </span> – Linux memungkinkan kita untuk sepenuhnya mengontrol aktivitas komputasi kita. Pernahkah anda mengalami hang di suatu aplikasi windows dan kita berusaha menutup aplikasi tersebut tanpa harus merestart komputer karena di saat yg sama kita belum sempat men-save hasil pekerjaan kita pada aplikasi lain yang jalan bersamaan? kadang berhasil, kadang kita tidak bisa melakukan apa2 kecuali restart. Hal ini tidak akan terjadi di linux, misalkan suatu aplikasi hang, tidak akan mempengaruhi aplikasi lain yang jalan bersamaan.<br />
• <span style="color: white;"> PERSONALIZED </span>Personalized – Wajah dan penampilan mesin linux bisa kita custom semau kita, sesuai kebutuhan kita. bahkan kalo kita mampu, kita bisa mendesain ulang secara total penampilan dan isi desktop kita, atau singkatnya, kita bisa membuat sebuah distro linux versi kita sendiri.<br />
• <span style="color: white;"> FUN </span> – ngoprek linux sangat menyenangkan, linux membuat saya banyak belajar. Bagi saya, adalah sebuah tantangan untuk memperbaiki apabila misalnya sebuah hardware belum berjalan normal di mesin linux. Di windows, bila suatu hardware tidak kita temukan drivernya, mangkraklah hardware itu adalah solusinya, tidak ada yg bisa kita lakukan.<br />
Itu tadi sekedar beberapa alasan saya, kanapa sampai sekarang saya masih tetep menggunakan Linux untuk semua kebutuhan komputasi saya. mungkin ada yang punya Kritik tentang linux...silahkan comment...Yudhiaz Blacksiderhttp://www.blogger.com/profile/05923472980142736897noreply@blogger.com0tag:blogger.com,1999:blog-7410526481310405117.post-87369638371608547172012-08-09T10:21:00.000-07:002012-08-09T10:21:15.012-07:00Bukber Cyber ( 05-08-12)<iframe width="415" height="315" src="http://www.youtube.com/embed/QmS1GnOUjLU" frameborder="0" allowfullscreen></iframe><br />
<br />
To be Continue....Yudhiaz Blacksiderhttp://www.blogger.com/profile/05923472980142736897noreply@blogger.com0tag:blogger.com,1999:blog-7410526481310405117.post-86814056238682861082012-07-28T12:47:00.005-07:002013-01-25T09:16:44.026-08:00Dasar-Dasar HTML<div id="denzuaz">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-NzjvCofzaRY/UBRHSaeFR8I/AAAAAAAAAgo/4aiHAsFzdLY/s1600/html.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="130" src="http://1.bp.blogspot.com/-NzjvCofzaRY/UBRHSaeFR8I/AAAAAAAAAgo/4aiHAsFzdLY/s400/html.jpg" width="200" /></a></div>
</div>
<br />
Sebuah Web atau Blog tidak bisa lepas dari yang namanya HTML <span style="color: white;">(Hyper Text Mark up Language)</span> karena HTML inilah yang mendasari sebuah web/blog. Walaupun sekarang kita bisa membuat web/blog hanya dengan klak-klik mouse tapi setidaknya kita harus sedikit mengerti tentang dasar-dasar HTML, ya tho?. Dalam tutorial kali ini kita tidak akan membahas tentang semua dasar-dasar HTML tapi kita akan mempelajari tag-tag atau kode-kode penting yang sering digunakan dalam membangun sebuah web/blog misalnya cara membuat link, menampilkan gambar, mengganti warna font, membuat barus baru dll. Ok mari kita mulai pelajaranya :<br />
<br />
<span style="color: white;">* CARA MEMASUKKAN GAMBAR </span><br />
kode :<br />
<span style="color: red;"><img src="<span style="color: blue;"> http://i1053.photobucket.com/albums/s475/beck_tian/36_3_12.gif </span>" border="0" height="17" width="90"></span><br />
keterangan :<br />
yang warna <span style="color: blue;"> Biru </span> adalah lokasi gambar kamu.<br />
<b>height</b>="17" <b>width</b>="90" adalah ukuran lebar dan tinggi gambar<br />
<br />
<br />
<span style="color: white;">* CARA MEMBUAT LINK </span><br />
Kode :<br />
<span style="color: red;"><<a href="http://www.blogger.com/post-create.do">href="<span style="color: blue;"> http://yudhiaztriantz.blogspot.com </span></a><span style="color: blue;"> </span> " ><b>trik blog</b></a></span><br />
Keterangan : <br />
Text warna <span style="color: blue;">Biru</span> adalah link yang dituju.<br />
Tulisan "trik blog" adalah tulisan yang ditampilkan.<br />
Jika pingin yang dikasih link bukan tulisan melainkan gambar maka ganti tulisan tersebut dengan kode gambar seperti diatas, sehingga kodenya akan seperti ini :<br />
<span style="color: red;"><<a href="http://www.blogger.com/post-create.do">href="<span style="color: blue;"> http://yudhiaztriantz.blogspot.com </span></a><span style="color: blue;"> </span> " target="_blank"><img src="<span style="color: blue;"> http://i1053.photobucket.com/albums/s475/beck_tian/36_3_12.gif </span>" border="0" height="17" width="90"> </a></span><br />
Jika pingin link yang dituju dibuka dalam window baru maka tambahkan kode target="_blank" setelah kode "http://yudhiaztriantz.blogspot.com"<br />
Hasil : <br />
trik blog (dibuka pada window yg sama)<br />
(dibuka pada window baru)<br />
<br />
<span style="color: white;">* CARA MENGETENGAHKAN TEXT/GAMBAR </span><br />
Kode :<br />
<span style="color: red;"><center>text></center></span><br />
Keterangan :<br />
Ganti tulisan "text" dengan tulisan yana kamu inginkan, atau bisa juga diganti dengan gambar<br />
<br />
<span style="color: white;">* CARA MEMBUAT BARIS BARU </span><br />
Kode :<br />
<span style="color: red;"><br></span><br />
Keterangan :<br />
Tambahkan kode tersebut sebelum objek (text/gambar) yang dinginkan<br />
<br />
<span style="color: white;">* MEMBUAT HURUF TEBAL, MIRING DAN BERGARIS BAWAH </span><br />
Kode :<br />
<span style="color: red;"> <b>text</b> </span><br />
<span style="color: red;"> <i>text</i> </span><br />
<span style="color: red;"> <u>text</u> </span><br />
Hasil :<br />
<b>Tebal</b><br />
<i>Miring</i><br />
<u>Garis Bawah</u><br />
<br />
<span style="color: white;">* MEMBERI WARNA TEXT </span><br />
<span style="color: red;"> <font color="#FF0000"> text </font> </span><br />
<span style="color: red;"> <font color="red"> text </font> </span><br />
Keterangan :<br />
Ganti text yang dicetak tebal dengan warna atau kode warna kesukaanmu.<br />
Hasil :<br />
<span style="color: red;"> Merah </span><br />
<span style="color: blue;"> Biru </span><br />
<br />
<span style="color: white;"> * PENULISAN KARAKTER-KARAKTER KHUSUS </span><br />
Ada beberapa karakter yang tidak bisa ditulis secara langsung, jika ditulis maka akan hilang atau berubah, jadi untuk menuliskanya harus menggunakan kode-kode tertentu, berikut ini contoh karakter-karakter tersebut :<br />
<span style="color: white;"> Karakter </span> <span style="color: white;"> Kode </span><br />
<br />
> <span style="background-color: white; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: -webkit-center;">&gt;</span><br />
<br />
< <span style="background-color: white; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: -webkit-center;">&lt;</span><br />
<br />
& <span style="background-color: white; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: -webkit-center;">&amp;</span><br />
<br />
" <span style="background-color: white; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: -webkit-center;">&quot;</span><br />
<br />
(spasi) <span style="background-color: white; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: -webkit-center;">&nbsp;</span><br />
<br />
<a href="http://s1053.photobucket.com/albums/s475/beck_tian/?action=view&current=hula_hula.gif" target="_blank"><img alt="Photobucket" border="0" src="http://i1053.photobucket.com/albums/s475/beck_tian/hula_hula.gif" /></a>Yudhiaz Blacksiderhttp://www.blogger.com/profile/05923472980142736897noreply@blogger.com0tag:blogger.com,1999:blog-7410526481310405117.post-74462121902635044132012-07-28T10:10:00.001-07:002012-07-28T10:14:28.864-07:00Crack,Serial dan Cover # CraaglePusing bila program/Software yang kita pakai adalah Software Trial yang hanya bisa kita pakai beberapa hari/bulan saja,..Iseng-iseng cari Crack,Keygen dan Serial Number lewat mbah Google eh malah nemu yang aneh-aneh dan banyak banget (Pusing jadinya),..Nah ini dia solusinya"Cara mudah buat nemuin Crack,Keygen,Patch dan Serial.<br />
Yang loe butuhi hanyalah satu buah aplikasi khusus pencari Crack,Keygen dan Serial yang bernama"CRAAGLE",mirip banget sama Mbah Google yach..hehehehe <a href="http://s1234.photobucket.com/albums/ff407/nining_gaudi/?action=view&current=icon_pusing.gif" target="_blank"><img src="http://i1234.photobucket.com/albums/ff407/nining_gaudi/icon_pusing.gif" border="0" alt="Photobucket"></a><br />
<br />
Aplikasi ini bisa di dapat di internet.Coba tanya sama Mbah Google yach..banyak kok :P<br />
Tapi klo ngk mau capek-capek,..nih gw kasih linknya :<a href="http://www.4shared.com/file/waQDkUjB/Craagle_4_and_Billion_Serial.html" >Download Craagle </a><br />
Contoh ScreenShootnya :<br />
<div id="denzuaz"><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-2gBIg5GTBTQ/UBQbrqewplI/AAAAAAAAAgU/UovMCi6H81w/s1600/craagle.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="180" width="250" src="http://1.bp.blogspot.com/-2gBIg5GTBTQ/UBQbrqewplI/AAAAAAAAAgU/UovMCi6H81w/s400/craagle.jpg" /></a></div></div>Semoga Bermanfaat...Yudhiaz Blacksiderhttp://www.blogger.com/profile/05923472980142736897noreply@blogger.com0tag:blogger.com,1999:blog-7410526481310405117.post-46299086452804073302012-07-28T09:38:00.000-07:002012-07-28T09:38:14.493-07:00Iseng - Iseng Dengan Kursor # FingerBosan X dengan tampilan kursor yang biasa-biasa aja (Standart)...hehehehehhe<br />
Kali ini gw mau share Program yang bernama FINGER,..yang akan memunculkan jari tengah<br />
Setiap kursor di gerakkan #<br />
<div id="denzuaz"><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-bzdlh0PULus/UBQRioo1aVI/AAAAAAAAAgA/oLTV-IHrpIU/s1600/finger.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="180" width="250" src="http://2.bp.blogspot.com/-bzdlh0PULus/UBQRioo1aVI/AAAAAAAAAgA/oLTV-IHrpIU/s400/finger.jpg" /></a></div></div>Langsung aja nih,gw kasih Linknya :<a href="http://www.rjlpranks.com/pranks/the_finger/" >Klik di Sini </a><br />
Dan untuk Menutup Programnya,Loe cuma mangarahkan Mouse ke posisi pojok kiri atas layar monitor,dan Finger pun akan lenyap dari monitor.Yudhiaz Blacksiderhttp://www.blogger.com/profile/05923472980142736897noreply@blogger.com0tag:blogger.com,1999:blog-7410526481310405117.post-46363592448652273572012-07-22T02:34:00.004-07:002012-07-22T02:40:36.795-07:00Efect BerPutar dan Besar<div id="denzuaz"><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/-PtQbYXEAxMY/UAvI1P2ykCI/AAAAAAAAAfw/mKMForLEpSw/s1600/yudhiaz7.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="180" width="250" src="http://4.bp.blogspot.com/-PtQbYXEAxMY/UAvI1P2ykCI/AAAAAAAAAfw/mKMForLEpSw/s400/yudhiaz7.jpg" /></a></div></div><a href="http://s1234.photobucket.com/albums/ff407/nining_gaudi/?action=view&current=icon_pusing.gif" target="_blank"><img src="http://i1234.photobucket.com/albums/ff407/nining_gaudi/icon_pusing.gif" border="0" alt="Photobucket"></a>Yudhiaz Blacksiderhttp://www.blogger.com/profile/05923472980142736897noreply@blogger.com0tag:blogger.com,1999:blog-7410526481310405117.post-37027708232248580532012-07-20T01:19:00.011-07:002012-07-21T05:59:25.801-07:00Lucu2 With Ryan and Pandos+Tya+Icut ^_^<a href="http://s1234.photobucket.com/albums/ff407/nining_gaudi/?action=view&current=yudhiHB.gif" target="_blank"><img src="http://i1234.photobucket.com/albums/ff407/nining_gaudi/yudhiHB.gif" border="0"iframe width="400" height="300" alt="Photobucket"></a><br />
<br />
<a href="http://s1234.photobucket.com/albums/ff407/nining_gaudi/?action=view&current=Yudhi2.gif" target="_blank"><img src="http://i1234.photobucket.com/albums/ff407/nining_gaudi/Yudhi2.gif" border="0" iframe width="400" height="300" alt="Photobucket"></a><br />
<br />
<a href="http://s1234.photobucket.com/albums/ff407/nining_gaudi/?action=view&current=Trio-Sevel.gif" target="_blank"><img src="http://i1234.photobucket.com/albums/ff407/nining_gaudi/Trio-Sevel.gif" border="0"iframe width="400" height="300" alt="Photobucket"></a><br />
<br />
<br />
<a href="http://s1234.photobucket.com/albums/ff407/nining_gaudi/?action=view&current=Project-Flash2.gif" target="_blank"><img src="http://i1234.photobucket.com/albums/ff407/nining_gaudi/Project-Flash2.gif" border="0" iframe width="400" height="300" alt="Photobucket"></a><br />
<br />
<br />
<a href="http://s1234.photobucket.com/albums/ff407/nining_gaudi/?action=view&current=icon_plis.gif" target="_blank"><img src="http://i1234.photobucket.com/albums/ff407/nining_gaudi/icon_plis.gif" border="0" alt="Photobucket"></a> Mohon Maaf Lahir dan Batin..yaYudhiaz Blacksiderhttp://www.blogger.com/profile/05923472980142736897noreply@blogger.com0tag:blogger.com,1999:blog-7410526481310405117.post-25852158270242860212012-06-12T16:50:00.001-07:002012-06-12T17:03:04.830-07:00Photoshop Creativity<a href="http://2.bp.blogspot.com/-Ba30bWa7LpM/T9fVJcIHejI/AAAAAAAAAdo/Tc4GYitMH0k/s1600/yudhie3.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="300" width="400" src="http://2.bp.blogspot.com/-Ba30bWa7LpM/T9fVJcIHejI/AAAAAAAAAdo/Tc4GYitMH0k/s400/yudhie3.jpg" /></a><br />
<br />
<a href="http://4.bp.blogspot.com/-W0iN8tzOLhU/T9fVJgEIA5I/AAAAAAAAAd0/SW2OxTbWaMc/s1600/yudhie.jpg" imageanchor="1" style="margin-left:1em; margin-right:1em"><img border="0" height="300" width="400" src="http://4.bp.blogspot.com/-W0iN8tzOLhU/T9fVJgEIA5I/AAAAAAAAAd0/SW2OxTbWaMc/s400/yudhie.jpg" /></a><br />
<br />
About Creativity :<br />
<br />
Inventiveness or creativity is a mental process involving the appearance of an idea or draft (concept) of new, or new relationships between ideas and the composition of existing ones. From the scientific point of view, the result of inventive thinking (creative thinking) (sometimes called a branching thought) are usually considered to have the authenticity and appropriateness. As an alternative, everyday conception of creativity is the act of making something new. Creativity in strongly influenced by various factors: heredity and environment.Yudhiaz Blacksiderhttp://www.blogger.com/profile/05923472980142736897noreply@blogger.com0