Latest Entries »

Kota Romantis Venesia

venice1

Dari kecil saya sudah memiliki keinginan untuk bisa menjelajahi kota yang terapung di atas air ini suatu saat nanti, Venesia… ❤ Kota tua nan eksotis ini adalah ibu kota Regione Veneto, berdiri sejak abad ke-9 hingga abad ke-18… 😮 Di kota Venezia(bahasa itali) ini kendaraan utama yang digunakan adalah perahu, ada beberapa jenis perahu seperti perahu yang biasa kita lihat, mungkin juga speed boat, ada juga gondola dan vaporetto. Kendaraan apa itu??? Yu, kita lihat sedikit penjelasan tentang beberapa kendaraan yang digunakan di kota yang biasa disebut city of water ini.. Check it out !! 😀

  • Gondola

Gondola adalah sejenis perahu dayung yang memegang peranan penting hingga saat ini, karena merupakan sarana transportasi utama di Venesia. Seperti gambar di bawah ini, sebuah gondola digerakan oleh seorang pendayung yang disebut gondolier. Seorang gondolier diharuskan orang yang lahir di Venesia, jadi orang luar yang tidak lahir di sini tidak bisa mengendarakan gondola ini.. 🙂

gondola

Gambar di bawah ini adalah contoh perahu dan speed boat yang ada di Venesia.

venesia2

  • Vaporetto

Vaporetto adalah sejenis bus air yang menjadi salah satu transportasi utama di Venesia, harganya pun lebih terjangkau dibandingkan dengan tarif gondola, karena gondola dapat digunakan untuk melewati kanal-kanal yang sempit di Venesia sedangkan Vaporetto berbadan besar sehingga tidak memungkinkan untuk hal tersebut.

vaporetto

Salah Satu tempat menarik lainnya adalah Piazza San Marco. Merupakan salah satu alun-alun yang hampir setiap hari dikunjungi oleh wisatawan dan juga merupakan simbol ktoa Venice dengan adanya menara yang tinggi ditemani dengan keindahan dari ratusan burung merpati yang menghiasi Piazza San Marco ini… ^^ piaza piazza-san-marco

Karena sering hujan deras, alun-alun ini sangat cepat tergenang banjir.. 😐 Dipikir-pikir serem juga yah..Tetapi orang-orang di sana dan juga wisatawan tetap memanfaatkan hal ini untuk berbagai hal yang positif 😀 keren! best-pictures-of-year-2008_104_venicefd prawed renang santai

Sekian postingan saya kali ini,  semoga dapat menambah wawasan kalian sedikit tentang kota nan eksostis ini, Venesia ^^

Advertisements

HP Terunik di dunia

Setelah sekian lama (sekali) tidak mem posting :p, hari ini saya akan membagikan informasi tentang HP (ponsel) terunik di dunia. Kita tidak bisa lepas dari gadget yang satu ini, right?? lol , mau kita lagi di rumah, kantor, di jalan dan bahkan di (maaf) toilet sekalipun kita selalu setia membawa gadget kita 😀

Disini g akan membahasa beberapa konsep yang dimiliki oleh orang” yang luar biasa… Semua berawal dari mimpi !!
Here we go !

1. Ponsel Cuaca / Windows Phone by Seunghan Song

Dari nama nya saja sudah menjelaskan keunikan dari ponsel yang satu ini. Ya, ponsel ini dirancang untuk dapat mendeteksi cuaca yang sedang terjadi dimanapun kalian berada. Konsep ini rancang oleh Seunghan Song dengan model yang sangat sangat tipis dan juga transparan yang di kemudian hari mungkin dapat bermanfaat untuk kita. Semua nya sekali lagi berawal dari mimpi 😛

Gambar di bawah ini menggambarkan ketika cuaca di sekitar sedang cerah..

window_phone_sunny

Dan yang satu ini ketika sedang hujan, O.O so cool…..

window_phone_rain

Karena di Indonesia hanya memiliki 2 musim saja, mungkin fitur yang di bawah ini bisa kita coba disaat kita sedang jalan” ke tempat yang memiliki 4 musim… hehe

window_phone_snow

Fitur sms dan juga telepon dirancang seperti gambar di bawah ini :

window_phone_text window_phone_callwindow_phone_shh

2. Ponsel Chineese Scroll by Yun Li

Biasanya kita mendengar ponsel yang dapat di slide atau di flip, itu sudah biasa kan?.. Ponsel keren ini memiliki fitur Scroll.. wow! Setiap menu utama nya mengharuskan kita meng-scroll terlebih dahulu ponsel ini. Bentuknya pun seperti alat tulis sehingga mudah dibawa kemana-mana.

ponsel-unik-scroll

3. Ponsel kayu Maple by Hyun Jin Yoon & Eun Hak Lee

Ponsel yang satu ini adalah salah satu favourite g nih.. Gimana engga, bentuknya saja sudah menyerupai kayu nyata sehingga orang lain tidak akan mengira kalau itu ponsel 😛 Ponsel yang di design oleh Hyun Jin Yoon dan Eun Hak Lee ini menggunakan kayu maple pada bahan dasar casing nya, sungguh unik !

keb0_maple3keb0_maple

4. Ponsel Alam by Je-Hyun Kim

Ponsel selanjutnya tidak kalah unik dari yang sebelumnya, di design oleh Je-Hyun Kim ponsel ini terbuat dari rumput kering.. 😮

naturePonsel-Alam

5. Ponsel Ide Sentuhan Jari by Sunman Kwon

Okei yang terakhir, ponsel ini menurut saya sangat canggih, kenapa?.. karena menggunakan hologram yang di tembakkan pada tangan, sehingga kita tinggal menekan” jari kita sesuai kebutuhan.

Touch

Sekian postingan saya kali ini, semoga kita bisa belajar dari mereka yang mempunya mimpi-mimpi besar seperti ini. Sehingga di kemudian hari entah mungkin kita, atau anak kita, atau mungkin cucu kita dapat menikmati semua mimpi-mimpi kita yang telah menjadi nyata… 😀

Auditing

Audit atau pemeriksaan dalam arti luas bermakna evaluasi terhadap suatu organisasi, sistem, proses, atau produk.  Tujuannya adalah untuk melakukan verifikasi bahwa subjek dari audit telah diselesaikan atau berjalan sesuai dengan baik. Disini akan dijelaskan bagaimana mengaudit sebuah domain.

Footprinting

Dalam auditing kita harus menentukan dulu target sasaran yang akan di audit, disini saya sudah menentukan target nya, salah satu domain yang dimiliki oleh maranatha.edu, yaitu wilfridus.lecturer.maranatha.edu .

Pertama-tama yang dilakukan adalah melakukan ping ke domain tersebut agar bisa mendapatkan IP nya menggunakan command prompt.

Setelah melakukan ping dan terkoneksi, kita mendapatkan IP Address nya yaitu 124.81.121.29

Kedua kita melakukan footprinting, disini saya melakukan footprinting dengan menggunakan program Whois.

Masukan IP address yang di dapat di atas, kemudian tekan start. Tunggu beberapa detik kemudian hasilnya akan muncul seperti gambar di bawah ini.

Atau bisa juga masuk ke website http://whois.domaintools.com/, kemudian masukan nama domain target kita, disini targetnya adalah wilfridus.lecturer.maranatha.edu.

Informasi nya pun akan muncul seperti yang di bawah ini.

Informasi yang di dapat website www.whois.net terlihat range IP nya adalah :

124.81.121.0 – 124.81.121.63

Informasi yang di dapat oleh website www.whatismyipaddress.com

Terlihat disini bahwa Internet Service Provider nya menggunakan

PT INDOSAT MEGA MEDIA, yang berlokasi di Jawa Barat, Indonesia

Scanning Vulnerability

Sekarang baru akan memulai scanning, disini OS yang saya gunakan adalah Backtrack 5 dan tools scanning nya menggunakan Nmap.

kita akan melacak IP protocol, traceroute dan versi yang dipakai IP tersebut dengan mengetikan:  nmap –sV –sO -A 124.81.121.29. Hasilnya seperti di bawah ini :

Kemudian kita cek OS dan port apa saja yang terbuka digunakan menggunakan perintah nmap –O 124.81.121.29. Hasilnya seperti di bawah ini.

Port yang terbuka adalah :

21 -> ftp (Open)

22 -> ssh (Open)

25 -> smtp (Filtered)

53 -> domain (Open)

80 -> http (Open)

110 -> pop3 (Open)

143 -> imap (Open)

443 -> https (Open)

465 ->  smtps (Open)

587->  submission (Open)

993 -> imaps (Open)

995 -> pop3s (Open)

3306 -> mysql (Open)

OS yang terdeteksi di duga Linux 2.6.X sebesar 90% dengan menggunakan Internet Security System Linux 2.4.x sebesar 87%. Aggressive OS ny menunjukan menggunakan Linux 2.6.18 yang presentase nya terbesar. Tetapi tidak mendapatkan detail OS nya menggunakan Debian,Ubuntu, atau jenis Linux yang lainya.

Untuk mengecek Vulnerability nya lagi, saya mencoba menggunakan Nessus.

Tetapi hasilnya di sini Nessus tidak menemukan Vulnerability

 

Kemudian saya mencoba lagi menggunakan W3af yang ad di backtrack, dengan tampilan GUI nya. Masukan IP nya di kotak yang tersedia, kemudian checklist audit dan tekan start.

 

Dan Hasilnya adalah seperti ini. Bisa dilihat servernya menggunakan Apache disini.

Setelahn kita mendapatkan beberapa informasi tentang lubang kemanan nya, selanjutnya kita bisa dengan masuk ke domain http://www.secunia.com, kemudian cari vulnerability apa saja yang ada pada pada website tersebut. ^^

Java Script

1. Mencetak teks dalam javascript

Dalam Java Script perintah yang digunakan untuk mencetak suatu teks pada dokumen HTML adalah
document.write(“pesannya”).
Untuk lebih jelasnya cobalah ketikan code berikut ini:
<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE=”JavaScript”>
document.write(“<H1>Aksara Jawa</H1>”);
</SCRIPT>
<I>Tulisan di atas dihasilkan oleh Java Script</I>
</BODY>
</HTML>

2. Tipe Data dan Deklarasi Variabel
Dalam Java Script terdapat tiga macam tipe data utama, yaitu tipe data String (kumpulan karakter), tipe data
bilangan / numerik, dan tipe data logika / boolean. Pada tipe data boolean akan mengenal dua buah nilai yaitu
true dan false.
Pendeklarasian variabel dalam Java Script ditandai dengan penggunaan kata kunci var dan diikuti dengan
nama variabel. Tipe data dari suatu variabel ditentukan oleh nilai yang diisikan ke dalam variabel tersebut dan
bukannya dideklarasikan secara eksplisit. Untuk lebih jelasnya cobalahcontoh berikut ini:
<SCRIPT LANGUAGE=”JavaScript””>
var kota = ”bandung”; // deklarasi variabel bernama kota bertipe data string
var gaji = 0; // deklarasi variabel bernama gaji bertipe data integer
var ipk = 2.75; // deklarasi variabel bernama ipk bertipe data float
var status_cekal = false; // deklarasi variabel bernama status_cekal bertipe data boolean
</SCRIPT>

3. Konversi Tipe Data
Dalam pemrograman java script dimungkinkan untuk melakukan konversi / pengubahan tipe data.
Tipe data yang memungkinkan untuk dikonversi adalah tipe data string ke tipe data numerik.
Ada dua fungsi yang bisa digunakan untuk mengkonversi suatu nilai bertipe data string ke numerik, Fungsi
yang pertama adalah fungsi parseInt() dan fungsi yang kedua adalah fungsi parseFloat().
Fungsi parseInt() digunakan untuk melakukan konversi dari tipe data string ke tipe data numerik berbentuk
bilangan bulat / integer.
Dan fungsi parseFloat() digunakan untuk melakukan konversi dari tipe data string ke tipe data numerik
berbentuk bilangan pecahan / floating point.
fungsi keterangan contoh:
– parseInt() digunakan untuk konversi dari tipe data string ke
tipe data numerik bilangan bulat / integer
– parseFloat() digunakan untuk konversi dari tipe data string ke
tipe data numerik bilangan pecahan / floating

4. Mengenal Message Box

Dalam Java Script terdapat tiga macam message box standar, yaitu alert, confirm, dan prompt. Dalam
JavaScript ketiga message box ini merupakan bagian dari objek window.
Alert
Alert digunakan untuk menampilkan pesan / informasi yang sifatnya penting dan mendesak. Misalkan saja
informasi yang menyatakan bahwa suatu halaman web membutuhkan shcokwave player yang terinstal pada
web browser.
Bentuk umum dari message box alert adalah:
window.alert(pesan);
Untuk lebih jelasnya dapat mempelajari contoh berikut ini:
<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY>
<H1>ALERT</H1>
<SCRIPT LANGUAGE=”JavaScript”>
window.alert(“JavaScript memang hebat”);
</SCRIPT>
</BODY>
</HTML>

Confirm
Confirm digunakan untuk meminta konfirmasi dari pengunjung web. Nilai yang mampu ditampung oleh
message box ini adalah nilai true atau false. Kedua nilai ini dihasilkan dari penekanan tombol Ok atau Cancel.
Penekanan tombol Ok akan menghasilkan nilai true sedangkan penekanan tombol Cancel akan menghasilkan
tombol false.
Bentuk umum dari message box confirm adalah:
window.confirm(pertanyaan);
Untuk lebih jelasnya bisa mempelajari contoh berikut ini:
<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY>
<H1>CONFIRM</H1>
<SCRIPT LANGUAGE=”JavaScript”>
var komentar;
komentar = window.confirm(“Apakah Anda vegetarian?”);
if (komentar) {
document.write(“Anda seorang vegetarian”);
} else {
document.write(“Anda bukan seorang vegetarian”);
}
</SCRIPT>
</BODY>
</HTML>

Prompt
Prompt dapat digunakan untuk menampung nilai yang diinputkan oleh penunjung web.
Bentuk umum dari message box prompt adalah:
window.prompt(pesan, nilai_default);
Untuk lebih jelasnya bisa mempelajari contoh berikut ini:
Prompt dapat digunakan untuk menampung nilai yang diinputkan oleh penunjung web.
Bentuk umum dari message box prompt adalah:
window.prompt(pesan, nilai_default);
Untuk lebih jelasnya bisa mempelajari contoh berikut ini:
<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY>
<H1>PROMPT</H1>
<SCRIPT LANGUAGE=”JavaScript”>
var nama;
nama = window.prompt(“Masukkan nama Anda”, “Mbah Boedy”);
document.write(“Selamat Datang ” + nama);
</SCRIPT>
</BODY>
</HTML>

5. Mengenal function
Penggunaan function memungkinkan penulisan suatu kode program secara modular atau yang sering kali
disebut sebagai modular programming. Penulisan function pada JavaScript umumnya diletakkan pada bagian
HEAD dalam dokumen HTML.
Bentuk umum dalam penulisan function adalah:
function nama_function() {
//statementstatement
yang akan dieksekusi oleh function
}
Ketika suatu function ingin digunakan yang perlu dilakukan adalah memanggil nama functionnya.
Untuk lebih jelasnya bisa mempelajari contoh berikut ini
<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
<SCRIPT LANGUAGE=”JavaScript”>
function salam() {
document.write(“<H1>Hallo Apa Kabar?</H1>”);
}
</SCRIPT>
</HEAD>
<BODY>
<SCRIPT LANGUAGE=”JavaScript”>
salam();
document.write(“Header tersebut dihasilkan dari pemanggilan function salam”);
</SCRIPT>
</BODY>
</HTML>

6.Mengenal Event
Event adalah kejadian yang terjadi pada suatu halaman web. Kejadian ini bisa bermacammacam,
ada kejadian
penekanan tombol, kejadian pengubahan nilai pada textbox, dan bermacammacam
kejadian lainnya.
Kejadiankejadian
tersebut bisa diarahkan untuk memicu pemanggilan suatu function tertentu. Konsep
pemrograman di mana suatu function dipanggil berdasarkan suatu event tertentu dikenal dengan istilah event
handling programming.

Event onClick
Event onClick merupakan kejadian penekanan tombol mouse (click) pada komponen form. Kejadian ini bisa
berupa penekanan tombol, pemilihan checkbox maupun radio button, dan pemilihan suatu link, serta
penekanan tombol submit ataupun reset.
Pengaturan terhadap event ini dilakukan dengan menuliskan atribut onClick pada tag HTML yang
bersangkutan. Atribut ini dapat diberi nilai berupa nama function yang akan dipicu oleh event tersebut.
Untuk lebih jelasnya bisa mempelajari contoh berikut ini:
<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
<SCRIPT LANGUAGE=”JavaScript”>
function salam() {
window.alert(“Selamat Datang\n” + formku.nama.value);
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME=”formku”>
<TABLE>
<TR><TD>Nama:</TD><TD><INPUT TYPE=”TEXT” NAME=”nama”></TD></TR>
<TR><TD></TD><TD><INPUT TYPE=”BUTTON” VALUE=”Proses” onCLick=”salam()”></TD></TR>
</TABLE>
</FORM>
</BODY>
</HTML>

Event onFocus dan onBlur
Event onFocus berkaitan dengan kejadian mengarahkan fokus kursor ke suatu komponen form tertentu. Contoh
nyata dari kejadian ini adalah ketika melakukan pemindahan kursor ke dalam suatu textbox baik itu dilakukan
dengan menggunakan bantuan mouse ataupun menggunakan tombol tabulasi pada keyboard.
Sedikit berbeda dengan event onFocus, event onBlur berkaitan dengan kejadian ketika kursor beralih
meninggalkan suatu komponen form tertentu.
Baik event onFocus maupun event onBlur keduanya bisa diimplementasikan pada komponen textbox dan text
area.

Event onChange
Event onChange merupakan suatu kejadian pengubahan nilai pada suatu komponen. Contoh nyata dari event
ini adalah pada kejadian pengisian atau pengubahan nilai pada textbox, text area, combo box, dan listbox.
Untuk lebih jelasnya bisa mempelajadi contoh berikut ini:
<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
<SCRIPT LANGUAGE=”JavaScript”>
function ubah_nama() {
window.alert(“Nama Anda ” + formku.nama.value);
}
function ubah_kota() {
window.alert(“Anda berada di kota ” + formku.kota.value);
}
</SCRIPT>
</HEAD>
<BODY>
<H1>Mengenal Event onChange</H1>
<FORM NAME=”formku”>
<TABLE>
<TR>
<TD>Nama</TD>
<TD><INPUT TYPE=”TEXT” NAME=”nama” onChange=”ubah_nama()”></TD>
</TR>
<TR>
<TD>Kota</TD>
<TD><SELECT NAME=”kota” onChange=”ubah_kota()”>
<OPTION VALUE=”Jakarta”>Jakarta</OPTION>
<OPTION VALUE=”Bandung”>Bandung</OPTION>
<OPTION VALUE=”Jogja”>Yogyakarta</OPTION>
</SELECT></TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>

Event onSelect
Event onSelect berkaitan dengan kejadian pemilihan teks pada suatu komponen form seperti pemilihan teks
yang berada pada suatu textbox. Event ini bisa diterapkan pada textbox, textarea, combo box, dan list box.
Untuk lebih jelasnya bisa mempelajari contoh berikut ini:
<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
<SCRIPT LANGUAGE=”JavaScript”>
function select_nama() {
window.alert(“Anda memilih teks \n pada textbox nama”);
}
function select_komentar() {
window.alert(“Anda memilih teks \n pada textarea komentar”);
}
</SCRIPT>
</HEAD>
<BODY>
<H1>Mengenal Event onSelect</H1>
<FORM NAME=”formku”>
<TABLE>
<TR>
<TD>Nama</TD>
<TD><INPUT TYPE=”TEXT” NAME=”nama” onSelect=”select_nama()”></TD>
</TR>
<TR>
<TD>Komentar</TD>
<TD>
<TEXTAREA NAME=”komentar” COLS=”20″ ROWS=”5″ onSelect=”select_kota()”>
</TEXTAREA>
</TD>
</TR>
</TABLE>
</FORM>
</BODY>
</HTML>

Event onMouseOver dan onMouseOut
Event onMouseOver dan onMouseOut berkaitan dengan kejadian pergerakan kursor mouse pada suatu link.
Event onMouseOver terjadi ketika kursor mouse berada di atas suatu link sedangakan event onMouseOut
terjadi ketika cursor mouse bergerak meninggalkan suatu link.
Untuk lebih jelasnya bisa mempelajari contoh berikut ini:
<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
<SCRIPT LANGUAGE=”JavaScript”>
function dekat() {
window.alert(“Cursor Mouse Mendekat”);
}f
unction jauh() {
window.alert(“Cursor Mouse Menjauh”);
}
</SCRIPT>
</HEAD>
<BODY>
<H1>Mengenal Event onMouseOver dan onMouseOut</H1>
<A HREF=”http://ubuntu.com&#8221; onMouseOver=”dekat()” onMouseOut=”jauh()”><IMG SRC=”pic1.jpg”></A>
</BODY>
</HTML>
Semoga dapat membantu kalian membuat javascript yah…^^

Macam-macam Tag di HTML 4

Okehh, skrang kita akan mempelajari tentang form, kegunaan form adalah dapat menampung inputan dan juga berkaitan erat dengan pemrograman. Tetapi di sini gw cuma akan membahas sampai UI nya saja, jadi hanya tampilanya saja terlebih dahulu, ok..check this out!

9.Form

Pertama-tama saya akan mengajarkan cara membuat sebuah form yang sangat simpel.

Lihat coding di bawah ini:

<html><body> 

<form>

Nama:<input type=”text” name=”nama” size=”15″ maxlength=”15″ value=”Evan” /> <br/>

Password:<input type=”password” name=”pass”  value=”1234″/> <br/>

<input type=”submit” value=”Log in”/>

<input type=”reset” value=”Out”/>

</form>

</body>

</html>

Hasilnya seperti di bawah berikut :

 

Nama: 

Password:

 

Pada atribut type jika kita beri nilai password, maka tampilanya akan seperti gambar di atas. Untuk nilai submit dan reset, kita dapat menambahkan atribut method dan action pada tag form agar dapat berpindah ke halaman lain jika kita ketik log in atau log out. Tampilan form di atas juga terlihat kurang rapih, kita dapat merapihkanya dengan cara menggunakan tabel.

Selanjutnya kita akan membahas tentang checkbox dan kawan-kawan nya.

<html><body> 

<form>

Daftar Hobi  (ini checkbox)<br/>

<input type=”checkbox”/>Belajar<br/>

<input type=”checkbox”/>Ngoding<br/>

<input type=”checkbox”/>Posting<br/>

Jenis kelamin (ini radi0 button)<br/>

<input type=”radio” name=”kelamin”/ checked>Laki <br/>

<input type=”radio” name=”kelamin”/>Perempuan <br/>

Komentar anda: (ini textarea)

<textarea name=”komentar” cols=”20″ row=”5″>

</textarea> <br/>

Ini adalah combo box :

<select name=”Jurusan”>

<option value=”it”> IT

<option value=”ekonomi”> Ekonomi

<option value=”psikologi”> Psikologi

<option value=”bahasa”> Bahasa

</select>

Ini adalah listbox:

<select name=”Jurusan” multiple />

<option value=”it”> IT

<option value=”ekonomi”> Ekonomi

<option value=”psikologi”> Psikologi

<option value=”bahasa”> Bahasa

</select>

</form>

</body>

</html>

Hasilnya adalah sebagai berikut :

Daftar Hobi (ini checkbox) 

BelajarNgoding 

Posting

Jenis kelamin (ini radi0 button)

Laki

Perempuan

Komentar anda: (ini textarea)

Ini adalah combo box :

IT Ekonomi Psikologi Bahasa Ini adalah listbox:

IT Ekonomi Psikologi Bahasa

PENTING!!!

Hasilnya karena berhubung themes yang dipakai membuat hasilnya menjadi selalu berbeda, kalian dapat mencobanya sendiri mengetikan Semua coding di atas dan lihat hasilnya. Next kita bakal belajar CSS, semoga bermanfaat postingan di atas. God Bless You..^^

Macam-macam Tag HTML 3

Pada bagian ini khusus saya akan menjelaskan tentang tag frame,
frame di gunakan untuk membuat sebuah bingkai untuk sebuah halaman web,
kita dapat membagi frame” tersebut ke dalama beberapa bagian pada sebuah halaman web.

8.Frame

Tag dasar pada pembuatan frame adalah tag<frameset> dengan atribut cols dan rows, sedangkan  tag<frame> dengan atribut src nya. Di bawah ini salah satu contoh sederhana dalam pembuatan frame, saya akan membaginya menjadi 2 bagian kanan dan kiri saja :

<html> 

<frameset cols=”50%,*”>

<frame src=”page1.html”>

<frame src=”page2.html”>

</frameset>

</html>

Di asumsikan kalian sudah membuat 2 buah page html seperti contoh di atas, dan sebah kerangan frame seperti di atas.

maka hasilnya halaman web kalian akan terbagi 2 kanan dan kiri, dibagi berdasarkan cols atau rows (seperti yang sudah saya jelaskan pada part 2 tentang tag dasar HTML).

Selanjutnya saya akan menjelaskan dengan contoh soal, saya memakai soal yang dipakai waktu praktikum web lagi untuk contohny, perhatikan gambar di bawah ini :

Pertama yang kita lakukan membagi secara bagian besar nya terlebih dahulu, yang saya lakukan membagi cols nya menjadi 4 bagian, kemudian baru tiap 1 cols dibagi lagi sesuai yang di inginkan. jadi yang saya lakukan pada awalnya seperti ini :

<html> 

<frameset cols=”25%,25%,25%,*”>

<frameset rows=”30%,30%,30%”>

<frame src=”……..”>

</frameset>

<frameset cols=”50%,*”>

<frame src=”……..”>

<frame src=”……..”>

</frameset>

<frameset rows=”30%,30%,30%”>

<frame src=”……..”>

<frame src=”……..”>

<frame src=”……..”>

</frameset>

………

Contoh di atas hanya membagi tiap bentuk nya saja pada kolom ke 1, di dalam frameset nya pun ad tag <frame> yang harus di tambahkan.

Sisa nya kalian coba sendiri ya untuk latihan….^^v
Jawaban soal (kalo udah bohwat aja…hoho)

Selanjutnya kita akan mencoba mebuat halaman web yang menggunakan link, contoh soal nya seperti di bawah ini :

Di sediakan 3 tombol di kanan dan di kiri, jika kita klik atas maka bagian tengah atas akan menjadi warna biru, begitu pun selanjutnya tengah dan bawah ada warna yang berbeda.

Pada bagian kanan nya digunakan untuk membalikan warna  tadi ke warna putih seperti gambar pertama.

Seperti biasa pertama saya akan membagi menjadi 3 bagian besar pada soal ini, kiri, tengah, dan kanan. Sesudah membuat kerangaka frame yang diminta, buatlah 2 bagan bagian kanan dan kiri nya yang berisi tulisan tersebut.

codingan awalnya seperti ini:

<html> 

<frameset cols=”25%,50%,*”>

<frame bagan kiri nya…>

<frameset rows=”30%,30%,30%”>

<frame warna biru….>

<frame warna hijau….>

<frame warna merah….>

</frameset>

<frame bagan kanan nya…>

</frameset>

</html>

Kemudian buat 2 buah html untuk bagan kiri dan kanan nya,

Selamat mencoba sodara-sodara….lol
Kalo uda pusing sini aj!!! ^^v

Dan yang terakhir adalah iframe, di gunakan karena bentuk nya yang fleksibel.

Macam-macam Tag di HTML 2

Sekarang tag yang akan dipelajari adalah mengenai <table> Tabel.

Tabel di gunakan untuk mengolompokan data-data yang ada secara rapih dan mudah untuk di baca.

7. Table

– Tag tabel yang standar dipakai adalah :

<table>     :  membuat tabel

<caption> :  membuat judul tabel

<tr>          :  cell baris

<th>         :  heading

<td>         : cell data

– Atribut pada tag tabel seperti :

<bgcolor> : mengatur warna tabel

<border>  : mengatur ketebalan garis pada tabel

<cellspacing> : mengatur jarak spasi

<cellpadding> : mengatur jarak padding nya

<width> dan <height>

Sekarang kita akan mencoba membuatnya, contohnya adalah seperti ini :

<table bgcolor=”#00FF00″ border=”3″> 

<tr> <th> Nama </th> <th> Pekerjaan </th> <th> Umur </th> </tr>

<tr> <td> Evan </td> <td> Manager IT </td> <td> 19 Tahun </td> </tr>

<tr> <td> Valdius </td> <td> Office Boy </td> <td> 26 Tahun </td> </tr>

<tr> <td> Anto </td> <td> Analyst </td> <td> 21 Tahun </td> </tr>

<tr> <td> Nano </td> <td> Lobbyist </td> <td> 21 Tahun </td> </tr>

</table>

Hasilnya adalah seperti ini :

Nama Pekerjaan Umur
Evan Manager IT 19 Tahun
Valdius Office Boy 26 Tahun
Anto Analyst 21 Tahun
Nano Lobbyist 21 Tahun

Tabel pun bisa kita buat menjadi sebuah gambar atau animasi lainya dengan bantuan atrribut rowspan dan colspan yang dapat di pakai pada tag <th> atau <td>. Rowspan digunakan untuk menggabungkan baris menjadi 1 bagian, begitu juga colspan menggabungkan kolom.

Contoh nya sebagai berikut :

<table bgcolor=”green” border=”3″> 

<tr> <th rowspan=”2″ colspan=”2″ align=”center”> Mahasiswa Maranatha </th> <th colspan=”3″ align=”center”> Jurusan </th> </tr>

<tr> <th> IT </th> <th> Management </th> <th> Psikologi </th></tr>

<tr> <th rowspan=”2″> Jenis Kelamin </th> <th> Laki-laki </th> <td>1000</td> <td>500</td> <td>700</td> </tr>

<tr> <th> Perempuan </th> <td> 300 </td> <td> 1300 </td> <td> 700 </td> </tr>

</table>

Hasilnya adalah sebagai berikut :

Mahasiswa Maranatha Jurusan
IT Management Psikologi
Jenis Kelamin Laki-laki 1000 500 700
Perempuan 300 1300 700

Tabel ini dapat kita buat sebuah animasi atau gambar, saya mengambil contoh dari soal-soal praktikum Web kemaren yang saya kerjakan.^^ Ini beberapa contoh nya, coba kalian buat coding html nya sendiri…..he

TIPS !!!!

Biasakan dalam membuat sebuah tabel buat dahulu kerangka <tr> nya atau barisnya, misal contoh kita mau membuat gambar SpongeBob di atas memiliki 10 baris. Pertama -tama kita buat dahulu <tr></tr> sebanyak 10 biji, baru kita isikan di dalem <tr> nya sesuai yang diminta.

5 Bandara Terunik di Dunia

1. Princess Juliana International Airport

Sudah sangat jelas sekali betapa berbahaya nya bandara di atas, karena sewaktu-waktu semburan jet bisa mengenai warga yang sedang berada di pantai.



2. Gibraltar

Bandara ini terletak di sebuah pulau di persemakmuran Inggris, keunikanya adalah bandara ini terletak di antara 2 kota yang saling terhubung. Kalau di Indo sih yang kaya gini buat kereta api, tapi di sini buat runway dari sebuah pesawat. ^^

3. Courchvel

Courchevel adalah nama tempat olahraga ski di pegunungan Alpen, Perancis. Airport ini memiliki beberapa kendala seperti pendeknya landasan yang hanya 525 m dan derajat kemiringan sampai 18.5%. Karena Terlalu pendek panjang lintasan nya sehingga pilot harus mendarat dengan keterampilan yang tinggi. Tempat ini pernah dijadikan tempat pembuatan film james bond, bernama Pierce Brosnan.


4. Kai Tak Airport

Bandara ini berada di Hongkong, tapi sekarang sudah di tutup. Pendaratan di sini terkenal sangat sulit, karena pesawat harus harus berbelok dan menukik mengikuti landasan sekitar 40 derajat. Kabar nya sudah banyak kecelakaan yang terjadi di sini. Gambar salah satu korban nya :

5. Juancho E. Yrausqin Airport

Juancho E. Yrausquin Airport adalah satu-satunya airport pulau Saba di kepulauan Karibia. Airport ini sangat terkenal dengan bagaimana cara pesawat dapat take off dari landasan. Yrausquin Airport memiliki porsi yang besar dalam melayani penerbangan di pulau Saba. Beberapa pakar penerbangan memiliki opini bahwa airport ini merupakan salah satu airport paling berbahaya di dunia walaupun tidak ada tragedi besar yang terjadi di sini. Di ujung landasan terdapat huruf X besar yang menandakan bahwa airport ini tidak untuk penerbangan komersial.

Dari segi geografis nya pun di satu sisi bukit yang tinggi dan pada kedua ujung landasan nya terdapat jurang yang langsung menuju ke laut.Sangat berbahaya bagi pesawat dengan kemungkinan tidak dapat mendarat karena menabrak jurang atau kurang tenaga untuk take off yang menyebabkan jatuh ke jurang juga.


Teknologi Terbaru TerraSarX

TerraSarX

TerraSarX, teknologi terbaru untuk pemetaan dengan radar asal Jerman, yang dinyatakan mampu mengatasi awan, ditawarkan untuk diujicoba di atas udara Indonesia. “Sebagai imbalan, mereka menawarkan penyediaan data spasial yang dibutuhkan berbagai lembaga di Indonesia dengan sistem itu,” kata Peneliti Geomatika Badan Koordinasi Survei dan Pemetaan Nasional Dr Ade Komara Mulyana di sela Seminar Teknologi Radar Antariksa di Jakarta, Rabu.
Misalnya permintaan data spasial semburan lumpur Sidoarjo, data spasial kondisi terbaru Merapi, hingga data spasial banjir Jakarta awal Februari lalu, atau permintaan data spasial dari IPB dan institusi penelitian lain yang akan diberikan secara gratis, ujarnya.
Indonesia sudah lama menjadi tempat uji terlengkap berbagai sistem pemetaan radar yang pernah dikembangkan di dunia karena lokasinya di khatulistiwa sertaketertutupan awannya yang tinggi sehingga sesuai untuk uji radar yang ditargetkan dapat mengatasi awan.
Karena itu sudah saatnya pelaku pemetaan di Indonesia tak sekedar menjadi objek, tetapi juga sebagai subjek pemetaan dengan radar dan menyambut ujicoba yang ada sebagai peluang untuk membantu Indonesia dalam menyediakan data spasial, ujarnya.
Sebelumnya pernah dicoba sistem satelit Radarsat, ERS, JERS, Envisat, SRTM maupun sistem Airborne-Ifsar.
Sementara itu, Chief Operating Infoterra Nikolaus Faller mengatakan, sistem terbaru pemetaan bumi dengan radar dari TerraSarX bisa menjadi pilihan dalam pemetaan geospasial pada masa datang karena selain mampu mengatasi masalah ketertutupan awan juga berbiaya rendah.
“TerraSarX mampu melakukan pemetaan bumi tanpa terganggu awan dengan biaya hanya 5 dolar per Km2,” katanya.
Diakui Ade, biaya pemotretan udara dengan airborne, teknologi pemetaan yang mampu mengatasi awan, mencapai 40-50 dolar per Km2, sedangkan teknologi satelit Ikonos yang masih bermasalah dengan awan berbiaya 37 dolar AS per Km2.
Ade mengatakan, Indonesia lebih memilih bekerjasama atau menyewa radar, ketimbang memilikinya untuk pemetaan, karena biaya investasi dalam teknologi radar pemetaan serta biaya operasional radar sangat besar dan tidak seimbang dengan hasil yang didapat.
“Tubsat (satelit mikro milik LAPAN yang baru diluncurkan setahun lalu – red) sebenarnya sudah menghasilkan foto video `live` wilayah nusantara, namun belum diterjemahkan menjadi hasil pemetaan,” katanya. (*)

 

Sumber : http://arifs-research.blogspot.com/2011/02/teknologi-terbaru-radar-terrasarx-yang.html

Robot yang Dapat Memasak

1.Automatic Robot Cooking


 

Robot yang berbentuk seperti mesin ini dapat memasak lebih dari 600 jenis masakan. Dikembangkan oleh Jiaotong university, Yangzhou University dan pengusaha (restoran) dari Shenzhen, Cina. Ini merupakan terobosan besar bagi teknologi robot di dunia ini, karena masih sangat memungkinkan akan terus berkembang ke depan nya.

2. Okonomiyaki


Sesuai dengan nama robot ini yaitu Okonomiyaki, robot ini di khususkan hanya membuat roti khas jepang yaitu okonomiyaki itu sendiri.Robot Okonomiyaki ini dibuat oleh Toyo Riki Co, sebuah perusahaan perancang robot di Osaka, Jepang. Robot ini dapat memasak langsung dengan kedua tanganya, bahkan di setting agar dapat bertanya tentang dibutuhkanya bumbu tambahan atau tidak.