Programmer Nganggur: May 2013

Wednesday, May 22, 2013

Membuat Aplikasi Web Chatting Sederhana dengan PHP

Entah beberapa bulan/tahun yang lalu saya pernah ada permintaan dari seorang teman untuk membuatkan aplikasi chatting sederhana untuk digunakan pelengkap/ tambahan fasilitas aplikasi yang sedang dia buat. Dikarenakan untuk membuat sendiri tidak mencukupi waktunya maka saya searching di internet trus menemukan script untuk membuatnya. Aplikasi ini bukan buatan saya sendiri tapi saya juga lupa dari mana saya mendapatkannya. File asli downloadnya pun sudah enggak ketemu.

Berhubung sepertinya bermanfaat berikut saya share script nya dimana beberapa sudah saya rubah dan sesuaikan agar lebih menarik. Aplikasi ini menggunakan perpaduan bahasa HTML, PHP, CSS dan Javascript. Aplikasi ini juga tidak menggukan database karena menyimpan history nya disiman dalam bentuk html. Aplikasi ini bisa jalan dengan baik dan sudah saya test di browser Internet Explorer 8 dan Mozilla Firefox 21.0.

Membuat MD5 PASSWORD GENERATOR dengan PHP

MD5 (Message-Digest algortihm 5 ) merupakan algoritma yang biasa dipakai untuk password. Algoritma sendiri adalah kumpulan perintah/ langkah2 untuk menyelesaikan masalah. MD5 tergolong dalam Kriptografi yaitu ilmu atau seni untuk menjaga kerahasiaan.

Dalam penggunaan software/ aplikasi MD5 biasa dipakai dalam pembuatan password untuk login. Sebuah kata akan diencrypt dengan MD5 agar tidak mudah ditebak oleh pencuri password/ hacker, walaupun sekarang MD5 mulai sudah tidak aman karena sudah banyaknya orang yang mampu mendecrypt MD5.

Encrypt bisa diartikan merubah sesuatu kata/kalimat (atau lebih luasnya benda) menjadi kode tertentu. Sedangkan Decrypt adalah kebalikannya yaitu merubah suatu kode ke bentuk asalnya.

Materi Ke 5 HTML : Membuat List dan Penomoran atau Bullet and Numbering

Dalam HTML kita juga bisa membuat list/daftar dalam bentuk bullet atau numbering, tag dasar yang dipakai ada 2:

<ol></ol> untuk membuat daftar terurut (numbering/ penomoran) contoh 1, 2, 3 dst atau A, B, C dst atau i, ii, iii dst dan sebagainya. OL merupakan singkatan dari Ordered List (daftar yang terurut). Attribut yang dipakai adalah type sedangkan nilai attribut type contohnya type="1" , type="A" dst
<ul></ul> untuk membuat daftar tidak terurut (bullet). UL merupakan singkatan dari Unordered List (daftar tidak terurut). Attribut yang dipakai adalah type sedangkan nilai attribut type contohnya type="square" , type="disk" dst. Nilai attribut type yang lain adalah disc, square, dan circle
<li></li> untuk menunjukkan list data OL maupun UL, tag ini berada diantara tag OL atau UL, lebih jelasnya dibahas di contoh.

Perlu diperhatikan materi yang saya tulis disini selalu ada kaitannya dengan materi sebelumnya terutama Materi Ke 1, disarankan untuk yang baru belajar dibaca dulu Materi Ke 1 disini.

Materi Ke 4 HTML : Memberi Warna Background atau Gambar Background pada HTML

Pada Materi Ke 4 HTML dibahas mengenahi; memberi warna background dan memberi gambar background pada halaman html. Tentunya untuk mempercantik halaman situs diperlukan warna2 atau gambar2 sebagai background supaya lebih menarik pengunjung juga.

Perintah dasar memberi warna dan gambar adalah attribut BGCOLOR dan BACKGROUND. Karena yang akan diberi warna adalah BODY (tubuh) HTML maka attribut BGCOLOR dan BACKGROUND diletakkan pada tag <BODY>. Contoh penggunaannya akan dibahas dalam latihan berikut:

Nama-Nama Warna dan Kode HTML-nya

Pewarnaan di HTML lebih sering menggunakan kode dari pada dituliskan nama warnanya.
Contoh: untuk warna merah dituliskan:

Contoh Warna

atau jika ditulis dalam kode HTML

Contoh Warna

Bagaimana kita menghafal kode warna dan nama yang seperti apa yang terbaca oleh HTML, memang kesulitan kalau harus dihafal tapi ada solusi di postingan ini saya tampilkan nama-nama warna yang terbaca HTML dan kode HTML nya.

Berikut nama warna dan kodenya yang saya ambil dari berbagai sumber:

Materi Ke 3 HTML : Mengatur Jenis Font, Warna Font, dan Ukuran Font

Pada Materi Ke 3 HTML dibahas tentang mengatur jenis, warna dan ukuran huruf, sama seperti di Aplikasi Pengolah Kata MS Word dll dalam membuat halaman web tentunya kita juga bisa mengatur font agar terlihat lebih cantik. Untuk mengatur Jenis, Warna dan Ukuran Font kita menggunakan Tag ..... . Tag ini menggunakan 3 attribut yaitu: face untuk mengatur jenis font, color untuk mengatur warna font, dan size untuk mengatur ukuran font.

Contoh penggunaannya kita praktikan sebagai berikut :

Materi Ke 2 HTML : Membuat Halaman Artikel dengan Beberapa Format Huruf Tebal, Miring, Garis Bawah

Pada Materi Ke 2 HTML kita berlatih Membuat Halaman Artikel yang didalamnya ada beberapa format huruf seperti huruf tebal, miring, atau garis bawah. Tentunya dalam pengetikan artikel ada kalanya ada penegasan kata tertentu yang dianggap penting dan perlu perhatian ditandai dengan adanya tanda huruf tebal, huruf miring atau huruf dengan garis bawah, malahan terkadang ketiganya digunakan bersamaan.

Perlu diingatkan kembali dalam HTML kebanyakan tag ditulis dengan format awal <tag> akhir </tag> contoh: <head>Materi Kedua</head>. Bagaimana kita mendapat tampilan tebal, miring, dan garis bawah akan dibahas sebagai berikut:

Materi Ke 1 HTML : "HELLO WORD !!!"

Mengawali materi ke 1 Pemrograman HTML yang perlu dipersiapkan: adalah PC/ Laptop yang sudah terinstall Notepad++ (download notepad++ disini) dan Appserv (untuk instalasi Appserv lihat disini). Dalam materi ke 1 kita mencoba menampilkan tulisan "Hello Word !!!" pada halaman web yang akan kita buat.

Pertama-tama sebelum kita masuk ke coding kita harus mengenal dulu tentang Fungsi Appserv yang sudah kita install. Halaman2 web yang akan kita buat nantinya akan kita simpan dalam folder WWW di C:\AppServ\www\ (tergantung dimana kita menginstall Appserv).

Mengenal Tag-Tag HTML dan Fungsinya

Sebelum menginjak Materi Ke 2 HTML berikut untuk diketahui Tag2 HTML dan Fungsinya yang dirangkum dari berbagai sumber.

PERINTAH / TAG HTML BESERTA FUNGSINYA

Instalasi Appserv 2.5.10 / Appserv 2.6.0

Melanjutkan postingan sebelumnya. Berikut langkah2 instalasi Appserv 2.5.10 maupun Appserv 2.6.0 :

Download dulu aplikasi langsung dari websitenya di sini. Download salah satu saja dari versi yang ditampilkan Appserv 2.5.10 atau Appserv 2.6.

Tunggu hingga proses download selesai.

Apa saja yang dibutuhkan dalam memulai pembuatan aplikasi dengan Pemrograman Berbasis Web ???

Jika anda ingin belajar membuat aplikasi berbasis web maka beberapa kebutuhan yang menurut saya harus disiapkan diantaranya:

Komputer/Laptop yang sudah terinstall Sistem Operasi sesuai kebutuhan, digunakan untuk menjalankan beberapa aplikasi pendukung.
Buku Panduan Pemrograman HTML dan PHP dengan database MySQL bisa didapat di toko2 buku atau ikuti terus postingan dari blog ini.
Aplikasi WebServer, PHP, dan Database (awalnya coba pakai MySQL). Saya biasa menggunakan aplikasi yang ketiga elemen tersebut sudah include didalamnya diantaranya: WAMPP, XAMPP, AppServ dll.
Text Editor HTML dan PHP, ada banyak macamnya contoh: Adobe Dreamweaver, EditPlus, Notepad++, Notepad dll

Jika kesemuanya sudah terdownload nantikan postingan selanjutnya tentang Instalasi Appserv.

Macam-macam Bahasa Pemrograman Berbasis Web

Banyak bahasa Pemrograman Berbasis Web yang dikenal dan dapat dipadukan satu sama lain sehingga menghasilkan laman yang dikehendaki pembuat. Biasanya setiap Programmer memiliki spesifikasi di dalam bahasa pemrograman tertentu yang sebenarnya menurut saya bahasa setiap bahasa pemrograman itu sendiri memiliki banyak kemiripan. Kadang bahkan hampir selalu programmer menggabungkan beberapa bahasa contoh: html dipadukan dengan php, css dan javascript untuk menghasilkan tampilan yang lebih cantik dan sesuai kebutuhan.

Spesifikasi awal saya dalam membuat aplikasi adalah PHP dan HTML dengan database MySQL seiring dengan perkembangan kebutuhan dan permintaan aplikasi yang juga menghendaki tampilan yang lebih bagus tentunya menuntut saya belajar javascript, CSS, dan Oracle untuk menuruti keinginan costumer yang semakin hari permintaan aplikasi lebih rumit dan tidak meninggalkan tampilan indah.

Berikut beberapa bahasa Pemrograman Berbasis Web

Apa itu Pemograman Berbasis Web ???

Kalau mendeskripsikan sesuatu sebenarnya saya tidaklah begitu mahir makanya saya kesulitan dalam menulis artikel. Tetapi sebenarnya banyak juga yang ingin saya bagikan buat teman2. Kalau membahas tentang definisi dan arti kata ataupun pengertian saya kira kita bisa googling aja maka kita tinggal milih definisi Pemrograman Berbasis Web menurut beberapa ahli dan sebagainya.

Jika kita cermati sebenarnya tidak perlu didefinisikan semua orang sudah tidak asing dengan kata Pemrograman, Berbasis, dan Web. Saya terjemahkan menurut saya 3 kata tersebut yaitu

1. Pemrograman adalah suatu kegiatan/cara membuat program

2. Berbasis berarti dengan dasar

3. Web adalah situs yang biasa diakses di internet.

Kesimpulannya

Programmer Nganggur

Labels