Html 5

2,606
-1

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
2,606
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
47
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Html 5

  1. 1. MAKALAH TEKNOLOGI INFORMASI DAN KOMUNIKASI MENGENAI HTML Oleh: PANJI.SETIAWAN NIM: 1102412013 UNIVERSITAS NEGERI SEMARANG TAHUN 2013
  2. 2. PENGERTIAN HTML HTML (HyperText Mark up Language) merupakan suatu metoda untuk mengimplementasikan konsep hypertext dalam suatu naskah atau dokumen. HTML sendiri bukan tergolong pada suatu bahasa pemrograman karena sifatnya yang hanya memberikan tanda (marking up) pada suatu naskah teks dan bukan sebagai program. Pada tahun 1980 IBM mulai untuk mengembangkan sebuah bahasa pemograman dimana text dan format sebuah dokumen dijadikan satu dalam bahasa pemrograman yang sering kita sebut sebagai HTML (Hyper Text Markup Language) akan tetapi pada saat itu pihak IBM memberikan sebuah nama GML (Generalized Markup Language). • Pada tahun 1986 ISO mengeluarkan sebuah standarisasi tentang bahasa pemograman tersebut dan menyatakan sebuah nama baru dari GML tersebut dengan sebutan SGML (Standard Generalized Markup Language) • Nah mulai pada tahun kelahiran saya yaitu tahun 1989, Sebuah nama HTML muncul dari pemikiran Caillau Tim yang bekerja sama dengan Banners Lee Robert yang ketika itu masih bekerja di CERN memulai mengembangkan bahasa pemrograman ini, dan dipopulerkan pertama kali dengan browser Mosaic. Nah mulailah dari tahun 1990 HTML sangat berkembang dengan cepat hingga mencapai versi HTML versi 5.0 yang digarap pada 4 Maret 2010 kemarin oleh W3C • HTML versi 1.0 ini adalah versi pertama sejak lahirnya nama html tersebut, memiliki sebuah kemampuan untuk heading, paragraph, hypertext, bold dan italic text, wrapping serta memiliki dukungan dalam peletakan sebuah gambar • HTML versi 2.0 pada 14 Januari 1996, pada versi ini ada beberapa tambahan kemampuan diantaranya penambahan form comment, hal ini menyebabkan adanya sebuah interaktif dan mulai dari versi ini yang menjadikan sebuah pioneer dalam perkembangan homepage interaktif. • Tak lama kemudian HTML versi 3.0 dirilis pada 18 Desember 1997 yang sering disebut sebut sebagai HTML+ yang mempunyai kemampuan dalam beberapa fasilitas diantaranya adalah penambahan fitur table dalam paragraph, akan tetapi versi ini tidak bertahan lama.
  3. 3. • Dan pada bulan Mei 1996 dikeluarkan versi baru sebagai pengganti dan penyampurnaan versi 3.0 ini yaitu HTML versi 3.2, keluarnya versi ini dikarenakan adanya beberapa kasus yang timbul pada pengembang browser yang telah melakukan pendekatan dengan cara lain yang justru hal tersebut menjadi popular, maka di bakukan versi 3.2 untuk mengakomodasi praktek yang banyak digunakan oleh pengembang browser dan diterima secara umum, dapat dikatakan bahwa versi 3.2 ini merupakan versi 3.0 yang dikembangkan oleh beberapa pengembang browser seperti Netscape dan Microsoft. • Nah yang terakhir perombakan terjadi pada tahun 1999 tepatnya tanggal 24 Desember yaitu HTML versi 4.0, seperti yang kita kenal HTML pada saat ini penambahan link, meta, imagemaps , image dan lain lain sebagai penyempurnaan versi 3.2 • Pada tanggal 4 Maret 2010, terdapat sebuah informasi bahwasanya HTML versi 5.0 masih dikembangkan oleh W3C (World Wide Web Consortium) dan IETF (Internet Engineering Task Force) yaitu sebuah organisasi yang menangani HTML sejak versi 2.0 Berdasarkan kata-kata penyusunnya HTML dapat diartikan lebih dalam lagi menjadi : Hypertext Link hypertext adalah kata atau frase yang dapat menunjukkan hubungan suatu naskah dokumen dengan naskah-naskah lainnya. Jika kita klik pada kata atau frase untuk mengikuti link ini maka web browser akan memindahkan tampilan pada bagian lain dari naskah atau dokumen yang kita tuju. Markup Pada pengertiannya di sini markup menunjukkan bahwa pada file HTML berisi suatu intruksi tertentu yang dapat memberikan suatu format pada dokumen yang akan ditampilkan pada World Wide Web. Language Meski HTML sendiri bukan merupakan bahasa pemrograman, HTML merupakan kumpulan dari beberapa instruksi yang dapat digunakan untuk mengubah-ubah format suatu naskah atau dokumen Kumpulan Tag HTML 1(!-- --) Memberi komentar atau keterangan. Kalimat yang terletak pada tag
  4. 4. kontiner ini tidak akan terlihat pada browser 2(a href) Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut 3(a name) Membuat nama bagian yang didefinisikan pada link pada halaman yang sama 4(applet) Sebagai awal dari Java applets 5(area) Mendefinisikan daerah yang dapat diklik (link) pada image map 6(b) Membuat teks tebal 7(basefont) Membuat atribut teks default seperti jenis, ukuran dan warna font 8(bgsound) Memberi (suara latar) background sound pada halaman web 9(big) Memperbesar ukuran teks sebesar satu point dari defaultnya 10(blink) Membuat teks berkedip 11(body) Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link 12(br) Pindah baris 13(caption) Membuat caption pada tabel 14(center) Untuk perataan tengah terhadap teks atau gambar 15(comment) Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser 16(dd) Indents teks 17(div) Represents different sections of text. 18(embed) Menambahkan sound or file avi ke halaman web 19(fn) Seperti tag (a name) 20(font) Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks 21(form) Mendefinisikan input form 22(frame) Mendefinisikan frame 23(frameset) Mendefinisikan attribut halaman yang akan menggunakan frame 24(h1 ... h6) Ukuran font 25(head) Mendefinisikan head document. 26(hr) Membuat garis horizontal 27(html) Bararti dokumen html 28(i) Membuat teks miring 29(img) Image, imagemap atau an animation 30(input) Mendefinisikan input field pada form 31(li) Membuat bullet point atau baris baru pada list (berpasangan dengan tag (dir), (menu) (ol) and (ul) 32(map) Mendefinisikan client-side map 33(marquee) Membuat scrolling teks (teks berjalan) - hanya pada MS IE
  5. 5. 34(nobr) Mencegah ganti baris pada teks atau images 35(noframes) Jika browser user tidak mendukung frame 36(ol) Mendefinisikan awal dan akhir list 37(p) Ganti paragraf 38(pre) Membuat teks dengan ukuran huruf yg sama 39(script) Mendefinisikan awal script 40(table) Membuat tabel 41(td) Kolom pada tabel 42(title) Mendefinisikan title 43(tr) Baris pada tabel 44(u) Membuat teks bergaris bawah Cara mengkoneksi database mysql dengan php Untuk melakukan koneksi ke MySQL ada dua fungsi yang bisa digunakan. Yang pertama adalah dengan menggunakan fungsi mysql_connect. Sintaks fungsinya adalah sebagai berikut. resource mysql_connect ( [string server [, string username [, string password [, bool new_link [, int client_flags]]]]]) Contoh penggunaannya adalah sebagai berikut ini. $conn = mysql_connect('localhost', 'root', 'passwordku'); if (!$conn) { die('Koneksi ke MySQL gagal: ' . mysql_error()); } echo 'Koneksi ke MySQL sukses dengan mysql_connect !!'; mysql_close($conn); ?> Kita lihat di atas ada perintah mysql_connect yang fungsi utamanya adalah untuk melakukan koneksi ke database MySQL. Sebagai contoh di atas server MySQL ada di localhost dengan username root dan passwordnya adalah passwordku. Ada catatan penting yang harus diingat di sini. Sejak versi 4.1, MySQL sudah mengunakan sistem autentikasi protokol yang baru yang berbasis pada algoritma hashing. Hal ini membuat koneksi yang menggunakan client lama akan gagal dan akan menghasilkan error message seperti berikut ini. Client does not support authentication protocol requested by server; consider upgrading MySQL client Tidak usah takut. Penulis sendiri mengalami hal sama ketika melakukan uji coba dengan PHP 4.3.11 dan MySQL 4.1.11 ini. Solusinya mudah dan ada beberapa cara. Menurut pada manual MySQL 4.1.11, hal tersebut bisa diatasi dengan cara reset password dari user sehingga bisa diakses oleh client versi
  6. 6. yang lama. Ini dilakukan dengan menggunakan perintah SET PASSWORD dan juga fungsi OLD_PASSWORD(). Contoh untuk melakukannya adalah sebagai berikut. mysql> SET PASSWORD FOR -> 'some_user'@'some_host' = OLD_PASSWORD('newpwd'); Anda bisa mengganti 'some_user' dengan user yang Anda gunakan dan 'some_host' dengan host Anda (biasanya localhost). Kemudian pada bagian newpwd isikan dengan password Anda. Persistent connection Selain menggunakan fungsi mysql_connect, bisa juga dengan menggunakan fungsi mysql_pconnect. Apa bedanya? Ini adalah fungsi koneksi ke MySQL dengan cara persistent. Sekali kita koneksi secara persistent ke database server maka koneksi ini terus melangsungkan hubungan ke database server. Secara prinsip fungsi mysql_pconnect ini sama dengan mysql_connect hanya saja dengan dua perbedaan yaitu: 1. Selama mengadakan koneksi maka fungsi ini akan mencari suatu link persistent lain yang sudah terhubung ke host, user dan password yang sama. Jika link tersebut ditemukan maka identifier dari koneksi atau link tersebut akan diberikan ke client dan client tidak akan mengadakan koneksi baru ke dataase server. 2. Koneksi ke database tidak akan terputus jika eksekusi dari suatu script SQL selesai dilakukan. Pada fungsi mysql_connect, secara otomatis koneksi akan terputus sesaat setelah suatu script SQL dieksekusi. Pada fungsi mysql_pconnect, koneksi ke database akan terus terjadi dan tidak akan diputus walaupun Anda menggunakan fungsi mysql_close. Sintaks dasar dari penggunaan fungsi mysql_pconnect adalah sebagai berikut. resource mysql_pconnect ( [string server [, string username [, string password [, int client_flags]]]]) Contoh code PHP nya dari fungsi mysql_pconnect bisa dilihat pada code berikut ini. $conn = mysql_pconnect('localhost', 'root', 'ariesa2001'); if (!$conn) { die('Koneksi ke MySQL gagal: ' . mysql_error()); } echo 'Koneksi ke MySQL sukses dengan mysql_pconnect !!'; ?> yang jelas mesti buat script utk koneksi database contohnya koneksi.php Scr garis besar codenya spt ini :
  7. 7. $host="localhost"; $username="root"; $password= $database="nama databasenya"; //buat koneksinya $conn=mysql_connect($host,$username,$password) //buat cek koneksinya if(!$conn) { echo("Koneksi Gagal"); } $hasil=mysql_select_db($database); if(!$hasil) { echo("Database Gagal"); } Tujuan utama dengan adanya HTML5 adalah mengurangi penggunaan plugin-plugin 3rd party pada HTML sehingga dapat mempercepat kinerja web itu sendiri. Plugin-plugin tersebut seperti Adobe Flash, Microsft Silverlight, Java dan lain-lainnya. Selain itu, HTML5 juga membawa fungsi-fungsi yang baru seperti: 1. Element article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, mark, meter, nav, output, progress, rp, rt, ruby, section, source, summary, time, video
  8. 8. 2. Input Type pada Form dates and times, email, url, search 3. Attribut ping (pada a dan area), charset (pada meta), async (pada script) Di sini akan dijelaskan beberapa fungsi baru yang menarik seperti : <canvas> - Element atau tag ini memiliki fungsi untuk menampilkan kertas gambar sehingga pengguna dapat menggunakan canvas untuk menggambar ataupun menulis bagaikan kertas biasa tanpa menggunakan plugin seperti Java <audio><video> - Bila kita ingin menampilkan video ataupun audio pada website kita maka kita akan menggunakan pllugin seperti adobe dengan format .swf, .fla dan .flv. Tetapi dengan menggunakan HTML5, kita tinggal menggunakan tag <audio> ataupun <video> untuk menampilkan audio dan video pada website kita dengan menggunakan format Ogg Theora yang bersifat free alias gratis! Selain terdapatnya fungsi-fungsi baru, HTML5 juga memberikan beberapa kemudahan seperti pada bagian awal file HTML kita harus menulis coding DOCTYPE yang panjang. Pada HTML5, DOCTYPE dapat ditulis lebih ringkas <!DOCTYPE html> Kemudian pada baris berikutnya kita tulis seeprti ini Versi HTML5 berubah menjadi Selain itu, coding CSS dan Javascript pada HTML5 tidak perlu lagi menulis seperti type=text/css dan type=text/javascript <style>
  9. 9. * { margin:0px; padding:0px;} </style> HTML5 juga menghilangkan beberapa tag ataupun element yang telah jarang dipakai dan digantikan oleh CSS seperti acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, s, strike, tt, u HTML5 telah menyediakan banyak fungsi baru dan berbagai kemudahan tetapi apakah browser kita mendukung teknologi baru ini? Kebanyakan browser yang terkenal seperti Firefox, Opera, Safari dan Chrome dan lainlain telah mendukung HTML5 KECUALI Internet Explorer. Belajar HTML ( Tag Form ) aplikatif implementasinya yaitu Membuat Form pada HTML. Form HTML merupakan tag yang paling penting adalam pemrograman HTML khususnya dalam pembuatan aplikasi berbasis web. Form menyediakan property masukan yang terdiri dari berbagai jenis, berupa textbox, check box, radio button, dan button. Form digunakan untuk mengumpulkan data dari pengunjung suatu website. Mulai dari form untuk login, form kontak, form untuk pendaftaran user, form advertiser, form sitemap, bahkan untuk mengirimkan data antar halaman web. Pada tutorial belajar HTML: cara membuat form di HTML ini kita akan membahas cara penggunakan tag form di dalam HTML. Penggunaan form hanya menggunakan HTML saja tidak akan terlalu berguna. Form biasanya hanya berupa interface yang disediakan untuk
  10. 10. mengumpulkan data dari user, dan akan diproses dengan bahasa pemograman web seperti JavaScript atau PHP, dan disimpan di dalam tabel MySQL. Untuk pembahasan lebih lanjut, saya akan menjelaskannya pada tutorial tentang PHP dan JavaScript. Tag dasar yang akan bisa digunakan untuk membuat form pada HTML adalah tag form, input, textarea, select dan option. Sebuah form dalam HTML harus berada di dalam tag form, yang diawali dengan <form> dan diakhiri dengan </form>. Seperti yang sudah dipelajari mengenai penulisan kode pada HTML diawali dengan <Nama Function Tag> ......( Isi sebuah tag )..... </Nama Function Tag> Pada bagian terakhir kita harus menutup kode dengan menambahkan slash ( / ). Bagian Isi Tag dapat dimasukkan oleh beberapa atribut untuk dapat berfungsi dengan seharusnya. Dua buah atribut yang digunakan adalah action dan method. Dianalogikan action adalah sesuatu yang mengoperasikan fungsi dari pada form tersebut. Sedangkan method adalah bagian-bagian cara yang mengumpulkan setiap data yang diperlukan untuk diproses. Action berfungsi menjelaskan lokasi data yang didapat form akan dikirimkan. Biasanya nilai dari atribut action ini adalah alamat dari sebuah halaman PHP yang akan memproses isi data form. Sedangkan fungsi dari Method, adalah untuk menjelaskan bagaimana data isian form akan dikirim. Nilai dari atribut method ini bisa berupa get atau post. Perbedaannya, jika kita mengisi atribut method dengan get (dimana ini adalah nilai default seandainya kita tidak menuliskannya) maka isian form akan terlihat pada url browser. Method get ini biasanya digunakan untuk query pencarian. Method post biasanya digunakan untuk data yang lebih sensitif seperti yang berisi password, atau registrasi user. Data hasil form tidak akan terlihat pada browser. Struktur dasar form akan terlihat sebagai berikut: <form action="logindata.php" method="post"> ...isi form... </form>
  11. 11. Bagian script kode diatas yang berwarna biru dan ungu dapat ditambahkan attribut lainnya seperti style, class, dan lain-lain. Karena berhubungan dengan form login maka hanya menambahkan action dan method saja. Sisanya bisa menggunakan kode HTML dngan meletakkannya pada satu baris diatas form : <div id='pandauan-belajar-html' class='membuat-form'> dan kita dapat menambahkan kode CSS berdasarkan id dan class tersebut. Jangan lupa penutupnya di bagian bawah form yaitu : </div> Properti masukan pada elemen form 1. Text box<input type="text"> Dignakan untuk memasukan input yang berupa teks. Size = ukuran dari textbox dalam karakter Maxsize = maksimal jumlah karakter yang dapat di input Nama = nama variable yang dikirim ke suatu aplikasi Value = akan menampilkan isinya sebagai nilai default 2. Password<input type="password"> Di gunakan untuk memasukan password Size = ukuran textbox dalam karakter Maxsize = maksimal jumlah karakter yang dapat di input Name = nama variable yang dikirim ke suatu aplikasi Ada lagi jenis input lainnya yaitu : <input type=”checkbox” /> adalah inputan berupa checkbox yang dapat diceklist atau di centang oleh user. User dapat memilih atau tidak memilih checkbox ini. Type checkbox memiliki atribut checked yang jika ditulis atau diisi dengan nilai checked, akan membuat chexkbox langsung terpilih pada saat pertama kali halaman ditampilkan. Contoh inputan checkbox berupa hobi, yang oleh user dapat dipilih beberapa hobi. <input type=”radio” /> mirip dengan checkbox, namun user hanya bisa memilih satu diantara pilihan group radio. Type radio ini berada dalam suatu grup dan user hanya bisa memilih salah satunya. Contoh inputan type radio adalah jenis kelamin. <input type=”submit” /> akan menampilkan tombol untuk memproses form. Biasanya diletakkan pada baris terakhir dari form. Atribut value jika
  12. 12. diisi akan membuat text tombol submit berubah sesuai inputan nilai value. 3. Hidden<input type"hidden"> Digunkan untuk mengirim data ke suatu aplikasi yang tidak dingginkan untuk dilihat oleh browser. Name = nama dari variable yang dikirim ke suatu aplikasi Value = nilai dari variable 4. Check Box<input type="checkbox"> Check box digunakan untuk dapat memilih lebih dari satu pilihan. Name = nama dari variable yang dikirim ke suatu aplikasi Value = nilai dari variable Checked (checkbox yang sudah ditandai) 5. Radio Button<input type="radio"> Radio button digunakan agar dapat memilih ahnya salah satu pilihan. Name = nama veriabel yang dikirim ke suatu aplikasi Value = nilai dari variable Checked (radio button yang sudah di tandai) 6. Push Button<input type="button"> Elemen ini biasanya digunakan dengan JavaScript atau VBScript untuk menghasilkan suatu aksi. Name = nama dari variable yang dikirim ke suatu aplikasi Value = label teks di atas tombol 7. Submit<input type="submit"> Setiap elemen form membutuhkan tombol submit untuk mengirimkan nama dan nilinya ke suatu aplikasi yang di tentukan dlam atribut ACTION dlam elemen FORM. Name = nama dari variable yang dikirim ke suatu aplikasi Value = label teks di atas tombol 8. Image Submit Button<input type="image" src="url"> Digunakan untuk menggantikan tombol standar submit dengan image. Name = nama dari variable ayng dikirim ke suatu aplikasi 9. Reset<input type="reset"> Digunakan untuk mereset semua masukan dalam form. Value = label teks di button
  13. 13. 1. Text Area<textarea>…</textarea> Elemen untuk memasukan teks secara leluasa seperti notepad. Nama = nama dari veriabel yang dikirim ke suatu aplikasi Rows = panjang baris dalam karakter Cols = tiggi kotak 1. Select<select>…</select> Daftar isi dalam property select menggunakan tag <option> Size = jumlah pilihan yang dapat terlihat Name = nama dari veriabel yang dikirim ke suatu aplikasi Contoh penggunaan tag select adalah sebagai berikut: <select> <option>Pilihan 1</option> <option>Pilihan 2</option> <option value="pilihan ketiga">Pilihan 3</option> </select> Ketika form dikirim untuk diproses, nilai dari tag option akan dikirimkan. Nilai ini adalah berupa text diantara tag option, kecuali jika kita memberikan tag value. Jika tag value berisi nilai, maka nilai value lah yang akan dikirim. Sama seperti tag option type checkbox dan type radio, atribut checked dapat ditambahkan agar tag select berisi nilai awal, contoh penggunaanya sebagai berikut: <select> <option>Pilihan 1</option> <option>Pilihan 2</option> <option value="pilihan ketiga" selected>Pilihan 3</option> </select> <!DOCTYPE html>
  14. 14. <html> <head> <title>Belajar Membuat Form </title> </head> <body> <form action=" formulir.html" method="get"> Nama: <input type="text" name="nama" value="Nama Kamu" /> <br /> Password: <input type="password" name="password" /> <br /> Jenis Kelamin : <input type="radio" name="jenis_kelamin" value="lakilaki" checked/> Laki - Laki <input type="radio" name="jenis_kelamin" value="perempuan" /> Perempuan <br /> Hobi: <input type="checkbox" name="hobi_baca" /> Membaca Buku Javascript <input type="checkbox" name="hobi_nulis" checked /> Menulis Code HTML, CSS, PHP <input type="checkbox" name="hobi_mancing" /> Menggambar Design Banner Website <br /> Asal Kota: <select name="asal_kota" > <option value="Kota Jakarta"> Jakarta</option> <option>Bandung</option> <option value="Kota Semarang" checked>Semarang</option> </select> <br /> Komentar Anda: <textarea name="komentar" rows="5" cols="20">Silahkan berikan komentar anda</textarea> <br /> <input type="submit" value="Proses" >
  15. 15. </form> </body> </html> HTTP merupakan singkatan dari HyperText Transfer Protocol. Pengertian HTTP§ / Definisinya adalah sebuah protokol untuk melakukan akses antara client dan server. Client dan server masing-masing salaing menerima dan menjawab request keduanya. Sebuh client HTTP seperti web browser, biasanya memulai permintaan dengan membuat hubungan TCP/IP ke port tertentu di tempat yang jauh (biasanya port 80 atau 8080). Sebuah server HTTP yang mendengarkan di port tersebut menunggu client mengirim kode permintaan (request) yang akan meminta halaman yang sudah ditentukan, diikuti dengan pesan MIME yang memiliki beberapa informasi kode kepala yang menjelaskan aspek dari permintaan tersebut, diikut dengan badan dari data tertentu. HTTP berkomunikasi melalui TCP / IP. Klien HTTP terhubung ke server HTTP menggunakan TCP. Setelah membuat sambungan, klien dapat mengirim pesan permintaan HTTP ke server. HTTP digunakan untuk mengirimkan permintaan dari klien web (browser) ke web server, dikembali kan ke konten web (halaman web) dari server ke klien. Pengertian HTTPS Selain format standar HTTP, ada juga format penulisan yang tidak umum atau jarang digunakan atau bahkan sedikit orang yang mengetahuinya yaitu HTTPS. HTTPS adalah penggabungan antara Hypertext Transfer Protocol (HTTP) dengan SSL / TLS protokol. Semua komunikasi yang dilakukan melalui HTTPS akan dienkripsi dengan tujuan untuk keamanan saat terjadi transaksi data di internet. Biasanya para hacker atau peretas internet yang biasa menggunakan tool WireShak sangat mudah untuk mencuri data dari klien yang terhubung ke internet dengan menggunakan HTTP. Berbeda dengan HTTPS, semua akses akan sangat sulit diproses dan menangkap data oleh para pencuri website. 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. Tidak
  16. 16. hanya transaksi online, di pemerintahan atau sebuah lembaga juga memproteksi keamanan dokumen-dokumen pentingnya dengan menggunakan HTTPS. Jadi bagi anda yang akan bertransaksi pengertian http pengertian https pengertian http dan https definisi HTTPS pengertian http atau https definisi http pengertian https dan http https adalah arti https definisi http dan https HTTP tidaklah terbatas untuk penggunaan dengan TCP/IP, meskipun HTTP merupakan salah satu protokol aplikasi TCP/IP paling populer melalui Internet. Memang HTTP dapat diimplementasikan di atas protokol yang lain di atas Internet atau di atas jaringan lainnya. Pengertian URL (Uniform Resource Locator)§ adalah rangkaian karakter menurut suatu format standar tertentu, yang digunakan untuk menunjukkan alamat suatu sumber seperti dokumen dan gambar di Internet. URL pertama kali diciptakan oleh Tim Berners-Lee pada tahun 1991 agar penulis-penulis dokumen dokumen dapat mereferensikan pranala ke World Wide Web. Sejak 1994, konsep URL telah dikembangkan menjadi istilah Uniform Resource Identifier (URI) yang lebih umum sifatnya. Fungsi, Definisi, dan Sejarah URL dapat anda lihat disini§. § FTP ( File Transfer Protocol ) adalah suatu protokol yang berfungsi untuk tukarmenukar file dalam suatu network yang menggunakan TCP koneksi bukan UDP. Dua hal yang penting dalam FTP adalah FTP Server dan FTP Client. FTP server adalah suatu server yang menjalankan software yang berfungsi untuk memberikan layanan tukar menukar file dimana server tersebut selalu siap memberikan layanan FTP apabila mendapat permintaan (request) dari FTP client. FTP client adalah computer yang merequest koneksi ke FTP server untuk tujuan tukar menukar file. Setelah terhubung dengan FTP server, maka client dapat men-download, meng-upload, merename, men-delete, dll sesuai dengan permission yang diberikan oleh FTP server.
  17. 17. Tujuan dari FTP server adalah sebagai berikut : • Untuk tujuan sharing data • Untuk menyediakan indirect atau implicit remote computer • Untuk menyediakan tempat penyimpanan bagi user • Untuk menyediakan transfer data yang reliable dan efisien Pengertian DOMAIN : Domain atau Nama Domain (domain name) adalah nama unik yang diberikan untuk mengidentifikasi nama server komputer seperti web server atau email server di jaringan komputer ataupun internet. (Berdasarkan Wikipedia§) Nama domain berfungsi untuk mempermudah pengguna di internet pada saat melakukan akses ke server, selain juga dipakai untuk mengingat nama server yang dikunjungi tanpa harus mengenal deretan angka yang rumit yang dikenal sebagai IP address. Nama domain ini juga dikenal sebagai sebuah kesatuan dari sebuah situs web seperti contohnya “wikipedia.org”. Nama domain kadang-kadang disebut pula dengan istilah URL, atau alamat website. Contoh Nama Domain adalah .com, .co.id , .net, .org, .gov , .edu .biz, .asia, .us dan lain-lain. Demikian Penjelasan singkat mengenai Pengertian HTTP / HTTPS, Pengertian URL, Pengertian FTP, Pengertian Domain, dan Definisi HTTP. PENGERTIAN PHP • Pengertian PHP • Hubungan PHP dengan HTML • Kelebihan PHP Pengertian PHP PHP adalah singkatan dari "PHP: Hypertext Preprocessor", yang merupakan sebuah bahasa scripting yang terpasang pada HTML. Sebagian besar sintaks
  18. 18. mirip dengan bahasa C, Java dan Perl, ditambah beberapa fungsi PHP yang spesifik. Tujuan utama penggunaan bahasa ini adalah untuk memungkinkan perancang web menulis halaman web dinamik dengan cepat. Hubungan PHP dengan HTML Halaman web biasanya disusun dari kode-kode html yang disimpan dalam sebuah file berekstensi .html. File html ini dikirimkan oleh server (atau file) ke browser, kemudian browser menerjemahkan kode-kode tersebut sehingga menghasilkan suatu tampilan yang indah. Lain halnya dengan program php, program ini harus diterjemahkan oleh web-server sehingga menghasilkan kode html yang dikirim ke browser agar dapat ditampilkan. Program ini dapat berdiri sendiri ataupun disisipkan di antara kode-kode html sehingga dapat langsung ditampilkan bersama dengan kode-kode html tersebut. Program php dapat ditambahkan dengan mengapit program tersebut di antara tanda . Tanda-tanda tersebut biasanya disebut tanda untuk escaping (kabur) dari kode html. File html yang telah dibubuhi program php harus diganti ekstensi-nya menjadi .php3 atau .php. PHP merupakan bahasa pemograman web yang bersifat server-side HTML=embedded scripting, di mana script-nya menyatu dengan HTML dan berada si server. Artinya adalah sintaks dan perintah-perintah yang kita berikan akan sepenuhnya dijalankan di server tetapi disertakan HTML biasa. PHP dikenal sebgai bahasa scripting yang menyatu dengan tag HTML, dieksekusi di server dan digunakan untuk membuat halaman web yang dinamis seperti ASP (Active Server Pages) dan JSP (Java Server Pages). PHP pertama kali dibuat oleh Rasmus Lerdroft, seorang programmer C. Semula PHP digunakannya untuk menghitung jumlah pengunjung di dalam webnya. Kemudian ia mengeluarkan Personal Home Page Tools versi 1.0 secara
  19. 19. gratis. Versi ini pertama kali keluar pada tahun 1995. Isinya adalah sekumpulan script PERL yang dibuatnya untuk membuat halaman webnya menjadi dinamis. Kemudian pada tahun 1996 ia mengeluarkan PHP versi 2.0 yang kemampuannya telah dapat mengakses database dan dapat terintegrasi dengan HTML. Pada tahun 1998 tepatnya pada tanggal 6 Juni 1998 keluarlah PHP versi 3.0 yang dikeluarkan oleh Rasmus sendiri bersama kelompok pengembang softwarenya.. Versi terbaru, yaitu PHP 4.0 keluar pada tanggal 22 Mei 2000 merupakan versi yang lebih lengkap lagi dibandingkan dengan versi sebelumnya. Perubahan yang paling mendasar pada PHP 4.0 adalah terintegrasinya Zend Engine yang dibuat oleh Zend Suraski dan Andi Gutmans yang merupakan penyempurnaan dari PHP scripting engine. Yang lainnya adalah build in HTTP session, tidak lagi menggunakan library tambahan seperti pada PHP. Tujuan dari bahasa scripting ini adalah untuk membuat aplikasi-aplikasi yang dijalankan di atas teknologi web. Dalam hal ini, aplikasi pada umumnya akan memberikan hasil pada web browser, tetapi prosesnya secara keseluruhan dijalankan web server. Kelebihan PHP Ketika e-commerce semakin berkembang, situs-situs yang statispun semakin ditinggalkan, karena dianggap sudah tidak memenuhi keinginan pasar, padahal situs tersebut harus tetap dinamis. Pada saat ini bahasa PERL dan CGI sudah jauh ketinggalan jaman sehingga sebagian besar designer web banyak beralih ke bahasa server-side scripting yang lebih dinamis seperti PHP. Seluruh aplikasi berbasis web dapat dibuat dengan PHP. Namun kekuatan yang paling utama PHP adalah pada konektivitasnya dengan system database di dalam web. Sistem database yang dapat didukung oleh PHP adalah :
  20. 20. SINTAK DASAR PHP Cara penulisan PHP Pertama echo ("tulisankitan"); ?> Kedua php echo("tulisankitan"); ?> Ketiga <% echo ("kalau yang ini mirip dengan ASP"); %> Anda dapat menggunkan salah satu di atas, tapi yang paling sering digunakan biasannya cara pertama dan kedua. Seperti pada bahasa pemrograman lain Anda pun bisa meletakkan baris komentar pada program Anda. Pada PHP caranya adalah dengan meletakkan komentar tersebut di sebelah kanan tanda // jika komentar satu baris dan di antara /* dan */ jika komentarnya lebih dari satu baris. /* kalau yang ini adalah komentar lebih dari satu baris */ echo ("memang mudah"); ?> 1. Oracle 2. MySQL 3. Sybase 4. PostgreSQL 5. dan lainnya PHP dapat berjalan di berbagai system operasi seperti windows 98/NT, UNIX/LINUX, solaris maupun macintosh. Kelebihan PHP Dapa digunakan sebagai konstruktor web dinmis, seperti sistem informasi§, sistem pendukung keputusan atau juga aplikasi web. 2 Loading cenderung cepat. 3 Opensource atau gratisan 1
  21. 21. Cenderung tidak membutuhkan recource yang besar. 5 Mudah dipelajari, karena banyak source code atau script php§ dan tutorial§ yang dijumpai di internet 4 Kekurangan PHP Bukan bahasa yang ideal untuk pembangunan aplikasi dengan recource besar. 7 Tidk lebih baik dibanding yang lain ketika harus menampilkan dengan logic 8 Pemrograman orientasi objek yang belum maksimal 6 Hal yang berkaitan dengan PHP 1. Script pendamping Biasanya script php selalu menggunakan html atau sejenisnya untuk mendisplay hasil proses php agar lebih maksimal. Script pendamping ini bisa html, xhtml, xml dan juga yang lain. 2. Membutuhkan server Untuk melakukan eksekusi atas proses yang dilakuka php server adalah bagian terpenting yang berguna sebagai emulator untuk menjalankan proses tersebut. Server yang digunakan seperti xampp, wamp, apserve dan yang lain. 3. Database Penggunaan database sering kali sebagai salah satu media pendukung dari aktivitas pengolahan data menggunakan php. Dengan artian database adalah sebagai tempat penyimpanan data yang akan diproses oleh php. Database yang digunakan seperti misalnya mysql, oraqle, dan yang lainya. alam mendesain sebuah tampilan website atau blog agar menarik§ diperlukan penggunaan warna halaman yang tepat. Kode Warna dalam hal ini merupakan identitas dari sebuah citra yang dinotasikan dengan bilangan Hexadecimal yang dapat digunakan dalam bahasa pemrograman CSS dan HTML.
  22. 22. Warna adalah sebuah reseprentasi dari spektrum tertentu yang didalamnya terdapat cahaya dan panjang gelombang cahaya yang mengikutinya. Didalam citra digital warna umumnya terdiri atas 2 yaitu hitam dan putih (warna sempurna) atau disebut Grayscale. Sedangkan macam-macam jenis warna lainnya itu disebut True Color seperti merah, biru, hijau, kuning. True Color ini terdapat 2 macam pengelompokkan yaitu RGB (Red Green Blue ),CMYK( Cyan Magenta Yellow Black ), Sedangkan metode sistem model dari warna yaitu HSV (Hue Saturation Value ) dan HSL ( Hue Saturation and Lightness ). Kode heksadesimal adalah 3 atau 6 karakter kode yang sering digunakan dalam HTML dan CSS untuk memberitahu browser atas satu warna untuk ditampilkan. Jadi misalnya, #fff atau #FFFFFF adalah kode warna untuk menghasilkan warna putih pada sebuah halaman web anda. Dibawah ini terdapat daftar kode-kode warna lengkap untuk membuat Kode Warna CSS atau html dalam merancang halaman web, atau metode untuk menggambarkan dan menentukan warna tersebut. #CCFFF F #CCCCF F #CC99F F #CC66F F #CC33F F #CCFFC #CCFF9 #CCFF6 #CCFF3 C 9 6 3 #CCCCC #CCCC9 #CCCC6 #CCCC3 C 9 6 3 #CC99C #CC999 #CC996 #CC993 C 9 6 3 #CC66C #CC669 #CC666 #CC663 C 9 6 3 #CC33C #CC339 #CC336 #CC333 C 9 6 3 #CC00F F #CC00C C #FFFFF F #FFCCF F #FFFFC C #FFCCC C #CC009 9 #CC006 6 #CC003 3 #CCFF00 #CCCC00 #CC9900 #CC6600 #CC3300 #CC0000 #FFFF9 #FFFF6 #FFFF3 #FFFF0 9 6 3 0 #FFCC9 #FFCC6 #FFCC3 #FFCC0 9 6 3 0
  23. 23. #FF99F F #FF66F F #FF33F F #FF00F F #FF99C C #FF66C C #FF33C C #FF00C C #99FFF F #99CCF F #9999F F #9966F F #9933F F #9900F F #99FFC C #99CCC C #9999C C #9966C C #9933C C #9900C C #FF999 9 #FF669 9 #FF339 9 #FF009 9 #FF996 6 #FF666 6 #FF336 6 #FF006 6 #FF993 3 #FF663 3 #FF333 3 #FF003 3 #FF990 0 #FF660 0 #FF330 0 #FF000 0 #99FF9 #99FF6 #99FF3 #99FF0 9 6 3 0 #99CC9 #99CC6 #99CC3 #99CC0 9 6 3 0 #99999 #99996 #99993 #99990 9 6 3 0 #99669 #99666 #99993 #99990 9 6 3 0 #99339 #99336 #99333 #99330 9 6 3 0 #99009 #99006 #99003 #99000 9 6 3 0 Setelah melakukan ternyata tidak mudah. Apa saja yang harus dilakukan ketika kita sudah merubah domain dari blogger ini? Bagaimana cara mengoptimalkan Domain Baru yang saya buat? Optimasi apa saja yang perlu dilakukan dan apa cara mengoptimalkan blog yang sudah memiliki traffik bagus seperti saya ini. ( Sedikit merasa Hebat dan Bangga :D -,-' ) Itulah tadi sedikit ekspresi saya karena harus merubah semuanya atau sebagian dari awal lagi. Jadi harap maklum. Langsung ke topik utama yaitu mengenai hal apa saja yang perlu dilakukan ketika telah redirect domain dan cara setting nya. Pada pembahasan singkat ini saya akan menjelaskannya secara singkat dan berkelanjutan, dan bagian ini adalah Part 1. § Sebagai informasi tambahan
  24. 24. untuk anda yang ingin mengganti subdomain blogspot ke domain .com , .net , .org , .web.id, .info, .co.id dan lainnya anda tidak perlu takut. Karena banyak dari para blogger indonesia yang takut akan penurunan traffik yang nanti akan dialami. Berikut adalah statistik saya sebelum merubah domain : Alexa Rank : 29.782 Link In : 202 Pageviews/day : 3000 - 7000 Rank in Indonesia : 475 Technorati Rank : 5822 Pagerank Google : 1 Mungkin untuk sebagian orang, dengan traffik yang sudah bagus lalu pindah domain akan membuat semuanya hancur dan jatuh tetapi bagi saya tidak. Alasan pertama saya mengganti domain justru dikarenakan traffik yang sudah baik tersebut. Oleh karena itu, jangan ada asumsi mengganti domain akan memperburuk suasana tetapi kita harus rajin untuk setting semuanya dari awal lagi. Seperti yang kita tau Domain TLD ( Top Level Domain ) memiliki prioritas yang tinggi di search engine dan mampu menjangkau hampir semua negara secara global tergantung server yang digunakan. Jadi beralih ke Domain TLD, meskipun ada resiko yang harus diambil. Berikut ini langkah-langkah atau tahapan yang saya utamakan saat redirect subdomain to domain. 1. Setting CNAME dan A Recordsdi CPanel penyedia layanan Domain atau hosting anda dengan benar. 2. Tunggu 6-7 jam agar blog kita sudah disalin datanya oleh search engine khususnya Google. 3. Hari Pertama jangan ubah dulu setting di Webmaster Tools. 4. Hari Kedua anda buat / submit url nama domain anda yang baru di Google Webmaster Tools. 5. Buatlah sitemap, Feed, dan setting lainnya. 6. Daftarkan nama domain anda ke Technorati directory. 7. Add a new site on Alexa.com 8. Buat lagi nama blog baru domain anda ke Bing Webmaster Tools. 9. Share ke Social Media Bookmarking Sitemap ( Peta Situs ) adalah sebuah data yang berisi informasi mengenai semua url dokumen yang nantinya akan diindex kepada search engine. Cara
  25. 25. Membuat Sitemap yaitu dengan membuatnya terlebih dahulu lalu kita informasikan kepada Tools pembantu yaitu Webmaster Google / Bing yang dalam hal ini adalah search engine yang paling populer serta memiliki fasilitas yang bisa dimanfaatkan. Sitemap (Peta Situs) bukan merupakan daftar isi halaman juga tidak link isi website atau blog, melainkan sitemap merupakan rujukan oleh search engine untuk melakukan crawling sebuah situs web atau blog, dengan adanya sitemap dapat membantu proses indeks lebih cepat yang memungkinkan tidak ada url atau halaman yang terlewatkan oleh spiderbot ( robot search engine ). Apa manfaat sitemap ? Manfaat sitemap berfungsi§ membantu search engine / mesin pencari seperti google, bing, yahoo, ask dan baidu agar lebih mudah melakukan crawling pengindekkan segala sesuatu yang terdapat pada situs blog, halaman url link label dan lain sebagainya. Sitemaps ternyata sangat penting guna optimalisasi search engine . Kadang kita tidak sadar bahwa ada beberapa hal yang membuat situs blog kita tidak terindex oleh robot Google , misalnya adalah link yang jelek antara setiap page di blog kita atau karena content yang terlalu berat pada sebuah blog yang membuat Googlebot tidak bisa mengindex halaman blog kita tersebut. Sitemaps dibuat untuk memudahkan Googlebot dalam mengindex seluruh isi blog atau web kita, dengan menggunakan Sitemaps Googlebot akan lebih mudah mengindex seluruh isi blog kita walaupun ada kesalahan-kesalahan yang tidak kita sadari. Cara Membuat Sitemap pada Website : 1. Silahkan anda buat sitemap menggunakan tools dari penyedia layanan generator sitemap yaitu XML Sitemaps Generator§ ( Create your Google Sitemaps Online ) atau Sitemap.org§ 2. Silahkan upload dan letakkan pada Hosting Website anda. 3. Buat akun pada Google Webmaster Tools§. 4. Tambahkan situs terlebih dahulu. 5. Pergi ke Pengoptimalan > Peta Situs 6. Submit nama halaman sitemap anda (tergantung lokasi peletakkannya pada hosting), contoh /sitemap.xml Cara Membuat Sitemap pada Wordpress.
  26. 26. • Silahkan buat di Google XML Sitemaps - WordPress Plugins§ Sedangkan bagi anda yang telah menggunakan domain baru (TLD - Top Level Domain), ikuti panduan mengatasi error yang terjadi apabila memasukkan kode /sitemap.xml sedangkan ketika belum custom domain alias masih subdomain masih bisa. § Cara Mengatasi Error yang terjadi pada Sitemap.xml di Webmaster Tools : 1. Buatlah sitemap di XML Sitemap For Blogger§. 2. Masukkan URL Domain baru anda. § 3. Click Generate Sitemap. 4. Kemudian Copy terlebih dahulu lokasi sitemap yang ditujukan seperti Sitemap : http://www.impoint.blogspot.com/atom.xml?redirect=false&start-index=1&maxresults=500 5. Jangan tutup halaman, kemudian masukkan kode di belakang nama domain anda pada sitemap di Google Webmaster Tools. Dan tambahkan 1 feed url sitemap lagi. Kesatu : /atom.xml?redirect=false&start-index=1&max-results=500 Kedua : /feeds/posts/default?max-results=9999&amp;amp;alt=json-inscript&amp;amp;callback=loadtoc Submit sitemap. Silahkan tunggu hingga 1-2 hari sampai status informasinya terkirim bukan tertunda. 6. Selanjutnya Login ke Blogger.com 7. Pilih Settings lalu Search Preference
  27. 27. 8. Pilih Custom Robots.Txt klik Enable Yes. 9. Masukkan data yang ada pada Blogger Sitemap tadi, semuanya seperti berikut : § 10. Simpan Perubahan tersebut. Pada dasarnya untuk menampilkan sitemap di setiap domain harus mengupload file sitemap.xml / sitemap.html / sitemap.php namun karena kita adalah bawaan blogspot, maka sitemap ini sudah disediakan Google, dan jika terjadi error kita dapat memanfaatkan feeds atom dan rss yang dapat meninjau sitemap tersebut. Cara Membuat Sitemap Blogspot Domain Baru§, contoh gambar printscreen diambil dari dua situs blog yang menggunakan subdomain blogspot (baru dibuat selama uji coba) dengan domain blog tld yang baru, salah satunya Media Blogger ini. Semoga dapat bermanfaat, jika ada yang kurang jelas silahkan cari panduan sitemapnya disini REFERENSI http://impoint.blogspot.com/2013/07/kode-warna-html.html#ixzz2iiPIP9uf http://impoint.blogspot.com/2013/06/cara-mengatasi-error-sitemapdomain.html#axzz2iiNyESCQ http://impoint.blogspot.com/2013/06/hari-pertama-mengganti-subdomain-
  28. 28. ke.html#axzz2iiNyESCQ http://impoint.blogspot.com/2013/06/pengertian-http-https-url-ftpdomain.html#axzz2iiNyESCQ

×