WAMPSERVER

       Wamp adalah sebuah aplikasi yang dapat menjadikan komputer kita menjadi sebuah server. Kegunaan wamp server ini untuk membuat jaringan local sendiri dalam artian kita dapat membuat website secara offline untuk masa coba-coba di komputer sendiri. Jadi fungsi dari wamp server itu sendiri merupakan server website kita untuk cara memakainya. Mengapa harus menjadi server ? Karena dalam hal ini komputer yang akan kita pakai harus memberikan pelayanan untuk pengaksesan web, untuk itu komputer kita harus menjadi server.

Biasanya para perancang web atau web master jika akan merencanakan (planing), kemudian membangun (buliding )dilakukan di komputer local atau bisa juga di jaringan local, tidak langsung di host --> internet. Oleh karena itu perlu dikomputer kita di jadikan server sehingga kita seolah olah sedang meng update di hostnya ( tempat penyimpanan file2 yang diperlukan website ) ---> internet.

Dengan di tempatkannya file file pendukung website di komputer kita kita tidak perlu buka masuk internet .. sehingga hal ini mengurangi presentasi waktu dan biaya, yang kalo di lakukan langsung di jaringan internet akan memakan waktu yang lama juga untuk uploadnya (edit file file websitenya seperti html, php atau asp).

untuk Softwarenya silahkan download disini :
Wampserver x32 :
http://adf.ly/F0TCl
Wampserver x64 :
http://adf.ly/F0TS0

untuk Tutorial lengakpnya silahkan download disini :
http://adf.ly/F0A36

Read More

APLIKASI CHAT ROOM MENGGUNAKAN AJAX DAN PHP

1. Pengertian PHP
         PHP adalah bahasa pemrograman yang memungkinkan para web developer untuk
      membuat aplikasi web yang dinamis dengan cepat. PHP merupakan singkatan dari Perl3
      Hypertext Preprocessor. PHP dapat diintegrasikan ke dalam web server, atau dapat
      berperan sebagai program CGI yang terpisah. Karakteristik yang paling unggul dan paling
      kuat dalam PHP adalah lapisan integrasi database (database integration layer). Database
       yang didukung PHP adalah : Oracle, Adabas-D, Sybase, FilePro, mSQL, Velocis, MySQL,
       Informix, Solid, dBase, ODBC, Unix dbm, dan PostgreSQL.2
Kelebihan PHP dari bahasa pemrograman lain :
   a. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan
       sebuah kompilasi dalam penggunaanya.
   b. Web Server yang mendukung PHP dapat mudah ditemukan dari mulai IIS sampai
       dengan apache.
   c. Dalam sisi pengembangan lebih mudah, karena banyaknya developer yang siap
       membantu dalam pengembangan.
   d. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (linux,
       unix, windows) dan dapat dijalankan secara runtime melalui console serta juga
      dapat menjalankan perintah - perintah sistem.

2.Pengertian AJAX
      AJAX merupakan singkatan dari Asynchronous Javascript And XML. AJAX bukan
  merupakan teknologi yang berdiri sendiri, namun terdiri dari gabungan beberapa teknologi,
    antara lain :
         a. XHTML untuk membuat halaman web.
         b. CSS untuk tampilan halaman web.
         c. XML untuk format data.
         d. XML Http Request untuk proses pengiriman dan penerimaan data.

3. Perancanganan Sistem
       Aplikasi chat room yang akan di bangun meliputi beberapa rancangan sistem yaitu
rancangan sistem menggunakan metode UML (Unified Modelling Language) suatu metode
yang akan digunakan untuk menspesifikasikan, memvisualisasikan, membangun dan
mendokumentasikan bagian - bagian tertentu dari suatu pengembangan sistem software
yang berbasis pada obyek.
      Chat room ini merupakan rancangan beberapa chat room default yang terdapat pada
aplikasi chat, rancangan diagram meliputi use case diagram, class diagram, sequence
diagram dan activity diagram. Keempat ini akan menggambarkan proses dari aplikasi chat
room yang akan dibangun.

A. Use Case Diagram
       Use case adalah gambaran fungsionalitas dari suatu sistem, sehingga customer atau
pengguna sistem paham dan mengerti mengenai kegunaan sistem yang akan dibangun,
karakteristik use case adalah interaksi atau dialog antara sistem dan aktor, termasuk
pertukaran pesan dan tindakan yang dilakukan oleh sistem.
       Use case harus menyediakan nilai minimal kepada satu aktor. Use case bisa
memiliki perluasan yang mendefinisikan tindakan khusus dalam interaksi atau use case lain
mungkin disisipkan. Use case class memiliki objek use case yang disebut skenario, skenario
menyatakan urutan pesan dan tindakan tunggal. Pada use case diagram ini diperlihatkan
hubungan yang terjadi antara aktor - aktor dengan use case - use case dalam sistem dan
menjelaskan manfaat dari sistem jika dilihat menurut pandangan orang yang berada di luar
sistem. Diagram ini menunjukkan fungsionalitas suatu sistem atau kelas dan bagaimana
sistem berinteraksi.

Penjelasan Diagram :
    Interaksi user dengan sistem dapat dijelaskan bahwa sebelum melakukan login
sebagai member, terlebih dahulu melakukan daftar sebagai member, kemudian setelah login,
user dapat melakukan chat room publik / multiuser dan chat private, user member dapat
melihat chat room, profil dan edit profil, user member dapat melakukan kirim file dengan user
yang sedang online.

Penjelasan Diagram :
   Interaksi User Administrator dengan sistem dapat dijelaskan bahwa login terlebih
dahulu sebagai administrator, administrator dapat melakukan lihat admin, edit admin, tambah
admin dan hapus admin. Administrator dapat lihat member yang terdaftar, edit member dan
hapus member, administrator dapat melakukan upload smiley dan hapus smiley. Kemudian
administrator dapat melakukan lihat history chat dan hapus history chat.

B. Class Diagram
      Class diagram digunakan untuk membantu dalam visualisasi struktur kelas - kelas
dari suatu sistem. Class diagram memperlihatkan hubungan antar kelas dan penjelasan
detail tiap – tiap kelas di dalam model desain dari suatu sistem. Class diagram dari aplikasi
ini

Penjelasan diagram :
1) Class User dengan pesan adalah user dapat mengirimkan pesan chat room satu
pesan atau lebih dari satu pesan, dimana relasinya one (satu) to many (banyak)
pada id_user dengan pesan.
2) Class User dengan chat_private adalah user dapat melakukan chat private
dengan user yang dituju, pada user online yang ada pada temp_online, user
dapat mengirim pesan private kepada 1 (satu) user atau lebih dari satu user.
3) Class temp online merupakan class dimana user pada saat online akan
menambahkan pada class ini, sehingga user dapat melakukan chat private
hubungannya dengan user adalah 1 (satu) ke 1 (satu).
4) Administrator adalah class digunakan sebagai user admin yang dapat mengelola
dari sebuah halaman web chat tersebut.
5) Class smiley adalah class yang digunakan untuk menampilkan suatu objek image
atau gambar untuk menyampaikan pesan pada saat user mengirimkan pesan
chat room atau private.

C. Sequence Diagram
        Sequence diagram menjelaskan interaksi objek yang disusun dalam suatu urutan
waktu. Sequence diagram memperlihatkan tahap demi tahap apa yang seharusnya terjadi
untuk menghasilkan sesuatu di dalam use case.

Penjelasan diagram sequence proses daftar :
 1) User menginputkan alamat web untuk menampilkan halaman Login.
 2) User memilih daftar yang selanjutnya akan menampilkan halaman daftar.
 3) kemudian user menginputkan nama, email, username dan password yang diminta
     halaman daftar.
 4) Input tersebut akan divalidasi untuk disimpan ke dalam database dan jika gagal
     maka akan kembali ke halaman daftar.
 5) Kemudian user mengirimkan aktivasi member ke database jika gagal maka
    kembali ke halaman daftar dan apabila berhasil maka ke halaman login.

Penjelasan Diagram :
  1) User menginputkan halaman web dan akan menampilkan halaman login, dan
      tampilan halaman login dikembalikan ke user.
  2) Kemudian user memilih halaman login, halaman login meminta request username
      dan password.
  3) Lalu user menginputkan username dan password ke halaman login setelah itu
     halaman login memvalidasikan input ke database jika gagal maka kembali ke
     halaman login dan jika berhasil load ke halaman chat area, halaman chat area
     menampilkan ke user.

Penjelasan proses diagram :
 1) User dapat melakukan proses ke server dan server akan melakukan
     pengecekan terlebih dahulu dan server akan mengirim respon ke klien dengan
     mengirimkan data berupa HTML.
 2) Script AJAX akan mengolah data HTML dan menjalankan perannya dengan
     memanggil HTML dan HttpRequest untuk pengecekan koneksi antara server dan
     klien.
 3) Kemudian AJAX akan melakukan pemanggilan yang ada pada aplikasi, sebelum
     proses berlangsung, script AJAX akan melakukan konfigurasi tipe ChatRoom,
     ChatPrivate, Lihat Profile, Edit Profile, View profile dan Kirim file akan terjadi
     proses simpan ke database sampai file yang dikirimkan sudah selesai.
 4) Selama proses simpan berlangsung, file ChatRoom, ChatPrivate, Lihat Profile,
      Edit Profile, View profile dan Kirim file yang tadi, dapat dilihat oleh user.
      Kecepatan proses simpan ke database tergantung pada kecepatan akses atau
      bandwidth suatu jaringan komputer tertentu.

D. Activity Diagram
       Aktivitas diagram adalah representasi grafis dari workflow kegiatan bertahap dan
tindakan dengan dukungan untuk pilihan, iterasi dan konkurensi. Dalam Unified Modeling
Language, diagram aktivitas dapat digunakan untuk menggambarkan langkah demi langkah
alur kerja komponen dalam sistem. Seperti terlihat pada gambar 3.74


Penjelasan Diagram :
 1) Ketika masuk dalam aplikasi, user yang telah terdaftar melakukan login ke sistem,
     sedangkan yang belum terdaftar, maka diharuskan mendaftar terlebih dahulu.
 2) Proses pendaftaran ini melibatkan administrator untuk menerima atau menolak
     pendaftar yang telah masuk.
 3) Apabila data pendaftar sudah ada sebelumnya, maka user diharuskan untuk
     mengubah data - datanya.
 4) User yang berhasil login bisa mengakses fitur - fitur dalam aplikasi yaitu chatting,
     kirim file, lihat profile, edit profile. Apabila login gagal, maka akan kembali ke
     halaman login.
 5) Untuk mengakhiri sesi, user diharuskan untuk logout dari sistem.

Untuk lebih lengakpnya silakan download tutorialnya disini :
http://adf.ly/F08Y8

Read More

Pengkabelan UTP Cat-6

Sebelumya kita telah mempelajari tentang pemasangan kabel UTP Cat 5. Nah..., pada pertemuan kali ini masih berkutat dalam materi media transmisi kabel yakni treminasi menggunakan kabel UTP Cat 6. Apa karakteristik dari kabel UTP Cat 6 ini ? yuk.. kita bahas sekilas.
Kabel UTP Catergori 6 atau disingkat Cat 6 ini mempunyai karakteristik yang berbeda dengan kabel cat 5 atau 5e. yang membedakannya adalah pada kabel cat 5 dan 5e antara pair (pasangan kabel) tidak mempunya pembatas (divide), sedangkan pada cat 6 mempunyai pembatas (divide). Pembatas ini yang menjadikan kabel UTP cat 6 ini menjadi lebih tahan terhadap noise dan bisa mentrasferkan data sampai 1000 Mbps atau 1 gigabit.
  

      Pada praktek kali ini saya mencoba melakukan pemasangan kabel straigth menggunakan kabel cat 6 Mari kita mulai melakukan penggkabelannya :

BAHAN :
1 . Siapkan Alat – alat wajibnya seperti : Tang, pemotong jaket (Panduit CJAST), crimping
2. siapkan konektor RJ 45 untk kabel Cat 6

CARA PENGKABELAN
1. Sarunngkan kabel terlebih dahulu dengan komponen Strain Relief Boot dan Strain Relief Collar
2. kupas jaket kabel dengan panduit CJAST 1.5 Inci
3. potong pembatas (divide) yang ada di dalam kabel sejajar dengan permukaan kabel yang telah 
    terkelupas menggunakan tang pemotong.
4. Tancapkan divider Pasangkan divider untuk mengelompokan pair kabel yang mana pada bagian “V”
    tempatkan pair hijau dan pada bagian ujung-ujung divider di pasangkan pair Coklat dan Orange dan
    pair biru dipasangakan di balik bagian “V”. (“Iingat kita membuat kabel straigth model TIA/EIA
    568B )
5. piash – pisahkan kabel sesuai warna dan Susun kabel sesuai dengan urutan warna pada model 568 B .   Potong miring kabel untuk memudahkan memasukan kabel ke load bar sejauh 1 inci dari ujung
    divider dan pegangan jangan dilepaskan sebelum dimasukan kedalam load bar
6. masukkan load Bar

untuk lebih jelasnya silakan download tutorialnya di bawah ini :
http://adf.ly/F06Vp

Read More