Selasa, 15 Maret 2016

pengenalan AJAX

AJAX

Seperti perkembangan teknologi saat ini saya akan membahas lebih detail lagi mengenai AJAX, apakah itu AJAX? Yuk kita bahas bersama. Beberapa web komersial sudah menggunakan teknologi AJAX untuk menaikkan pelayanan terhadap user. Apa itu AJAX? AJAX adalah aplikasi web yang lebih baik. Aplikasi web menambah keuntungan disbanding aplikasi desktop yang dapat menjangkau pengguna yang luas dan mudah di install. Seperti yang kita ketahui aplikasi internet tidak selalu susah dan user friendly, dengan AJAX aplikasi internet semakin cepat dan mudah. Berikut ini beberapa contoh web yang menggunakan AJAX yaitu yang seperti kita tahu adalah gmail, google maps, dan lain lain. Sebelum membahas lebih detail mari kita cari tahu sejarah nya terlebih dahulu. AJAX di perkenalkan oleh jesse james garret dari Adaptive Path pada tahun 2005. Ia mendeskripsikan bagaimana mengembangkan web yang berbeda dengan metode tradisional. Aplikasi web yang bekerja dengan AJAX secara asynchronously, yang berarti mengirim dan menerima data dari user ke server tanpa perlu me-load kembali seluruh halaman, melainkan hanya melakukan penggantian pada bagian web yang hendak di ubah. Penggunaan AJAX ini ini mulai popular ketika di gunakan google pada tahun 2005. AJAX bukan saja sebagai bahasa pemrograman baru melainkan teknik baru penggunaan standar yang telah ada. AJAX berbasiskan pada JavaScript dan request HTTP. AJAX berbasiskan standar terbuka seperti: JavaScript, XML, HTML/XHTML, & CSS. Dengan menggunakan JavaScript AJAX dapat mengirim dan menerima data antara web server dan web browser, dengan teknik yang dimiliki AJAX ini akan bergantian bertukar data dan mereload ulang seluruh halaman.dengan demikian untuk mempelajari AJAX harus memahami pula konsep standar di atas. AJAX menggunakan asyncronouse data transfer (pada HTTP request) antara browser dan web server, yang memperbolehkan halaman web me-request bit yang kecil atau seluruh informasi dari server. Untuk mengetahui bagaimana konsep dari Ajax anda perlu mengetahui bagaimana sebuah web browser memproses sebuah request dan menerima sebuah response dari web server. Standar yang digunakan web browser pada saat ini adalah HTTP(HyperText Transfer Protocol). HTTP digunakan oleh web browser untuk mengirim request dari website ke web server dan kemudian menerima response dari web server. HTTP request berkerja seperti email, memberitahukan kapan request dikirim, berisi header yang memberitahu apa yang harus dilakukan server dan bagaimana menghandle request tersebut.
Sekali sebuah request diterima, web server kemudian menentukan response apa yang akan diberikan.
Terdapat banyak request method yang ada, tetapi yang paling sering digunakan adalah GET dan POST. Sekarang anda telah memiliki bayangan bagaimana request dikirim ke web server dan kemudian web server mengirim response dari request tersebut ke web browser, akan mudah bagi anda untuk memahami bagaimana XMLHttpRequest berkerja. Keduanya sangat mirip, tetapi XMLHttpRequest dioperasikan di belakang layar dan tanpa memerlukan refresh halaman.
Ajax bisa dibilang adalah sebuah konsep untuk menerangkan interaksi antara client-side XMLHttpRequest Object dengan script server-side. Untuk membuat request ke web server menggunakan Ajax, anda harus membentuk Object XMLHttpRequest terlebih dahulu. Untuk membentuk object XMLHttpRequest berbeda pada setiap browser. Pada microsoft internet explorer object dibentuk sebagai ActiveX control, sedang pada browser seperti Firefox dan safari menggunakan basic javascript object. Setelah XMLHttpRequest terbentuk, terdapat beberapa method atau fungsi yang bisa digunakan. Method-method tersebut dijelaskan di bawah ini.
  1. abort()
    Method abort() digunakan untuk menghentikan request yang sedang berjalan. Method ini sangat berguna jika anda memperhitungkan lama waktu koneksi, misalnya jika waktu koneksi melebihi rentang waktu tertentu anda bisa menggunakan method abort() untuk menghentikan request secara prematur.
  2. getAllResponseHeader()
    Anda dapat menggunakan method ini untuk memperoleh semua informasi dari semua header HTTP yang sedang diberikan oleh server
  3. getResponseHeader("headername")
    Method ini dapat digunakan untuk memperoleh isi dari begian sebuah header, sebagai contoh untuk memperoleh ukuran dari document yang sedang direquest, anda dapat menggunakan getResponseHeader("Content-Length").
  4. open("method","URL","async","username","pswd")
    Method ini merupakan method yang paling penting dan berguna pada XMLHttpRequest. Method ini digunakan untuk membuka koneksi dengan document yang ada di server. Dengan method ini anda memberitahukan kepada web server method apa yang digunakan untuk membuka file ("GET" atau "POST"). Sebagai catatan tidak semua argument pada method ini harus diisi, tergantung dengan situasi dan kebutuhan.
  5. setRequestHeader("label","value")
    Method ini dapat digunakan untuk menentukan header pada saat melakukan request. Sebagai catatan, method ini hanya bisa dipanggil setelah methodopen digunakan dan sebelum method send dipanggil.
  6. send("content")
    method ini digunakan untuk mengirim request ke server. Jika request dikirim secara asynchronous, maka response akan datang secepatnya. Jika tidak, response akan datang setelah response diterima oleh web browser. Parameter pada method ini tidak harus diisi, parameter ini sangat berguna untuk memproses HTML form dan memberikan anda untuk mengirim nilai dari element form ke web server.
XMLHttpRequest memiliki properti yang dapat digunakan dan dimanipulasi, seperti dijelaskan di bawah.
  1. onreadystatechange
    Properti ini adalah sebuah event handler yang memberikan anda untuk men-trigger sebuah blok kode atau function, ketika state (sampai dimana proses request berlangsung pada waktu tertentu) berubah. Contoh, misalnya anda ingin menampilkan pesan (alert) pada saat state telah berubah menjadicomplete state.
  2. readyState
    berisi informasi state dari object XMLHttpRequest pada saat properti ini digunakan (0: uninitialized, 1: loading,
    2: loaded, 3: interactive, 4: complete). Properti ini bisa digunakan untuk menangani kesalahan, memanggil blok kode atau function untuk setiapreadyState. Misalnya, untuk menampilkan text "loading" pada saat readyState sama dengan 1 (fase loading) dan memanggil sebuah function pada saat readyState=4 (complete).
  3. responseText
    Properti ini akan dihasilkan pada saat request telah berhasil/complete. Misalnya anda melakukan request terhadap sebuah document di server, respon dari server akan disimpan pada properti ini. Biasanya properti ini digunakan untuk mengganti properti innerHTML dari sebuah element HTML.
  4. responseXML
    Properti ini sama dengan responseText, tetapi respon yang dihasilkan dalam format XML.
  5. status
    Properti ini memberitahukan response code yang dihasilkan dari direquest yang dilakukan. Misalkan, jika file yang direquest ke server tidak ditemukan maka status akan berisi 404.
  6. statusText
    Properti ini merupakan textual dari properti status, misal status sama dengan 404 maka statusText akan sama dengan Not Found.

Setelah selesai membuat object XMLHttpRequest anda dapat mengirim request ke server. Saat mengirim request ke server anda harus menentukan request method yang digunakan, apakah akan menggunakan GET atau POST. Jika anda ingin menampilkan informasi dari server maka anda akan menggunakan method GET, sedangkan jika anda mengirim informasi ke server maka gunakan method POST
sekian dari informasi mengenai AJAX kali ini semoga bermanfaat. 

Rabu, 11 November 2015

me-Review teknologi internet


Pada pembahasan kali ini saya akan me-Review sekilas tentang teknologi internet.


                  Berawal dari teman teman saya yang saat itu mengetahui modem baru atau yang biasa sekarang di sapa BOLT, akhirnya saya mengetahui dan membeli modem dengan layanan data 4G ini. Internet di Indonesia boleh dibilang cukup tertinggal, bahkan jika dibanding dengan beberapa negara tetangga. Saat ini untuk layanan data mobile kebanyakan masih berkutat pada 3G dan 3,5G (HSDPA). 

Nah, beberapa waktu lalu ada secercah harapan, PT Internux bekerjasama dengan Mitsui & Co telah secara resmi menghadirkan layanan data 4G LTE dengan memperkenalkan BOLT! Super 4G LTE (selanjutnya kita sebut Bolt saja). Anda dapat menikmati layanan 4G LTE ini melalui beberapa perangkat, salah satunya 4G Mobile Wifi yang dijual seharga Rp299.000, lengkap dengan paket perdana prabayar. Perangkat Mobile WiFi ini sendiri dapat terhubung dengan 8 perangkat sekaligus seperti smartphone, laptop, tablet dan PC.


Impresi Desain dan Material



Ukuran modem Mobile WiFi ini kira-kira seukuran smartphone berlayar 3 inci, serta memiliki ketebalan di atas rata-rata smartphone jaman sekarang. Memang cukup terasa jika dikantongi, namun mengingat modem ini membawa baterai cukup besar, 2300mAh, hal ini jadi terasa wajar. Desainnya cukup modern, dengan sentuhan warna putih dan bodi melengkung pada bagian depan dan belakang. Sekilas modem ini terlihat seperti iPod versi awal-awal.
Layar modem ini bisa dibilang hanya indikator saja, dengan lampu LED tunggal untuk masing-masing menunjukkan kekuatan jaringan, WiFi dan indikator baterai. Karena lampu LED untuk masing-masing indikator sangat terbatas, maka tidak heran jika untuk awalnya pengguna akan bingung melihat indikator tersebut.
Bagian depan modem ini terdiri dari indikator LED, tombol daya dan tombol WPS. Sementara di balik kover belakang yang bisa dibuka dengan mudah, ada slot kartu SIM, tombol reset dan slot kartu Micro SD. Untuk mengisi daya tidak usah repot-repot, karena modem ini menggunakan micro USB yang telah amat universal.
Untuk jaringan, ada tiga warna yang menampilkan kekuatan sinyal, yaitu merah, hijau dan biru. Lebih lengkapnya:
  • Tanda merah penuh: tidak ada sinyal
  • Tanda hijau penuh: jaringan 2G/3G
  • Tanda hijau berkedip: sedang transfer data pada jaringan 2G/3G
  • Tanda biru penuh: jaringan 4G
  • Tanda biru berkedip: sedang transfer data pada jaringan 4G
.
Sementara untuk Wifi:
  • Tanda biru penuh: WPS aktif
  • Tanda biru berkedip: WiFi aktif
  • lampu LED mati: Wifi mati, atau sedang dalam modus stand-by

Indikator baterai:
  • Tanda merah penuh atau berkedip: baterai lemah
  • Tanda hijau berkedip: baterai sedang diisi
  • Tanda hijau penuh: baterai terisi sedang atau penuh
  • Lampu LED mati: mode standby dan tidak dalam pengisian
.
Koneksi dan Kemudahan Penggunaan
Ada dua cara untuk terhubung ke internet melalui modem ini, yakni koneksi internet dengan kabel USB dan koneksi internet dengan WiFi. Untuk koneksi dengan kabel USB, cukup mudah, Anda hanya perlu mencolokkan modem ke PC, lalu sistem operasi akan mendeteksi perangkat baru dan menyelesaikan instalasi secara otomatis. Sementara untuk koneksi menggunakan WiFi, caranya sama dengan mengkoneksikan PC Anda dengan hotspot yang menggunakan SSID. Untuk password yang diperlukan untuk menghubungkan PC atau perangkat mobile Anda dengan modem WiFi, secara default password-nya tertera di balik kover belakang modem (tidak perlu membuka baterai). Secara keseluruhan, menggunakan modem WiFi ini cukup mudah dan tidak meribetkan pengguna.

Kegunaan bolt sejauh ini sangat penting bagi mahasiswa guna mencari data/informasi yang sedang di butuhkan. Untuk streaming pada youtube bisa di bilang sangat cepat dalam meng-akses sebuah video di dalam nya.
Kurang lebih review tentang bolt kali ini, untuk reverensi ini saya dapat kan informasi bolt dari google dan alfredoeblog.wordpress.com.
Terima kasih dan semoga bermanfaat



Jumat, 30 Oktober 2015

TUTORIAL PEMBUATAN VIDEO PADA COREL VIDEO STUDIO X8



PENGEMBANGAN TEKNOLOGI
INTERNET DAN NEW MEDIA





TUTORIAL PEMBUATAN
VIDEO PADA
COREL VIDEO STUDIO X8 

DISUSUN OLEH KELOMPOK 6:
ALDI GINANJAR ARDIANSAH
ADITIA SEPTIANDI
MUHAMMAD FADLAN
PRASETIO N
ZAHRA FATAN


UNIVERSITAS GUNADARMA
PTA 2015-2016



Tutorial Membuat Movie atau Video pada Corel Video Studio Pro X8



1.    Pertama – tama pastikan Corel Video Studio Pro X8 telah terinstal pada PC atau Laptop . Buka Corel Video Studio X8.


         
Tampilan pada saat cvs telah berjalan.



2.     Setelah terbuka , untuk membuat project baru maka pilih File > New Project atau bisa  juga dengan menekan langsung tombol ( Ctrl + N ) , atau File > Open Project ( Ctrl + O ) jika ingin melanjutkan project sebelumnya. 



3.     Karena akan membuat project baru, maka pilih New Project. Lalu setelah itu klik File > Insert media file to timeline, maka akan muncul beberapa pilihan menu insert.





  •  Insert video berpungsi untuk memasukan file yang berbentuk  video ke dalam  lembar kerja.
  •   Insert photo berpungsi untuk memasukan file yang berbentuk  photo ke dalam  lembar kerja.
  •   Insert audio ini berpungsi untuk memasukan file yang berbentuk  audio ke dalam  lembar kerja.
  •  Insert subtitles ini berpungsi untuk memasukan file yang berbentuk  subtitle ke dalam  lembar kerja.
  •  Insert Digital Media ini berpungsi untuk memasukan file lebih dari satu ke dalam  lembar kerja, misalnya file yang berbentuk gambar dan video.
4.      Langkah selanjutnya bebas dilakukan oleh User, tergantung jenis video / movie yang akan di buat.
untuk contoh maka akan di masukan gambar terlebih dahulu.
 
5.     Pilih File > Insert media file to timeline > Insert photo.


ketika yang dipilih adalah insert photo, maka yang akan di tampilkan dalam browse file hanya file berjenis photo seperti .jpg .jpeg file bertipe jenis video maupun suara tidak akan terdeteksi.
setelah photo yang di ingin dimasukan kedalam project ditemukan, maka pilih open. Setelah itu photo akan masuk kedalam lembaar kerja seperti berikut :



kita bisa memperlambat atau mempercepat lama tampilan gambar dengan cara menggeser ujung objek yang telah di masukan, jika ingin di percepat maka tarik objek ke sebelah kiri, jika ingin di perlambat maka tarik ke sebelah kanan. Sesuaikan dengan kebutuhan.

6.     Setelah itu masukan suara / musik dengan cara Pilih File > Insert media file to timeline > Insert audio > To music track (untuk memasukan file musik) To Voice Track (untuk memasukan rekaman suara). 


Disini akan di pilih to music track. Cara memilih sama seperti saat memasukan photos, hanya saja pilihan ini hanya membaca jenis file musik seperi mp3,mp4 dan sejenisnya.


karena musiknya terlalu lama maka untuk memperpendek durasinya dengan cara menarik ke arah kiri di tempat ini :



      dapat di lihat durasi asal dari musik itu adalah 2 menit 59 detik namun di perpendek menjadi 3 detik saja.


setelah dirasa pas, maka bisa di lanjutkan ke tahap selanjutnya.


7.     Memasukan video.
Pilih File > Insert media file to timeline > Insert video.
Cara memilih sama seperti saat memasukan photos, hanya saja pilihan ini hanya membaca jenis file video, seperti mkv, 3gp, avi dan lain lain..

.     
8. Selain dengan cara insert seperti di atas kita juga bisa menggunakan metode drag n drop.
dengan cara membuat folder di menu media > add > buat folder baru > add media files :


setelah di add maka file akan di tempatkan di dalam sebuah folder yg sebelumnya telah di buat.
setelah itu drag file kedalam lembar kerja yang sesuai.



9.     Untuk langkah selanjutnya adalah penyelarasan audio
     penyelarasan audio ini bertujuan agar suara yang ada di video tidak bentrok dengan suara dari audio. Caranya adalah dengan memainkan Sound Mixer.



      

     setelah bagian sound mixer di klik, lalu file yang berisi audio akan dapat di bedakan. Disini kita dapat mengatur tinggi rendahnya suatu audio, klik file yang akan di atur suaranya lalu atur tinggi rendahnya suara.



setelah selesai dengan audio yang di inginkan kita bisa melanjtkan ke langkah selanjutnya.


10. Menambahkan title pada project.
            title berfungsi sebagai teks, biasa sebagai opening maupun closing atau apapun yang di butuhkan user mengenai title.



pilih model title yang di inginkan, setelah di temukan pilihannya , maka proses memasukannya adalah dengan drag n drop pada lembar kerja. masukan di bagian mana title akan di masukan.


setelah itu cara merubah text nya adalah dengan cara mengklik dua kali pada title yang telah di drag.

Tampilan nya akan sseperti ini :

lalu klik di dalam layar lembar kerja dan masukan teks yang di inginkan, kita juga bisa merubah

jenis,ukuran,tataletak dan pengaturan teks lainnya di sebelah kanan layar lembar kerja.



11. Membuat project menjadi sebuah video yang utuh dengan cara di share.






 Ada 4 cara membuat sebuah project menjadi sebuah video yang utuh.
·        

  • Share to Computer

·        

  • Share to Device




·        


  • Share to Web



·        

  • Share to Disk

·         


  • Share to 3D Movie



            Sebetulnya semua cara sama namun yang akan di jelaskan hanya share to Computer. Karena share to computer paling sering di gunakan.

            Pilih Share > Computer , Lalu pilih Start.





Setelah mengklik Start maka akan langsung mulai proses Rendering.



Setelah selesai akan muncul tampilan seperti ini :



Setelah oke, file project telah selesai di render, maka siap di play.