Skenario Penerapan VoIP

1. Rancangan skenario penerapan VoIP

         VoIP sejak saat ini dimanfaatkan untuk berkomunikasi, VoIP dapat diterapkan untuk berkomunikasi antar kelas yang memiliki Akses internet, Dan disini saya akan membuat VoIP yabg mana akan dapat digunakan dalam jangkauan satu gedung kelas agar orang - orang yang ada didalamnya dapat terhubung walaupun berbeda ruangan sehingga tidak perlu repot jika ingin memberikan informasi atau sebagainya.

2. Gambar Topologi dan Penglokasian nomor extension VoIP

      Topologi : Menggunakan MS. Visio

         Penglokasian nomor extension VoIP

Contoh Pengalokasian Nomor Extension
Server 1 (absen 34)	Media	Nomor Extension	Password
	IP phone	(034)3401	Jaringan
	Handphone	(034)3402	Jaringan
	Laptop	(034)3403	Jaringan
Server 2 (absen 35)	IP phone	(035)3501	Jaringan
	Handphone	(035)3502	Jaringan
	Laptop	(035)3503	Jaringan
Server 3 (absen 36)	IP phone	(036)3601	Jaringan
	Handphone	(036)3602	Jaringan
	Laptop	(036)3603	Jaringan

 3. Komponen yang akan digunakan dalam penerapan VoIP

    1. VoIP Server menggunakan IAX Server dari Elastic OS Server.

          2.  Client menggunakan IPhone, Laptop, atau Handphone.

                     Software : Zoiper

          3.  Perangkat VoIP menggunakan Wifi hotspot untuk menghubungkan.

4. Prosedur Pembuatan VoIP

      A. Langkah - langkah Konfigurasi Server :

                1.) Disini kita menggunakan OS Elastic di Virtual Box, jadi siapkan OS Elastic untuk dijadikan server.

                2.) Login dan Alamat IP akan diberikan untuk dijadikan server.

            

               3.) Buka browser lalu masukan IP ke browser dan akan ada tampilan halaman login, masukan  username dan password sebagai admin.

          

             4.) Setelah masuk, konfigurasi server (extensi pada client), pilih PBX untuk mencari Asterik File Editor

           5.) Lalu pilih "show filter" dan cari file bernama SIP.conf dan Extension.conf untuk konfigurasi Extensi

Klik gambar untuk memperbesar

     B. Penglokasian Extensi

             1.) Konfigurasi SIP.conf

              2.) Konfigurasi Extension.conf

       

             3.) Konfigurasi bila sudah selesai, pilih Save lalu Reload Asterik

      C. Langkah - Langkah Konfigurasi Client

             1.) Siapkan Zoiper pada perangkat IPhone.

             2.) Lakukan Configurasi untuk membuat akun di Config

  

        3.) Pilih manual Konfigurasi, lalu pilih diantar 2 akun tipe (IAX dan SIP), setelah itu konfigurasi              sesuai dengan setelan server

  

         4.) Setelah konfigurasi berhasil maka Client sudah siap digunakan.

D. Pengujian

      1.) Saya akan coba menghubungi 3501 ke 3401 dari satu server ke server yang lain, caranya Hubungi nomor ini untuk server 1 (034)3401 dari server 2 (035)3501.

    2.) Jika sudah ada panggilan maka artinya sudah terhubung.

Skenario Real Penerapan Jaringan Komputer

     1.   Skenario Real Jaringan Komputer

Seorang pengusaha warnet Dp@Net yang memiliki satu jaringan komputer dengan ruangan sebesar 10 x 6 meter, didalamnya memuat 1 PC Server, 1 Modem, 1 Switch, dan kabel UTP berjenis Straight dan 10 Unit PC Client yang mana akan digunakan untuk keperluan browsing, tugas sekolah, download, upload, dan lain – lain. Setiap Client dihubungkan ke switch dengan jumlah port 16. IP Address Client dikonfigurasi secara dinamis dari server. IP Address client di urut dari 192.168.5.3 - 12 Warnet ini menggunakan Layanan Internet dari Indihome dengan kecepatan 10 Mbps. Warnet ini memiliki 3 komputer khusus yang biasa digunakan untuk kebutuhan game.

     2.   Topologi dan Denah

     3.    Spesifikasi Komponen Pembentuk Jaringan Komputer

a.)  Spesifikasi Server

Processor         : AMD Athlon X3

RAM                : Dual Channel 8GB DDR3

VGA                : Onboard NVidia 512MB GDDR3

HDD                : Western Digital 1TB

Monitor            : LCD 14 inch

OS                    : Windows 7

b.)  Spesifikasi Client

Processor         : AMD APU A4 8570

RAM               : Dual channel 4GB DDR3

VGA                : Onboard HD 8570D 1GB DDR3

HDD                : Western Digital 500GB

c.)   Spesifikasi Client ( Khusus )

Processor         : Intel G3220 Dual Core

RAM               : Dual channel 4GB DDR3

VGA                : Inno3D GT 730 1GB DDR5

HDD                : Western Digital 500GB

d.)  Spesifikasi Switch

Jumlah port  : 16

e.)  Spesifikasi kabel

Kabel              : UTP

Jenis               : Straight

     4.    IP Address yang digunakan Warnet Dp@Net

PC yang digunakan	IP Address	Subnet Mask
Server	192.168.5.2	255.255.255.0
Client 01	192.168.5.3	255.255.255.0
Client 02	192.168.5.4	255.255.255.0
Client 03	192.168.5.5	255.255.255.0
Client 04	192.168.5.6	255.255.255.0
Client 05	192.168.5.7	255.255.255.0
Client 06	192.168.5.8	255.255.255.0
Client 07	192.168.5.9	255.255.255.0
Client 08	192.168.5.10	255.255.255.0
Client 09	192.168.5.11	255.255.255.0
Client 10	192.168.5.12	255.255.255.0

     5.    Layanan Internet Yang Diakses

a.) World Wide Web

            World Wide Web merupakan sebuah sarana yang ada di internet dan banyak digunakan untuk menyampaikan informasi.World Wide Web juga mendukung sistem multimedia yang memungkinkan informasi dapat disampaikan melalui gambar, video, ataupun suara. World Wide Web bisa diakses melalui Browser.

b.) Game Online

             Adalah jenis permainan komputer yang memanfaatkan jaringan komputer. Jaringan yang biasanya digunakan adalah jaringan internet dan yang sejenisnya serta selalu menggunakan teknologi yang ada saat ini, seperti modem dan koneksi kabel.

     6. Spesifikasi Koneksi Internet
         Spesifikasi koneksi internet yang digunakan :

          ISP            : Telkom Indihome
          Speed        : 10 Mbps
          Media        : Kabel Fiber Optik

7. Simulasi

Semua perangkat terhubung agar dapat terkoneksi

8. Pengujian

Client dapat mengakses internet dengan menggunakan koneksi yang telah dikonfigurasi oleh server 

Cara Mengirim , Menangkap Kedalam, Dan Menampilkan Data Pada PHP

Cara mengiriman Data form pada php

  Jadi yang dimaksudkan daru mengirimkan data form yaitu, mengirim data yang telah di inputkan oleh user ke form yang sudah disediakan pada web tertentu, sebagai contohnya seperti mendaftarkan E-mail / Facebook. supaya itu dapat terjadu, dibutuhkan juga form Action dan Method. Hal yang terpenting, kalian harus memberikan "atribut name" yang berbeda supaya data yang dikirimkan tidak error dan juga membutuhkan input yang bertipe submit sebagai pemroses data. selanjutnya cara penggunaannya:

Hal yang harus kalian lakukan pertama kali, kalian harus membuat php dengan judul Register.php, lalu simpan di htdocs kalau menggunakan xampp. Berikut ini codingannya:

<!DOCTYPE html>

<html>

            <head>

   <title>Cara mengirimkan Data</title>

            </head>

<body>          

       <form action=”hasil.php” method=”post”>

      ID : <input type="text" name=”I”></br>

      Password : <input type=”password” name=”P”></br>

      <input type=”submit” value="Register">

</form>

</body>

</html>

Setelah itu buat juga php dengan judul hasil.php dan simpan di htdocs bersamaan dengan Register.php

Cara Menangkap Data Kedalam PHP

    Agar PHP dapat menangkap data yang terjadi, kamu hanya harus mengetikan $_POST['nama variabel']; atau $_GET['nama variabel'];. dengan itu php sudah bisa menangkap data yang sudah di inputkan tadi.

contoh: $_POST['I']; atau $_GET['I'];

Cara Menampilkan Data Pada PHP

Selanjutnya, setelah kalian tahu cara "Menangkap Data Kedalam PHP". Kalian hanya harus menambahkan echo sebelum $_POST dan merubah <input> menjadi <?php ?>. Berikut Codingan untuk menampilkan data pada php:

<!DOCTYPE html>

<html>

<head>

        <title>Cara Menampilkan Data Pada PHP</title>

</head>

<body>          

         <form action=”hasil.php” method=”post”>

         ID : <?php echo $_POST[‘I’]?></br>

         Password : <?php echo $_POST[‘P’]?>

</form>

</body>

</html>

Beberapa Tipe form pada html

 Form Action

Action yang berfungsi menentukan lokasi dari script yang akan memproses data dari form.

Struktur dasar form akan terlihat sebagai berikut:

<form action="logindata.php" method="post">

...isi form...

</form>

Form method

Berfungsi sebagai penentu bagaimana data akan di kirim ke server, dalam form method ini ada 2 macam di dalam formnya yaitu, GET dan POST. Berikut ini penjelasannya.

POST

kalau POST, data yang sudah diinputkan oleh user akan di kirim ke server sebagai block data ke script. selanjutnya, cara menggunakan Method POST :

<form action=”bebas.php” method=”get”>

                                Isian pada form

</form>

GET

Tidak jauh beda dengan POST, cuman data yang sudah di inputkan akan di kirim dengan menggunakan query string pada URL. Cara mengguanakan Method GET :

<form action=”bebas.php” method=”get”>

                                Isian pada form

</form>

Perbedaannya:

1. Method POST tidak menampilkan nilai variabel pada URL dan Method GET menampilkan nilai variabel yang dikirimkan.

2. Method POST lebih aman dan Method GET kurang aman (pada contoh diatas berati password ditampilkan pada URL).

3. Jika Method GET dibatasi panjang string hingga 2047 karakter, Method POST tidak.

4. Perbedaan pengambilan data jika Method POST menggunakan $_POST sedangkan Method GET menggunakan $_GET.

5. Method POST biasanya digunakan untuk input dari FORM, Method GET menggunakan input dari LINK atau akses menggunakan link.

6. Method POST digunakan untuk mengirimkan data rahasia seperti password, Method GET digunakan untuk mengirimkan/mengambil data pablik seperti id_user atau id_halaman.

Beberapa form atribute pada form html

   

          Tag <input> merupakan suatu tag yang membutuhkan tag <form> agar dapat bekerja. Tag <input> sendiri merupakan sebuah tag yang dapat menampung inputan yang sudah di inputkan oleh user.  Berikut ini adalah Beberapa tipe dari tag <input> :

· Text

      Digunakan untuk inputan yang dapat di isikan teks. Cara menggunakannya adalah ketikkan kode berikut pada struktur dasar HTML seperti berikut :

<!DOCTYPE html>

<html>

                <head>

                                <title>Input Teks</title>

                </head>

                <body>

                                <form>Inputan Berupa Teks : <input type="text"></form>

                </body>

</html>

______________________________________________________________________________

· Password

       Digunakan untuk inputan yang harus di isikan dengan password. Cara type password yaitu seperti berikut :

<!DOCTYPE html>

<html>

                <head>

                                <title>Input Password</title>

                </head>

                <body>

                                <form>Inputan Berupa Password : <input type="password"></form>

                </body>

</html>

______________________________________________________________________________

· Radio

       Digunakan untuk inputan yang berupa pilihan, dimana item yang dapat pilih hanya satu item saja. Untuk type Radio diperlukan attribut lain yaitu name agar yang hanya dipilih hanya 1 item. Biasanya tipe ini digunakan untuk Jenis kelamin. Cara penggunaannya :

            <!DOCTYPE html>

<html>

                                <head>

                                                <title>Input Radio</title>

                                </head>

                                <body>

                                <form>Inputan Berupa Radio : <br/><input type="radio" name="gender">Laki-laki

                                <input type="radio" name="gender">Perempuan</form>

                                </body>

</html>

______________________________________________________________________________

· Checkbox

                 Digunakan untuk inputan yang berupa pilihan, dimana item yang dapat dipilih bisa lebih dari satu item. Berikut cara penggunaan checkbox :

<!DOCTYPE html>

<html>

                                <head>

                                                <title>Input Checkbox</title>

                                </head>

                                <body>

                                                <form>Inputan Berupa Checkbox : <br/><input type="checkbox”>A

                                                <input type="checkbox">B</form>

                                </body>

</html>

______________________________________________________________________________

· Submit

      Digunakan sebagai tombol yang memiliki fungsi untuk memproses data. Cara penggunaan :

<!DOCTYPE html>

<html>

                                <head>

                                                <title>Input Submit</title>

                                </head>

                                <body>

                                                <form>Inputan Berupa Submit : <br/><input type="submit”>

                                                </form>

                                </body>

</html>

______________________________________________________________________________

· Reset

Digunakan sebagai tombol yang memiliki fungsi mereset data yang telah diinputkan oleh user. Cara penggunaan :

<!DOCTYPE html>

<html>

                                <head>

                                                <title>Input Reset</title>

                                </head>

                                <body>

                                                <form>Inputan Berupa Reset : <br/><input type="reset”>

                                                </form>

                                </body>

</html>

______________________________________________________________________________

· Date

      Digunakan untuk inputan yang berupa tanggal. Cara menggunakannya :

<!DOCTYPE html>

<html>

                <head>

                                <title>Input Date</title>

                </head>

                <body>

                                <form>Inputan Berupa Date : <input type="date"></form>

                </body>

</html>

______________________________________________________________________________

· Time

Digunakan untuk inputan yang berupa jam (waktu). Cara menggunakannya :

<!DOCTYPE html>

<html>

                <head>

                                <title>Input Time</title>

                </head>

                <body>

                                <form>Inputan Berupa Time : <input type="time"></form>

                </body>

</html>

______________________________________________________________________________

· Email

Digunakan untuk inputan yang berupa alamat email. Cara menggunakannya :

<!DOCTYPE html>

<html>

                <head>

                                <title>Input E-mail</title>

                </head>

                <body>

                                <form>Inputan Berupa E-mail : <input type="email"></form>

                </body>

</html>

______________________________________________________________________________

· Number

           Digunakan untuk inputan yang berupa angka saja. Cara menggunakannya :

<!DOCTYPE html>

<html>

                <head>

                                <title>Input Number</title>

                </head>

                <body>

                                <form>Inputan Berupa Number : <input type="number"></form>

                </body>

</html>