video streaming berbasis web menggunakan xampp

Video streaming adalah istilah yang sering kita gunakan saat melihat video diinternet melalui browser dimana kita tidak perlu men-download file video tersebut untuk dapat memutarnya. Istilah ini tersebut terdiri dari dua suku kata yaitu video dan streaming, secara istilah video berarti teknologi untuk menangkap, merekam, memproses, mentransmisikan dan menata ulang gambar bergerak, sedangkan streaming berarti proses penghantaran data dalam aliran berkelanjutan dan tetap yang memungkinkan pengguna mengakses dan menggunakan file sebelum data dihantar sepenuhnya.
Jadi video streaming dapat diartikan transmisi file video secara bekelanjutan yang memungkinkan video tersebut diputar tanpa menunggu file video tersebut tersampaikan secara keseluruhan.
Video streaming banyak diimplementasikan pada dunia pertelevisian untuk melakukan siaran dari website atau mengirimkan gambar siaran langsung melalui website atau disebut juga live streming. Jadi gambar yang didapatkan dari siaran langsung, sesegera mungkin ditransmisikan dan dapat diputar melalui internet.

XAMPP adalah software web server apache yang di dalamnya tertanam server MySQL yang didukung dengan bahasa pemrograman PHP untuk membuat website yang dinamis. XAMPP sendiri mendukung dua system operasi yaitu windows dan Linux. Untuk linux dalam proses penginstalanny menggunakan command line sedangkan untuk windows dalam proses penginstalannya menggunakan interface grafis sehingga lebih mudah dalam penggunaaan XAMPP di Windows di banding dengan Linux.

Sebelum kita membahas cara mengenai penginstalan dan penggunaan dasar XAMPP alangkah lebih baiknya jika kita mengetahui terlebih dahulu aplikasi apa yang ada di dalam XAMPP yang merupakan aplikasi vital bagi berjalannya XAMPP dengan baik. DIdalam XAMPP ada 3 komponen utama yang di tanam di dalamnya yaitu web server Apache, PHP, dan MySQL

Apache

Apache merupakan web server yang digunakan untuk menampilkan website di internet seperti menggunakan Mozilla fire fox, Google Crome, IE, Safari, dll berdasarkan kode-kode yang di tulis di dalam website tersebut baik menggunakan bahasa pemrograman HTML maupun PHP yang mengambil suatu database yang dibangun di MySQL, sehingga terbentuklah sebuah website yang dapat di lihat di Mozilla fire fox dan kawan-kawannya. Apache sendiri bersifat opensource sehingga dapat digunakan oleh siapa saja dan dikembangkan oleh siapa saj tentunya bagi yang mampu mengembagkannya.

PHP
Merupakan bahasa pemograman yang sering di gunakan untuk web server. PHP memungkinkan pengguna atau user untuk membuat web dinamis (dapat di ubah). PHP dapat berkerja di berbagai macam Operating System seperti, windows, linux, mac os, dan lainnya. Sama halnya dengan Apache, software ini juga bisa di dapatkan secara gratis.

MySQL
SQL atau Structured Query Language merupakan software yang khusus di gunakan untuk mengolah database. Hal ini memungkinkan SQL untuk dapat menambah, mengubah, menghapus data yang terdapat dalam database. SQL merupakan software yang bersifat rational atau dalam artian program ini menggunakan tabel data untuk memisahkan beberapa data yang memungkinkan untuk menghindari duplicate data.

PHPmyAdmin
Dengan fitur PHPmyAdmin ini, kita akan dapat dengan mudah membuat baris data ataupun database tanpa harus mengingat perintah-perintahnya.

langkah-langkah untuk membuat video streaming berbasis web menggunakan xampp:

1. Bukak aplikasi xampp seperti dibawah,kemudian jalan modul apache

2.Buka web browser dan ketikkan localhost tersebut. Jika aplikasi xampp telah berjalan maka akan muncul tampilan seperti berikut ini.

3.bukak file tempat penyimpanan xampp tersebut,dan pilih htdocs, Lalu tambahkan folder baru dengan nama video, tujuan dari penambahan folder video ini adalah sebagai tempat penyimpanan video dan file html yang akan berfungsi untuk proses streaming video lewat web, seperti tampilan berikut :

4. Di dalam folder video, nantinya akan dibuat format text html yang akan ditampilkan pada web serta video yang akan disharing.

untuk pengisian nilai height,width,type,and target dilihat pada properties pada video yang akan kita share:

5.simpan format text tersebut dengan diakhiri .html

6.Video yang akan dishare selanjutnya akan diputar menggunakan aplikasi VLC. Melakukan pengecekan pada mozilla firefox apakah aplikasi VLC telah ter integrasi terhadap mozilla firefox dengan cara mengklik tools kemudian add-ons kemudian plugins. Jika sudah terintegrasi, akan keluar tampilan seperti berikut :

7.kemudian untuk melihat apakah file video yang di share dapat diakses dengan memasukkan alamat webnya yaitu localhost/video/tes.html, lalu klik tombol play.

8.jika ingin menampilkan banyak video, maka  perlu menambahkan text berformat html lagi. langkah awal membuat format text html seperti sebelumnya dengan video yang lain.

9. kemudian buat isi file html bernama list seperti tampilan berikut.

10.jika telah selesai, pada folder video akan ada file-file seperti berikut

11.untuk mengecik hasil video streaming yang telah kita share lagi,makaa kita dapat mengecek pada mozilla seperti langkah sebelunya “localhost/video/new”/ip.

 12.untuk memutar salah satu dari 2 tersebut klik pada bagian tengahnya.

13.jika kita melihat dari pc client apa yang kita share,dengan cara memasukkan ip server tersebut:

jika reply 1988

jika wildlife

Continue Reading...

Video Streaming Menggunakan VLC

Video streaming adalah istilah yang sering kita gunakan saat melihat video diinternet melalui browser dimana kita tidak perlu men-download file video tersebut untuk dapat memutarnya. Secara istilah video berarti teknologi untuk menangkap, merekam, memproses, dan mentransmisikan serta menata ulang gambar bergerak, sedangkan streaming berarti proses penghantaran data dalam aliran berkelanjutan dan tetap yang memungkinkan pengguna mengakses dan menggunakan file sebelum data dihantar sepenuhnya  Maka dari itu salah satu aplikasi yang mengijinkan kita untuk melakukan Video Streaming adalah VLC Media Player.

VLC adalah sebuah multi media player yang sudah umum dipakai banyak orang, dikenal karena selain cukup ringan sebagai sebuah multimedia player, dan dapat memutar hamper semua file multimedia (video dan Audio) VLC sendiri merupakan sebuah aplikasi yang bersifat “Free” alias gratis di donlot hehehe :D :D. ini di karenakan sifat dari VLC sendiri juga Open Source. Tapi selain kenggulan-keungulan tersebut, VLC juga memiliki keunggulan lain. VLC dapat Melakukan Streaming.

Adapun langkah-langkah konfigurasi Video streaming server menggunakan VLC, sebagai berikut :

1. Menginstall aplikasi VLC pada windows, ataupun juga bisa menggunakan Sistem Operasi linux. Yang membedakan hanya installer VLC nya saja.
   
2. Selanjutnya nya buka Aplikasi, pilih menu "Media" dan pilih "Stream" seperti dibawah ini
   
3. Lalu “Add” video yang akan di streaming, jika sudah maka klik “Stream” seperti pada gambar dan akan muncul source seperti pada gambar di bawah ini, kemudian klik next lagi 
   
4. Selanjutnya akan menuju menu dimana video kita berada, serta destination setup
   
   
   
   
5. Ini Destination dengan menggunakan HTTP, kita dapat mengikuti langkah – langkah pada gambar dibawah ini, pada profile pilih jenis outputnya audio video. Jika sudah maka klik “Next”.
   
6. Isikan seperti pada gambar di atas, mulai dari port yang dipakai dan pemberian nama “Path” nya. Gambar di atas untuk Destinations HTTP. Jika sudah klik “Next”
   
7. Dan klik “Stream”. Maka secara otomatis Video yang kita jadikan streaming akan “play”.
   
8. Melakukan konfigurasi pada PC Client terlebih dahulu. Buka VLC di PC Client, dan klik “Media” pilih “Open Network Stream”. Muncul tampilan seperti ini :
    
   
   9. Pilih pada Tab “Network” dan pembaca diminta untuk mengisikan alamat URL nya, isikan alamat IP, Port dan nama Path tersebut pada URL nya.
   

Berikut Hasil dari Sebuah Video Streaming Server yang kita bangun menggunakan VLC. Kita coba mengakses nya melalui windows ataupun ubuntu. ini Hasilnya :

  

Sekian tutorial membuat Video Streaming Server menggunakan VLC. Terimakasih

Continue Reading...

Membuat Hotspot menggunakan Mikrotik

Hotspot adalah area dimana seorang client dapat terhubung dengan jaringan internet secara wireless (nirkabel/tanpa kabel) dari PC, note book atau gadget seperti Handphone dalam jangkauan radius kurang lebih beberapa ratus meteran atau tergantung dari kekuatan frekuensi/signal. Router Mikrotik merupakan router yang memiliki fitur lengkap. Salah satu fitur yang cukup populer dan banyak digunakan dari Router Mikrotik itu sendiri adalah Hotspot. Metode Hotspot, yang mana kebanyakan wifi hotspot tidak di password dan semua user bisa connect kemudian akan diarahkan ke halaman login di Web Browser. Tiap user bisa login dengan username dan password yang berbeda-beda. Metode semacam inilah yang sering digunakan di wifi Cafe, Sekolah, kampus, maupun area publik lainnya. Kelebihan Hotspot dengan menggunakan Mikrotik yaitu kita dapat mengkonfigurasi jaringan wireless yang hanya bisa digunakan dengan username dan password tertentu. Kita juga dapat melakukan manajemen terhadap user-user tersebut. Misalnya, mengatur durasi total penggunaan hotspot per user, membatasi berapa besar data yang dapat di download tiap user, mengatur konten apa saja yang boleh diakses user, dan lainnya.

Langkah konfigurasi nya :

• Pada menu interface pilih interface yang akan dijadikan interface hotspot, kita gunakan Wlan, klik ganda dan ubah mode nya menjadi ap bridge dan beri SSID sesuai keinginan, apply- OK
  

• Memberikan alamat IP pada interface WLan, melalui menu IP - Address
  

• Mengkonfigurasi hotspot yang telah membuat, mencakup DHCP nya, DNS, dll. Masuk melalui menu IP - Hotspot  klik Hotspot setup
  
  memilih interface yang dijadikan hotspot
  
  
  mengisikan IP address, centang Masquerade
  
  
  
  memberikan range IP dhcp untuk client
  
  
  
  memilih SSL certificate, pilih saja none
  
  
  
  IP address untuk SMTP, berikan atau biarkan saja 0.0.0.0
  
  
  
  Beri IP DNS, disini saja menggunakan DNS google saja
  
  
  
  Memasukkan DNS name, bila kita kosongkan maka untuk mengakses laman login hotspot akan tetap menggunakan IP address dari WLan
  
  
  Setting Hottpot nya telah selesai, sekarang kita cek pada wireless pc atau laptop SSID yang kita buat terbaca atau tidak nya, bila muncul langsung coba connect ke SSID yang kita buat
  

  
  
  
  Selanjutnya mencoba tes koneksi antar client, dan juga koneksi client ke router, disini hotspot nya belum terhubung ke internet, jadi kita melakukan pengujian menggunakan PING saja.

Test 1 : PC 1 ke PC2

Test 2 : PC 1 /2 ke Router mikrotik

Setelah semua pengujian tersebut berhasil, maka kita telah berhasil membuat hotspot menggunakan Mikrotik, Sekian Tutorial ini, Terimakasih.

By : Muhamad Nur Fajar ( Politeknik Caltex Riau ) / TET

Continue Reading...

USER MANAGER & RADIUS SERVER DI MIKROTIK

UserManager merupakan fitur AAA server yang dimiliki oleh Mikrotik. Sesuai kepanjangan AAA (Authentication, Authorization dan Accounting), UserManager memiliki DataBase yang bisa digunakan untuk melakukan autentikasi user yang login kedalam network kita, memberikan kebijakan terhadap user tersebut misalnya limitasi transfer rate, dan juga perhitungan serta pembatasan quota yang dilakukan user kita nantinya. UserManager ini akan memudahkan kita yang ingin membuat layanan internet publik secara luas, misalnya hotspot-hotspot di cafe, mall, hotel dan sebagainya, karena dengan menggunakan UserManager ini kita cukup membuat 1 account user, dan account user tersebut bisa digunakan atau diakses dari router-router Hotspot yang sudah kita pasang.

Radius merupakan kependekan dari Remote Authentication Dial In User Service, merupakan protokol jaringan yang menjalankan service management Authentication, Authorization, dan Accounting (AAA) secara terpusat untuk user yang terkoneksi dan hendak menggunakan resource dalam jaringan. MikroTik memiliki fitur radius server yang disebut UserManager.  UserManager akan memudahkan ketika kita yang ingin membuat layanan jaringan yang didistribusaikan secara luas, misal hotspot di cafe, mall, hotel dan sebagainya. Dengan menggunakan UserManager ini kita cukup membuat satu account user di router utama, dan account user tersebut bisa digunakan atau diakses dari router DHCP/Wireless. Gambaran topologi jaringan yang menggunakan UserManager sebagai radius server:

Langkah - langkah membuat User Manager & Radius di Mikrotik :

• Pada Topologi diatas untuk usermanager dan radius lebih sering digunakan untuk jaringan Wireless atau hotspot yang sering kita gunakan pada sekolah, kampus, cafe dll. untuk itu pastikan terlebih dahulu mikrotik kita telah berfungsi sebagai Hotspot, cara nya Baca disini

• Pastikan Mikrotik kita telah mendapat akses internet dari sebuah ISP yang digunakan.
  

• Untuk menggunkan layanan Usermanager pada Mikrotik kita harus download package nya dengan nama user-manager-mipsbe.npk yang bisa di download di http://routeros.co.id , Setelah di download extract maka akan terdapat user-manager-.npk. Copykan file tsbt ke mikrotik pada File - file list di mikrotik, setelah itu System - reboot. Maka mikrotik akan upgrade jika ada package yang baru
  

Konfigurasi Pada Hotspot yang dibuat sebelumnya :

• Pada menu Hotspot - Server Profile, buat server hotspot yang akan kita gunakan untuk RADIUS
  
• Kemudian pada menu IP - Hotspot - Server Profile pilih profile yang dibuat tadi, pada tab RADIUS centang Use RADIUS
  
• Pada menu utama mikrotik, menu RADIUS klik add (+) kemudian pada tab General centang Hotspot karena client akan terhubung melalui Hotspot, kemudian centang wireless, login. Pada kolom Address isikan IP address internet tambahkan password secret. Pengaturan lainnya biarkan seperti default.
  

• Lanjut ke mengakses UserManager nya melalui webrowser, dengan nengetikkan IP address yang tehubung ke PC konfigurasi, misal : 10.10.5.1/userman

Tambahkan pada menu Router, yaitu informasi tentang router yang terhubung dengan radius yang kita gunakan.

• Parameter Name dengan nama Kelompok5
• IP Address dengan “200.200.200.204
• Shared secret kita sesuaikan dengan parameter secret yang ada di menu Radius mikrotik
• Radius Incoming COA + Port 3799
• Jika sudah tekan tombol Add.

Selanjutnya pada menu Customer, masukkan data User admin Userman dan passwordserta profile perusahaan kita.

Selanjutnya pada menu Profiles, kita buat profile user dan profile limitations. Buatlan seperti contoh dibawah ini.

Ini merupakan Limitation nya, buat beberapa limitation yang lain bila dirasa dibutuhkan

Selanjutnya pada menu User, kita akan membuat user hotspot secara massal ataugenerate user. Buatlah seperti contoh dibawah ini.

Berikut hasil  dari membuat User yang nantinya akan digunakan sebagai user-user yang dapat mengakses Hotspot yang kita buat.

BERIKUT CONTOH HASIL SEBUAH CLIENT LOGIN MENGGUNAKAN USER YANG TELAH DISEDIAKAN OLEH USER MANAGER.

Sekian Tutorial tentang User Manager & Radius pada Mikrotik. Terimakasih.

By : Muhamad Nur Fajar ( Politeknik Caltex Riau ) / TET

Continue Reading...