Bab 2 - Visualisasi Diagram Perubahan Harga BBM

Memenuhi Tugas Softskill (Desain Permodelan Grafik) semester 5 tahun ajaran (2016/2017)

Pembahasan :  Visualisasi Diagram Perubahan Harga BBM

Mata kuliah : Desain Permodelan Grafik

BAB 2

KONSEP DIAGRAM

Diagram adalah suatu representasi simbolis informasi dalam bentuk geometri dua dimensi sesuai teknik visualisasi. Kadang teknik yang dipakai memanfaatkan visualisasi tiga dimensi yang kemudian diproyeksikan ke permukaan dua dimensi. Kata grafik biasa dipakai sebagai sinonim kata diagram. Diagram memiliki kerurangan dan kelebihan dalam setiap penyajian.

Dalam penyajian data kita harus dapat menentukan akan menyajikan data dalam jenis diagram apa, Karena setia diagram memiliki keselarasan dengan data yang akan di sajikan agar lebih mudah di sajikan dan di pahami oleh pembaca

2.1 Jenis Jenis Diagram

Diagram digunakan untuk menunjukkan atau menggambarkan tahapan atau langkah langkah untuk mencapai suatu sasaran dan juga sebagai penyederhana sesuatu yang komplek sehingga dapat memperjelas penyajian data. Berikut adalah jenis jenis diagram :

2.1.1 Diagram Garis

Diagram garis merupakan diagram yang penyajian datanya menggunakan garis. Baik itu garis lurus, kurva ataupun garis putus-putus. Diagram ini biasanya dipakai untuk menyajikan data statistik yang diperoleh melalui pengamatan dari waktu ke waktu secara berurutan. Dalam pengaplikasiannya biasanya menggunakan sumbu X dan sumbu Y.

Sumbu X digunakan menunjukkan waktu pengamatan, sedangkan sumbu Y digunakan untuk menunjukkan hasil nilai-nilai pengamatan pada suatu waktu tertentu. Kumpulan waktu dan hasil pengamatan membentuk titik-titik pada bidang XY, selanjutnya tiap kolom dari dua titik yang berdekatan dihubungkan dengan garis lurus sehingga terciptalah diagram garis atau disebut juga dengan grafik garis.

Diagram garis memiliki kekurangan dan kelebihan :

Kelebihan

1. Diagram garis biasanya digunakan untuk menafsirkan atau m emperkirakan data berdasarkan pola pola pola yang telah di peroleh.
2. Terdapat diagram garis tunggal dan majemuk. Diagram haris majemuk yaitu dalam satu gambar memiliki lebihbdari satu garis.
3. Diagram garis mejemuk biasanya digunakan untuk membandingkan dua keadaan atau lebih yang mempunya hubungan.
   Kekurangan
   1. Hanya digunakan untuk data yang berkala, tidak bisa data yang lainnya.
   2. Perlu ketelitian dalam membaca diagram ini.

2.1.2 Diagram Lingkaran

Diagram lingkaran merupakan sebuah diagram yang penyajian datanya menggunakan lingkaran sebagai gambarnya. Biasanya data yang disajikan dalam diagram lingkarang berupa persen data atau dalam bentuk derajat. Dalam pembuatan diagram lingkaran, hal pertama yang harus dilakukan adalah menentukan besaran presentase atau derajat tiap objek terhadap keseluruhan data dan besarnya sudut pusat sektor lingkaran. Lalu setelah itu tiap persentase atau derajat di berikan warna yang berbeda untuk lebih mudah dalam penggunaan diagram lingkaran.

Diagram lingkaran memiliki kekurangan dan kelebihan :

Kelebihan

1. Tempat untuk membuat diagram lingkaran tidak terlalu besar.
2. Diagram lingkaran sangat berguna untuk menunjukkan dan membandingkan proporsi dari data.

Kekurangan

1. Diagram lingkaran tidak dapat menunjukkan frekuensinya.

2.1.3 Diagram Batang atau Histogram

Diagram batang merupakan sebuah diagram yang menggunakan persegi panjang sebagai alat untuk menyajikan datanya. Umumnya diagram ini dipakai untuk menggambarkan perkembangan nilai dari suatu objek penelitian dalam jangka waktu tertentu. Diagram ini menyajikan berbagai macam keterangan secara tegak ataupun mendatar dan sama lebar dengan batang-batang yang terpisah.

Berbeda dengan diagram lingkaran, Diagram batang dilengkapi dengan frekunsi sehingga dapat menampilkan perkembangan atau perubahan dari data.

Diagram batang memiliki kekuranga dan kelebihan :

Kelebihan

1. Paling sederhana dan paling umum di gunakan untuk menyajikan data.

Kekurangan

1. Diagram batang hanya manyajikan data yang telah dikelompokkan atas atibut dan kategori.
2. Diagram batang tidak dapat menampilkan datum dari tiap orang atau benda yang dicatat (data individual)

2.1.4 Diagram Batang Daun

Diagram batang daun merupakan diagram yang penyajian datanya memakai tabel yang telah dikelompokkan dengan kolom batang dan kolom daun. Dalam diagram ini, data yang telah didapatkan dikelompokkan dan diurutkan dari ukuran yang paling kecil sampai ukuran yang paling besar. Diagram ini mempunyai dua bagian yaitu batang dan daun. Bagian batang berisi angka puluhan dan bagian daun berisi angka satuan.

Diagram batang daun memiliki kekurangan dan kelebihan :

Kelebihan

1. Dapat menyarikan suatu kumpulan data tanpa kehilangan informasi semua data individual.
2. Diagram batang daun secara efektif dapat menampilkan penyebaran (distribusi) data, apakah penyebarannya terpusat atau tersebar

3. Diagram ini juga dapat menampilkan datum yang paling banyak muncul (modus) dari yang terkecil hingga yang terbesar.

Kekurangan

1. Sangat sulit menyusun diagram pada kasus data yang sangan menyebar (luas). Jika data berkisar 0,5 sampai 1122 maka akan sangan banyak batang dan daun.
2. Penggunaan diagram ini menjadi tidak tepat jika range data sangat kecil. Jika data berkisar antara 42 dan 45.

2.1.5 Diagram Kotak Garis

Diagram kotak garis merupakan sebuah diagram yang datanya disajikan menggunakan persegi panjang disertai garis. Data statistik yang digunakan dalam menggambarkan diagram kotak garis berupa Statistik Lima Serangkai, yang terdiri dari data paling kecil dan data paling besar (ekstrim), Q1, Q2, dan Q3.

Diagram kotak garis memiliki kelebihan dan kekurang :

Kelebihan

1. Digunakan untuk mrnggambarkan letak nisbi berbagai statistik, seperti statistik lima serangkai.

Kekurangan

1. Lebih sulit membuatnya di bandingkan dengan diagram batang.
2. Tidak simple atau sedikit rumit.
3. Diperlukan banyak ruang untuk menggambarnya.

2.1.6 Diagram Gambar atau Piktogram

Diagram gambar (piktogram) diagram lambang adalah sesuatu yang dinyatakan dengan gambar atau lambang untuk mendefinisikan sesuatu jumlah atau proses. Setiap gambar pada piktogram meimiliki arti tersendiri dan nilainya.

Kelebihan

1. Lebih mudah dalam menjumlahkan atau menghitung karena setiap gambar mewakili atau memliki nilai tersendiri

Kekurangan

1. Diagram gambar harus menunjukkan sebagian dari skala yang telah di tentukan.
2. Perlu kreatifitas dalam menyajikan data menggunakan histogram.

2.2 Penyajian Data

Pada umumnya, data yang diperoleh untuk keperluan analisis masih belum tersusun secara teratur sehingga perlu disajikan dengan lebih baik. Salah satu penyajian data adalah dengan menggunakan diagram sebagai alat menyajikan data statistik yang berupa gambar atau lambang. Dengan demikian, pengertian diagram adalah gambar-gambar yang menunjukan data secara visual yang didasarkan atas nilai-nilai pengamatan aslinya ataupun dari tabel-tabel yang dibuat sebelumnya.

Penyajian data dalam diagram berfungsi agar informasi yang dibutuhkan oleh pengguna dapat diperoleh dengan mudah dan cepat. Umumnya penyajian data dalam diagram yang sering digunakan dalam bentuk diagram batang, lingkaran, baris dan pohon.

2.2.1 Diagram Garis

Diagram garis biasanya digunakan untuk menggambarkan keadaan yang berkesinambungan. Pada materi gerak dikenal isitilah grafik jarak terhadap waktu, grafik kecepatan terhadap waktu, dan lain sebagainya.

Grafik atau diagram garis juga memerlukan sistem sumbu datar dan sumbu tegak yang saling berpotongan tegak lurus. Pada umumnya, sumbu datar menunjukkan waktu, sedangkan sumbu tegak menunjukkan data yang berubah menurut waktu. Untuk contoh diagram garis perhatikan gambar diagram garis di bawah ini.

Pada gambar di atas merupakan contoh diagram garis hubungan antara kecepatan suatu benda terhadap waktunya. Pada awalnya (titik A) benda tersebut diam (kecepatan nol) kemudian pada detik ke-3 kecepatan benda menjadi 2 m/s (titik B) sampai detik ke 7 juga kecepatannya sama yaitu 2 m/s (titik C) dan pada detik ke 9 kecepatan benda menjadi 5 m/s (titik D).

2.2.2 Diagram Lingkaran

Diagram lingkaran merupakan salah satu penyajian data statistik yang berbentuk lingkaran. Biasanya diagram lingkaran dinyatakan dalam bentuk derajat atau persentase. Berikut contoh diagram lingkaran yang dinyatakan dalam bentuk persentase seperti gambar di bawah ini.

Langkah-langkah membuat diagram lingkaran adalah dengan membuat sebuah lingkaran pada kertas kemudian membagi lingkaran tersebut menjadi beberapa juring lingkaran untuk menggambarkan kategori yang datanya telah diubah ke dalam derajat atau persentase.

Contoh Soal 1

Banyak penduduk di Dusun Mafia menurut tingkat sekolah pada tahun 2014 adalah sebagai berikut. SD sebanyak 160 siswa, SMP sebanyak 120 siswa, SMA sebanyak 80 siswa, dan SMK sebanyak 40 siswa. Gambarlah diagram lingkaran dari data tersebut.

Penyelesaian:

Untuk memudahkan menjawab soal tersebut pertama tama harus mencari perbandingan banyak banyak siswa SD, SMP, SMA, dan SMK, yakni:

SD : SMP : SMA : SMK = 160 : 120 : 80 : 40

SD : SMP : SMA : SMK = 4 : 3 : 2 : 1.

Jumlah semua perbandingan = 4 + 3 + 2 + 1 = 10.

Ukuran besar sudut pusat juring dari setiap kategori yakni sebagai berikut:

SD = (4/10) . 360° = 144°

SMP = (3/10) . 360° = 72°

SMA = (2/10) . 360° = 50°

SMK = (1/10) . 360° = 36°

Jika ingin menyatan kedalam bentuk persentase dari setiap kategori, caranya sebagai berikut.

SD = (4/10) . 100% = 40%

SMP = (3/10) . 100% = 30%

SMA = (2/10) . 100% = 20%

SMK = (1/10) . 100% = 10%

Berikut di bawah ini gambar diagram lingkaran dari data di atas.

Setelah melakukan perhitungan seperti di atas selanjutnya adalah memasukkan hiungan kedalam diagram lingkaran yang telah di buat. Masukkan dan nilai sesuai derajat dari jumlah sehinga besarnya nilai pada bagian tertentu seusai pada diagram lingkaran. Sehingga nilai besar memiliki sudaut yang besar diikuti dengan nilai acil dengan sudut yang kecil.Selanjutnya berikan warna pada diagram agar terlihat perbedaa variable satu dengan variable yang lainnya. Jika semua sudut berbeda tetapi memiliki warna yang sama maka akan sedikit menyulitkan pengguna dalam menggunakan diagram lingkaran. Tetapi jika diberikan warna yang berbeda maka akan mempermudah pengguna dalam membaca data.

2.2.3 Diagram Batang atau Histogram

Diagram batang atau histogram merupakan salah satu jenis bentuk diagram yang digunakan untuk penyajian data. Disebut diagram batang karena terdiri dari beberapa batang yang disusun secara vertikal atau horisontal. Untuk menggambar diagram batang diperlukan dua sumbu yaitu sumbu mendatar (horizontal) dan sumbu tegak (vertikal) yang saling berpotongan secara tegak lurus.

Sumbu mendatar digunakan untuk menunjukan jenis kategori, misalnya tingkat sekolah (SD, SMP, SMA, SMK). Sedangkan sumbu tegak digunakan untuk menunjukan jumlah frekuensi, misalnya jumlah siswa SD, jumlah siswa SMP, jumlah siswa SMA, dan jumlah siswa SMK. Berikut contoh gambar diagram batang seperti gambar dibawah ini.

Sekarang perhatikan gambar di atas. Pada sumbu mendatar (horizintal) dibagi menjadi beberapa bagian untuk menunjukkan kategori tingkat sekolah (SD, SMP, SMA dan SMK). Demikian juga pada sumbu tegaknya dibagi menjadi beberapa bagian untuk menunjukkan banyak siswa (SD, SMP, SMA dan SMK) pada setiap kategori tingkat sekolah. Skala pada sumbu mendatar dan sumbu tegak tidak perlu sama.

Sekarang perhatikan kembali gambar diagram batang di atas. Pada gambar diagram batang di atas menunjukkan data banyak siswa tingkat SD,

SMP, SMA, dan SMK di suatu daerah. Jika diagram batang tersebut diubah menjadi bentuk tabel akan tampak seperti gambar di bawah ini.

2.2.4 Diagram Batang Daun

Pada tabel di atas terdapat tabel batang daun. Pada Contoh ini kita akan menghitung rata rata tinggi badan pria, wanita dan total.

Untuk mencari total tinggi badan pria pertama jumlahkan tingginya terlebih dahulu :

185 + 180 +175 +177 + 191 = 908

Setelah mendapatkan tinggi total selanjutnya adalah membagi total dengan 5 karena tedapat 5 data tinggi pria sehingga di dapat rata rata tinggi pria adalah 181.6.

Selanjutnya lakukan hal yang sama untuk mencari rata rata tinggi badan wanita dengan menjumlahkannya terlebih dahulu dan membaginya dengan 5, Maka hasil yang di dapat adalah 166. Terakhir mencari total tinggi rata rata dengan menjumlahkan rata rata tinggi pria dan wanita.

Dengan menggunakan diagram batang daun kita dapat dengan mudah mengumpulkan data tanpa kehilangan informasi data individu dan kita dapat mengetahui data yang paling sering muncul

2.2.5 Kotak Garis

Pada diagram kotak garis terdapat range minimum 40, range maksimum 75, Q1 48,5, Q2 59 dan Q3 75. Digunakan untuk mrnggambarkan letak nisbi berbagai statistik, seperti statistik lima serangkai.

2.2.6 Diagram Gambar atau Piktogram

Piktogram adalah suatu ideogram yang menyampaikan suatu makna melalui penampakan gambar yang menyerupai atau meniru keadaan fisik objek yang sebenarnya. Piktogram juga menggambarkan sesuatu dengan

gambarnya misalnya gambar orang menyatakan 1000 orang dan gambar tabung menggambarkan 100 liter minyak goreng dll.

Berikut di bawah ini merupakan contoh gambar piktogram.

Piktogram ini bisa digunakan untuk menyajikan suatu data statistik yang sering disebut sebagai diagram gambar. Jadi, diagram gambar atau piktogram adalah bagan yang menampilkan data dalam bentuk gambar. Menyajikan data dalam bentuk piktogram merupakan cara yang paling sederhana.

Jika di suatu daerah tercatat data banyak penduduk suatu desa maka banyak penduduk tersebut dapat ditampilkan dalam bentuk gambar orang. Misalnya, satu gambar orang melambangkan 1.000 orang. Jika di daerah itu terdapat 500 orang, data tersebut ditampilkan sebagai setengah gambar orang. Untuk contoh diagram gambar atau piktogram silahkan perhatikan contoh soal di bawah ini.

Contoh Soal 1

Banyak penduduk di Kecamatan Mafia tiap desa pada tahun 2014 adalah sebagai berikut. Desa Pintar sebanyak 8.000 orang, Desa Maju

sebanyak 7.500 orang, Desa Cerdas sebanyak 5.000 orang, dan Desa Semangat sebanyak 2.500 orang. Gambarlah piktogram dari data tersebut.

Penyelesaian:

Jika satu gambar orang mewakili 1.000 orang penduduk maka piktogram dari data tersebut tampak seperti gambar di bawah ini

Walaupun dikatakan sederhana, penyajian data dalam bentuk diagram gambar atau piktogram masih memiliki kekurangan yaitu sulitnya membedakan setengah gambar dengan dua pertiga gambar. Oleh karena itu, penggunaan piktogram sangat terbatas.

2.3 Sankey Diagram

2.3.1 Pengertian

Diagram Sankey adalah jenis dari diagram alir , dimana lebar panah ditampilkan secara proporsional dengan kuantitas aliran. Diagram Sankey biasanya digunakan untuk memvisualisasikan energi atau bahan atau biaya transfer antar proses . Mereka juga dapat memvisualisasikan rekening energi atau rekening aliran material pada tingkat regional atau nasional

Diagram Sankey menempatkan penekanan visual pada transfer besar atau mengalir dalam suatu sistem . Mereka membantu dalam kontribusi dominan ke aliran keseluruhan . Seringkali , diagram Sankey menunjukkan jumlah dilestarikan dalam batas-batas sistem didefinisikan.

Diagram sankey berbentuk panah dan memiliki cabang. Beberapa panah pada sankeydapat memiliki tingkatan atau juga tidak memiliki tingkatan, Karena pada dasarnya sankey merupakan diagram alur proses

seperti flowchart. Flow chart adalah suatu bagan dengan simbol simbol tertentu yang menggambarkan urutan proses secara mendetail dan hubungan antara suatu proses dengan proses lainnya. Namun diagram sankey dan flowchart memiliki perbedaan. Flow chart lebih terstruktur dan memiliki instruksi pada setiap prosesnya dan flow chart digunakan untuk menyelesaikan permasalahan melalu tingkatan langkah langkah yang terurut, Sedangkan diagram sankey tidak.

Persamaan antara diagram sankey dan flow chart adalah merupakan diagram alur untuk menjelaskan suatu proses, Namun flow chart lebih detail dan terstruktur.

Method adalah sarana bagi programmer untuk memodularisasi, artinya membreak atau memecah program kompleks menjadi bagian yang kecil-kecil sehingga nantinya dapat digunakan berulang-ulang, daripada menulis beberapa baris kode yang sama.

Berikut adalah method method pada stepped area chart :

2.3.2 Sejarah

Diagram Sankey berasal dari nama belakang seorang ilmuan Irlandia yaitu Kapten Matthew Henry Phineas Riall Sankey , yang menggunakan jenis diagram pada tahun 1898 dengan gambar klasik yang menunjukkan efisiensi energi dari mesin uap .

Sementara grafik pertama dalam warna hitam dan putih hanya digunakan untuk menampilkan satu jenis aliran ( misalnya uap) , menggunakan warna untuk berbagai jenis arus telah menambahkan derajat lebih kebebasan untuk diagram Sankey.

Matthew H. Sankey adalah seorang insinyur dari Irlandia. Ia lahir pada November 9, 1853 di Nenagh, co. Tipperary (sumber lain : dia lahir di Modeshill, co. Tipperary atau Bawnmore, co. Cork) untuk keluarga militer. Ayahnya, William, adalah Lieut.-Col. di resimen ke-62. Sankey bergabung dengan militer serta dan menjadi seorang insinyur di Korps Royal Engineers (R.E.) dengan pangkat kapten.

Kemudian dia berhenti militer dan bergabung Willans bekerja, di mana ia terus bekerja pada peningkatan efisiensi mesin uap.Ia menjadi anggota AM dari Institution of Civil Engineers. Dari tahun 1920 sampai

1921 ia bertindak sebagai presiden Lembaga British of Mechanical Engineers.

Salah satu diagram Sankey paling terkenal adalah Charles Minard Map Kampanye Rusia Napoleon tahun 1812. Yang merupakan peta aliran , lapisan atas diagram Sankey ke peta geografis .Dan telah dibuat pada tahun 1869,sehingga Sankey ini adalah Sankey yang pertama kali dibuat sebelum Sankey Henry Phineas Riall Sankey.

2.3.3 Langkah Pembuatan Diagram Sankey

Pada AQA GCSE ada cara untuk membuat diagram Sankey :
1. Input dari kiri diagram.
2. Output yang dicari berada disebelah kanan.
3. Semua yang tidak diinginkan (terbuang)output dibuat panah vertikal ke bawah.

Ingat total masukan selalu sama dengan total output - tapi sistem yang efisien akan memiliki persentase output yang tinggi.Contoh seperti gambar dibawah ini:

2.3.4 Tujuan Penggunaan

Seperti yang dijelaskan bahwa diagram sankey merupakan diagram alir untuk menunjukkan aliran data atau proses. Diagram sankey di gunakan untuk menyajikan alur atau proses dalam bentuk tanda panah yang memiliki cabang. Setiap ujung panah memiliki keterangan bisa berupa proses atau alur.

2.3.5. Fungsi

Fungsi dari diagram adalah untuk menyajikan alur dari suatu proses atau informasi yang terdiri dari tanda panah yang memiliki keterangan di ujungnya, Diagram ini biasanya menunjukkan alur kerja.

2.4 Diagram Stepped

2.4.1 Pengertian

Stepped area chart digambarkan ke dalam browser menggunakan SVG atau VML. Menampilkan ujungnya ketika melewati tingkatannya. Stepped Area Chart juga mendukung stacking(tumpukan), termasuk stacking 100%. Sebuah Stepped Area Chart bertumpuk adalah Stepped Area Chart yang menempatkan nilai yang saling terkait di atas satu sama lain. Jika terdapat nilai negatif, tetap bertumpuk namun ke arah sebaliknya (ke bawah) dan dimulai dari garis bawah diagram.

Stepped area chart juga merupakan variasi dari daerah grafik dimana setiap titik data dari rangkaian terhubung dengan garis vertikal dan horizontal untuk membentuk perkembangan langkah kemajuan. Jenis daerah visualisasi berguna ketika anda ingin menyoroti kenaikan atau penurunan nilai dari waktu ke waktu.

Method adalah sarana bagi programmer untuk memodularisasi, artinya membreak atau memecah program kompleks menjadi bagian yang kecil-kecil sehingga nantinya dapat digunakan berulang-ulang, daripada menulis beberapa baris kode yang sama.

Berikut adalah method method pada stepped area chart :

2.4.2 Tujuan Penggunaan

1. Untuk menampilkan perubahan data atau harga dalam sebuah proses kenaikan atau penuruan harga. Data akan di gambarkan pada stepped chart berdasarkan perubahan yang terjadi bukan berdasarkan pada range waktu.
2. Untuk membuat perkembangan langkah kemajuan.
3. Jenis daerah visualisasi berguna ketika menyoroti kenaikan atau penurunan nilai dari waktu ke waktu.

2.4.3 Jenis Chart

Pada gambar di atas merupakan jenis stepped chart tungga atau hanya terdiri dari setu jenis data aja, dimana stepped chart menggambar 1 buah kenaikan atau penurunan data. Jenis ini memiliki kekurangan yaitu tidak dapat membandingkan kenaikan atau penuruan yyang signifikan sehingga hanya dapat fokus dalam 1 cangkupan saja.

Jenis stepped chart selanjutnya adalah stepped chart majemuk atau lebih dari satu data. Jenis ini dapat menyimpan beberapa data yang terkait yang memiliki hubungan antara satu dengan yang lainnya. Seperti gambar di atas yaitu survey penggunaan kendaraan dalam suatu kota.

Didalam chart terdapat data mobil, motor, kendaraan sewaan dan kendaraan umum. Penggunaan masing masing kendaraan terjadi peningkatan dan penurunan. Dengan menggunakan stepped chart majemuk kita dapat membandingkan kenaikin signikan antara ke empat data yang disajikan. Kita juga dapat mengetahui perkembangan yang pesat maupun lamban seperti kendaraan sewaan yang kenaikan dan penurunannya tidak signifikan berbeda dengan motor yang kenaikan dan penurunannya sangat signifikan.

2.4.4 Langkah Pembuatan

Seperti yang di jelaskan bahwa stepped digunakan untuk membuat perkembangan atau naik turunnya sebuah nilai. Dalam pembuatannya stepped dibuah dengan 2 buah sumbu yaitu sumbu x dan sumbu y. Data yang di masukkan dapat lebih dari satu sehingga dalam di jadikan perbandingan jika menggunakan stepped area chart dalam mencari kenaikkann nilai yang signifikan.

Setelah memasukkan jumlah data selanjutnya adalah membuat range jumlah dan waktu. Range jumlah di tempatkan pada sumbu Y sedangkah range waktu di letakkan pada sumbu X. Stepped area chart di gunakan untuk mencatat setiap perubahan data atau nilai. Contohnya adalah saham. Saham adalah surat berharga yang menunjukkan bagian kepemilikan atas suatu perusahaan yang harga perlembar sahamnya dapat naik dan turun dalam jarak waktu yang sangat singkat. Jika dalam satu bulan terjadi penurunan dan kenaikan sekaligus maka stepped chart akan menggambarkannya perperubahan bukan perubah awal dan akhir yang di rangkum dalam satu bulan.

Sehingga stepped chart dapat digunakan untuk mngetahui informasi yang detail kapan suatu nilai berubah atau naik turunnya suatu nilai tidak berdasarkan range waktu melainkan berdasarkan per setiap perubahan nilai. Setelah memasukkan data maka tampilan stepped chart akan menjadi seperti anak tangga yang tidak beratur yang menyerupai statistik dari nilai per setiap perubahan.

2.4.5 Fungsi

Fungsi dari diagram ini adalah untuk menyajikan data yang perubahan kenaikan atau penuruanan perperubahan tanpa range waktu.

Diagram ini dapat digunakan untuk membandingkan perubahan antara beberapa data dan dapat digunakan sebagai acuan untuk menentukan nilai minimum dan maksimum

2.5 Diagram Scatter

2.5.1 Pengertian

Diagram scatter adalah alat untuk menganalisis hubungan antara dua variabel. Satu variabel diplot pada sumbu horizontal dan yang lainnya diplot pada sumbu vertikal. Ketika diagram scatter menunjukkan adanya hubungan, hal ini belum tentu menunjukkan antara kedua variabel tersebut memiliki hubungan sebab akibat.

Bentuk sederhana dari diagram scatter hanya terdiri dari plot data bivariate (berpasangan), yaitu untuk menggambarkan hubungan antara dua variabel. Scatter diagram sangat berguna untuk mendeteksi korelasi (hubungan)antara dua variable (faktor), sekaligus juga memperlihatkan tingkat hubungan tersebut (kuat atau lemah). Diagram scatter juga menjadi dasar pembuatan chart yang sering digunakan dalam peramalan.

Pada pemanfaatannya, scatter diagram membutuhkan data berpasangan sebagai bahan baku analisisnya, yaitu sekumpulan nilai x sebagai faktor yang independen berpasangan dengan sekumpulan nilai y sebagai faktor dependen.

Artinya, bahwa setiap nilai x yang didapatkan memberi dampak pada nilai y. Contohnya : Diperoleh data bahwa ada hubungan antara banyaknya complain (x) dengan jumlah retur barang :

(y) : x = 5y =50 eks.

x =10y= 120 eks.

x =12y= 150eks. dst.

Melalui penggambaran data tersebut dalam scatter diagram, akan dapat dilakukan analisa lebih lanjut, sejauh mana antara faktor x dan y memiliki korelasi, yang dalam hal ini direpresentasikan sebagai nilai r

(rho), yaitu nilai yang menunjukkan tingkat keeratan hubungan antar faktor tersebut. Dikatakan kedua faktor itu berhubungan sangat erat bila nilai rho mendekati angka + 1. Di samping itu, juga akan dapat disimpulkan kecenderungan arah korelasi tersebut (positif atau negatif).

Korelasi memiliki kecenderungan positif bila setiap pertambaha faktor x menyebabkan pertambahan faktor y, sebaliknya kecenderungan negatif bila setiap pertambahan menyebabkan pengurangan faktor y.

Method adalah sarana bagi programmer untuk memodularisasi, artinya membreak atau memecah program kompleks menjadi bagian yang kecil-kecil sehingga nantinya dapat digunakan berulang-ulang, daripada menulis beberapa baris kode yang sama.

Berikut adalah method method pada Scatter Diagram :

2.5.2 Sejarah

Umumnya diagram scatter digunakan untuk menggambarkan hubungan antara dua variabel, histogram digunakan untuk memvisualisasikan struktur data. Namun, sarana mengamati jenis hubungan antara variabel yang dibutuhkan. Menggunakan teori regresi linear yang berasal dari studi yang dilakukan oleh Sir Francis Galton (1822-1911), diagram scatter dikembangkan sehingga kesimpulan intuitif dan kualitatif dapat ditarik tentang data yang dipasangkan, atau variabel. Konsep korelasi digunakan untuk memutuskan apakah hubungan yang signifikan ada antara data yang dipasangkan. Selanjutnya, analisis regresi digunakan untuk mengidentifikasi sifat yang tepat dari hubungan.

Pedoman Pengendalian Mutu dan Kualitas Statistik Pengendalian Handbook, ditulis oleh seorang konsultan kualitas Jepang bernama Kaoru Ishikawa berguna dalam memberikan pengertian tentang cara menggunakan dan menginterpretasikan diagram scatter. Ishikawa percaya bahwa tidak ada khir untuk kualitas perbaikan dan pada tahun 1985 menunjukkan bahwa tujuh alat dasar digunakan untuk pengumpulan dan

analisis data qualtiy. Di antaranya adalah diagram scatter.

2.5.3 Langkah Pembuatan

1. Kumpulkan pasangan data (x,y), yaitu hal yang ingin dipelajari keterkaitannya dan atur data dalam sebuah tabel dengan data paling sedikit 30 pasangan data.

2. Carilah nilai maksimum dan minimum untuk kedua x dari y. Tetapkan skala pada sumbu horisontal dan vertikal sehingga panjang keduanya mendekati sama, sehingga diagram akan lebih mudah terbaca.

3. Gambar data pada kertas. Bila didapatkan nilai data yang sama dari pengamatan yang berbeda, tunjukkan titik ini dengan menggambar lingkaran sepusat atau gambar titik ke dua dalam daerah terdekat dari yang pertama.

4. Masukkan semua item yang diperlukan. Pastikan item berikut termasuk sehingga setiap orang di luar yang membuat diagram dapat mengerti secara sepintas:

1. Selang waktu.
2. Judul dan unit setiap sumbu
3. Jumlah pasangan data.
4. Judul grafik

2.5.4 Jenis Diagram

Korelasi Positif

Korelasi Negatif

Tidak ada korelasi

2.5.5 Tujuan Penggunaan

Diagram scatter adalah alat untuk menganalisis hubungan antara dua variabel. Jadi tujuan penggunaan scatter diagram adalah :

1.Menguji bagaimana kuatnya hubungan antara dua variabel,

2.Menentukan jenis hubungan dari dua variabel itu, apakah positif, negatif dan tidak ada hubungan.

2.5.6 Fungsi

Scatter diagram merupakan alat interpretasi data yang akan digunakan untuk :

1. Menguji seberapa kuat hubungan antara dua variable (misalnya,hubungan antara biaya iklan dengan penjualan, lama
   pengalamandengan kinerja karyawaan, dll.)
2. Memastikan firasat akan hubungan sebab-akibat langsung
   antara jenis-jenis variable.
3. Menentukan jenis hubungan (positif, negatif, dll.)

Read More [...]

Bab 1 - Visualisasi Diagram Perubahan Harga BBM

Memenuhi Tugas Softskill (Desain Permodelan Grafik) semester 5 tahun ajaran (2016/2017)

Pembahasan :  Visualisasi Diagram Perubahan Harga BBM

Mata kuliah : Desain Permodelan Grafik

KATA PENGANTAR

Puji dan syukur kami ucapkan kehadirat Allah SWT, karena atas izin-Nya jugalah kami dapat menyelesaikan buku yang berjudul ”Visualisasi Diagram Perubahan Harga BBM”. Buku ini disusun berdasarkan materi dan memenuhi tugas softskill yang dapat mendorong berkembangnya kompetensi mahasiswa/i. Diharapkan mahasiswa/i dapat menggunakan buku ini sebagai referensi pelajaran berdasarkan petunjuk dari dosen.

Buku ini dilengkapi dengan penjelasan materi mengenai Visualisasi Diagram Perubahan Harga BBM. Materi yang dipaparkan tidak hanya materi mengenai Visualisasi Perubahan Harga BBM , namun dilengkapi dengan contoh kasus. Diharapkan mahasiswa/i dapat memahami materi dan pemanfaatan Visualisasi Diagram Perubahan Harga BBM.

Penulis menyadari bahwa sulitnya percetakan notasi dan gambar pada buku ini masih sangat banyak kesalahan cetak maupun kekurang sempurnaan gambar yang terjadi. Semoga dalam cetakkan berikutnya dapat dilakukan koreksi dan perbaikan. Disamping kesalahan cetak tersebut, susunan dan isi buku ini pun masih belum memadai, karena itulah segala kritik dan saran yang membangun sangat diharapkan. Semoga buku ini dapat bermanfaat bagi yang membacanya.

                                                                                       Depok, Januari 2017

                                                                                            Penyusun

BAB I

PENDAHULUAN

1.1 Latar Belakang
Diagram adalah suatu representasi simbolis informasi dalam bentuk geometri dua dimensi sesuai teknik visualisasi. Kadang Teknik yang dipakai memanfaatkan visualisasi tiga Dimensi yang kemudian diproyeksikan kepermukaan dua dimensi. Diagram digunakan untuk menunjukkan atau menggambarkan tahapan atau langkah langkah untuk mencapai suatu sasaran dan juga sebagai penyederhana sesuatu yang komplek sehingga dapat memperjelas penyajian data. Visualisasi adalah rekayasa dalam pembuatan gambar, diagram atau animasi untuk menyajikan suatu informasi. Secara umum, visualisasi dalam bentuk gambar baik yang bersifat abstrak maupun nyata telah dikenal sejak awal dari peradaban manusia. Contoh dari hal ini meliputi lukisan di dinding-dinding gua dari manusia purba, bentuk huruf higrolip Mesir, sistem geomtri Yunani, dan teknik pelukisan dari Leonardo Da Vinci untuk tujuan rekayasa dan ilmiah. Pada saat ini visualisasi telah berkembang dan banyak dipakai untuk keperluan ilmu pengetahuan, teknologi, rekayasa, visualisasi disain produk,pendidikan, multimedia interaktif, kedokteran, dll. Pemakaian dari grafika komputer merupakan perkembangan penting dalam dunia visualisasi, setelah ditemukannya teknik garis perspektif pada zaman Renaissance. Perkembangan bidang animasi juga telah membantu banyak dalam bidang visualisasi yang lebih kompleks dan canggih.

1.2 Rumusan Masalah

Berdasarkan latar belakang diatas penulis memberikan perumusan masalah khususnya yang berkenaan dengan visualisasi diagram Perubahan Harga BBM Menggunakan Edraw Max. Untuk itu penulis merumuskan masalah,sebagai berikut :

1. Apa yang dimaksud dengan diagram Scatter, Sankey dan Stapped?

2. Apa saja perangkat lunak untuk membuat diagram?

3.Contoh pemanfaatan perangkat lunak untuk diagram Sankey, Scatter dan Stapped?

1.3 Tujuan
Berdasarkan rumusan masalah diatas,maka yang menjadi tujuan pembahasan dalam buku ini adalah sebagai berikut:
1.Untuk mengetahui apa yang dimaksud dengan Sankey,Scatter dan Stapped
2.Untuk mengetahui perangkat lunak apa saja yang digunakan
3.Untuk mengetahui pemanfaatan perangkat lunak

Read More [...]

Tugas 4 Pengantar Web Science-Rangkuman

Pada tugas Pengantar Web Science kali ini saya diberikan tugas oleh bapak Donie Margavianto Nurrokhman untuk merangkum tugas sebelumnya dari tugas ke 1 sampai tugas ke 3.

Definisi Web Science

Web Science merupakan sebuah ilmu desentralisasi sistem informasi. Web Science membutuhkan pemahaman akan Web dan juga fokus pada pengembangan terhadap kebutuhan komunikasi dan representasi.
   Web Science merupakan inovasi baru yang diciptakan oleh seorang bernama Tim Berners-Lee yang mensupport dari berdirinya cabang ilmu ini. Tim Berners-Lee juga seorang penemu World Wide Web.

Sejarah Web Science

Web sekarang ini telah berkembang dari ide dan konsep yang dicetuskan oleh Tim Berners-Lee, seorang peneliti pada CERN Particle Physics Lab di Jenewa, Swiss.Pada tahun 1989 Berners-Lee merumuskan suatu proposal tentang sebuah system hypertext

Penggunaan & Pemanfaatan Web Science
Web science memiliki berbagai macam kegunaan, seperti halnya :
1. Dapat mencari artikel yang berdampak tinggi dan prosiding konferensi.
2. Dapat menemukan hasil yang relevan dalam bidang-bidang terkait.
3. Dapat mengidentifikasi potensi kolaborator dengan catatan rujukan signifikan.
4. Dapat mengintegrasikan, mencari, menulis, dan bibliografi penciptaan menjadi satu proses yang efisien.

Ada banyak manfaat dan keuntungan yang diperoleh dalam membangun website untuk instansi atau perusahaan antara lain :

• Mempermudah untuk dapat mengumpulkan tanggapan kritik dan saran dari masyarakat dunia terhadap mutu instansi/perusahaan.
• Membangun citra instansi/perusahaan dimata masyarakat luas, dimana hal tersebut di representasikan pada tampilan website.
• Mempermudah customer untuk mendapatkan segala informasi mengenai data-data instansi/perusahaan atau pun pelayanan yang diberi.
• Membangun sebuah komunitas para loyal customer dimana diharapkan website tersebut dapat menjadi bagian dari proses Customer Relationship Program.

Arsitektur Web Science

Arsitektur Web Science adalah suatu pendekatan terhadap desain dan perencanaan situs yang, seperti arsitektur itu sendiri, melibatkan teknis, kriteria estetis dan fungsional.

Keuntungan Arsitektur Web:

• sebuah web dapat tersusun terstruktur
• dapat menyediakan tampilan design yang menarik

Kekurangan Arsitektur Web :

• dapat menyebabkan web menjadi berat saat di akses
• harus diupdate setiap saat

Web Science Security

Suatu tata cara mengamankan aplikasi web yang dikelola, biasanya yang bertanggung jawab melakukannya adalah pengelola aplikasi web tsb.

Mengenai masalah yang berkaitan dengan keamanan di dalam era digital tidak lepas dari 3 prinsip utama yaitu Confidentiality, Integrity, dan Availability atau lebih dikenal dengan nama CIA.

Web Science Lazada Kelebihan & Kekurangannya

Kelebihan Belanja Online Di Lazada :

1.Beraneka Ragam Produk Tersedia

2.Banyak Diskon Menarik Yang Di Tawarkan

3.Website yang user friendly

4.Bebas Ongkos Kirim

5.Bisa COD (Cash On Delivery)

6.Pengiriman Barang Cepat

Kekurangan lazada.co.id:

1.Konfirmasi Pembayaran Cukup Lama

2.Fasilitas COD masih belum bisa dibanyak kota

Beberapa etika dalam membuat web Science:

1.Jangan menyindir, menghina, melecehkan, atau menyerang pribadi seseorang/pihak lain.

2.Jangan sombong, angkuh, sok tahu, sok hebat, merasa paling benar, egois, berkata kasar, kotor, dan hal-hal buruk lainnya yang tidak bisa diterima orang.

3.Selalu memperhatikan Hak Atas Kekayaan Intelektual (HAKI). Artinya jangan terlibat dalam aktivitas pencurian/penyebaran data dan informasi yang memiliki hak cipta.

4.Jika mengutip suatu tulisan, gambar, atau apapun yang bisa/diijinkan untuk dipublikasikan ulang, selalu tuliskan sumber aslinya.

Konten dalam Web Science:

1.Untuk membuat konten berkualitas pilih topik yang menarik

2.Membuat konten yang unik daripada yang lain

3.Berlaku konsisten disetiap artikel

Meta data dalam Web Science

Metadata merupakan informasi yang mendeskripsikan tentang suatu himpunan data. Metadata yang dberikan pada suatu himpunan data sifatnya tidak akan mengubah isi atau inti dari data tersebut. Metadata akan memberikan suatu informasi “tambahan” yang dapat memberikan peran lebih terhadap himpunan data.

Sekarang bagaimana dengan metadata yang dapat digunakan pada Web? Oleh karena sebagian besar sesumber informasi di Web menggunakan format HTML, maka sebagian besar metadata untuk sebuah halaman Web akan tersimpan pada bagian <header></header>. Pada bagian <header> tersebut, HTML sudah menyediakan sebuah elemen yang bernama <meta> dengan pilihan meta default, antara lain: charset, content, http-equiv, name, atau scheme. Nilai yang dapat secara bebas diberikan, tanpa constraint nilai tertentu, adalah name. Dengan name kita dapat memasukkan “keywords”, “description”, “author”.  

Aplikasi Web Berbasis Mobile

Twitter adalah layanan jejaring sosial dan mikroblog daring yang memungkinkan penggunanya untuk mengirim dan membaca pesan berbasis teks hingga 140 karakter, yang dikenal dengan sebutan kicauan (tweet). Twitter didirikan pada bulan Maret 2006 oleh Jack Dorsey, dan situs jejaring sosialnya diluncurkan pada bulan Juli. Sejak diluncurkan, Twitter telah menjadi salah satu dari sepuluh situs yang paling sering dikunjungi di Internet, dan dijuluki dengan "pesan singkat dari Internet." Di Twitter, pengguna tak terdaftar hanya bisa membaca kicauan, sedangkan pengguna terdaftar bisa menulis kicauan melalui antarmuka situs web, pesan singkat (SMS), atau melalui berbagai aplikasi untuk perangkat seluler.

Perbedaan Aplikasi Mobile dengan Web/PC

1. Fitur Aplikasi Mobile dan Aplikasi Web Desktop
2. Interaksi User
3. Location Awareness
4. Push Notification

Komunikasi Pembelajaran Berbasis Komunitas pada Web

Salah satu pembelajaran berbasis komunitas pada web adalah www.kaskus.co.id.Kaskus adalah situs forum komunitas maya terbesar dan nomor 1 Indonesia dan penggunanya disebut dengan Kaskuser.Kaskus lahir pada tanggal 6 November 1999 oleh tiga pemuda asal Indonesia yaitu Andrew Darwis, Ronald Stephanus, dan Budi Dharmawan, yang sedang melanjutkan studi di Seattle, Amerika Serikat.

Kaskus memiliki 3 forum edukasi yaitu Civitas Academica,Sejarah & Xenology dan Sains & Teknologi

• Civitas Academica membahas tentang tempat kumpul alumni dan siswa dari beragam almamater. Saling berbagi info lowongan kerja, acara reuni, dan kondisi terbaru sekolah atau universitas.
• Sejarah & Xenology membahas tentang Tempat membahas sejarah/biografi tokoh dalam dan luar negeri. Juga diskusi tentang xenology (ilmu yang membahas misteri-misteri dunia).
• Sains & Teknologi membahas tentang tempat diskusi mendalam dan berbagi pengetahuan sains dan teknologi. 

Pembelajaran Forum pada V class

Virtual Class merupakan fasilitas pembelajaran online yang digunakan untuk mendukung proses belajar mengajar secara online oleh dosen dan mahasiswa di lingkungan Universitas Gunadarma. 

Kelebihan V-Class:

-Mahasiswa dapat mempelajari materi yang diberikan oleh dosen

-Efisiensi waktu

-Mengerjakan tugas 

-V class memiliki forum tanya jawab dengan dosen

Kekurangan V Class:

-Tidak ada interaksi yang baik antara mahasiswa dan dosen

-Menghambat dalam proses Pembelajaran

-Mahasiswa lebih cenderung pasif

Sumber:http://vanillabluse.blogspot.co.id/2015/03/definisi-sejarah-serta-arsitektur-web.html

              http://javawebmaster.com/apa-manfaat-dan-keuntungan-membuat-website/

             https://ichsanoctama.wordpress.com/2014/04/14/arsitektur-web/

             https://melfrida.wordpress.com/analisis-zalora-lazada/

             https://budsus.wordpress.com/2013/04/05/metadata-pada-situs-web/

             http://mkhuda.com/teknologi/4-perbedaan-aplikasi-mobile-dengan-aplikasi-web-desktop/

Read More [...]

Tugas 3.3 Pengantar Web Science-Pembelajaran Forum pada V class

Pengertian V Class

Virtual Class merupakan fasilitas pembelajaran online yang digunakan untuk mendukung proses belajar mengajar secara online oleh dosen dan mahasiswa di lingkungan Universitas Gunadarma. 
Virtual Class dilaksanakan sebanyak 3x pertemuan dalam satu semester dan memiliki bobot yang sama dengan tatap muka kelas. Pertemuan tersebut merupakan kesepakatan antara dosen dan mahasiswa. Penilaian kegiatan pembelajaran ini merupakan bagian dari keseluruhan Nilai Akhir mahasiswa. 
Virtual Class dapat diakses dengan menggunakan akun staffsite untuk dosen dan akun studentsite untuk mahasiswa. Bagi pengguna tamu dapat mengakses beberapa materi hasil hibah pengajaran.


Kelebihan V-Class:
-Mahasiswa dapat mempelajari materi yang diberikan oleh dosen
-Efisiensi waktu
-Mengerjakan tugas 
-V class memiliki forum tanya jawab dengan dosen

Kekurangan V Class:
-Tidak ada interaksi yang baik antara mahasiswa dan dosen
-Menghambat dalam proses Pembelajaran
-Mahasiswa lebih cenderung pasif

Kesimpulan:Setelah saya memberikan kelebihan dan kekurangan dari v class saya menyimpulkan V Class dapat dijadikan sebagai alat pembelajaran yang efisien karena didalam V class setiap dosen kita telah diberi materi yang dapat kita baca atau kita download sebelum kita mengerjakan soal-soal tersebut.Materi yang diberikan pun sesuai dengan SAP yang ada.

Read More [...]

Tugas 3.2 Pengantar Web Science-Komunikasi Pembelajaran Berbasis Komunitas pada Web

Sebelum jauh melangkah apakah anda tahu apakah Komunikasi Pembelajaran itu?
Komunikasi pembelajaran adalah proses penyampaian gagasan dari seseorang kepada orang lain supaya mencapaikeberhasilan dalam mengirim pesan kepada yang dituju secara efektif dan efisien.

Macam-macam Komunikasi dalam Pembelajaran
1.Secara Langsung
Seorang guru/dosen memberikan pelajaran secara langsung dengan bertatap muka dengan para siswa dalam suatu ruangan ataupun di luar ruangan dalam konteks pembelajaran. Seperti yang terjadi di sekitar kita mulai dari sekolah dasar sampai perguruan tinggi.

2.Secara Tidak Langsung
Guru/dosen dapat memberikan suatu pembelajaran melalui suatu media tanpa harus bertatap muka secara langsung dengan siswa. Dan siswapun dapat memperoleh informasi secara luas melalui media tersebut. Seperti model sekolah jarak jauh yaitu memanfaatkan media internet sebagai alat untuk pembelajaran.

KOMUNIKASI PEMBELAJARAN BERBASIS KOMUNITAS PADA WEB  

Salah satu pembelajaran berbasis komunitas pada web adalah www.kaskus.co.id.Kaskus adalah situs forum komunitas maya terbesar dan nomor 1 Indonesia dan penggunanya disebut dengan Kaskuser.Kaskus lahir pada tanggal 6 November 1999 oleh tiga pemuda asal Indonesia yaitu Andrew Darwis, Ronald Stephanus, dan Budi Dharmawan, yang sedang melanjutkan studi di Seattle, Amerika Serikat.
Bukan hanya sebagai forum jual beli dan forum diskusi biasa kaskus juga menyediakan forum edukasi.

Kaskus memiliki 3 forum edukasi yaitu Civitas Academica,Sejarah & Xenology dan Sains & Teknologi

Civitas Academica membahas tentang tempat kumpul alumni dan siswa dari beragam almamater. Saling berbagi info lowongan kerja, acara reuni, dan kondisi terbaru sekolah atau universitas.

Sejarah & Xenology membahas tentang Tempat membahas sejarah/biografi tokoh dalam dan luar negeri. Juga diskusi tentang xenology (ilmu yang membahas misteri-misteri dunia).

Sains & Teknologi membahas tentang tempat diskusi mendalam dan berbagi pengetahuan sains dan teknologi.

Sumber:kaskus.co.id

         https://yogoz.wordpress.com/2011/02/12/komunikasi-pembelajaran/

         http://kurniawaalex.blogspot.co.id/2015/05/resume-komunikasi-pembelajaran.html

         

Read More [...]

Tugas 3.1 Pengantar Web Science-Aplikasi Web Berbasis Mobile

Aplikasi Web Berbasis Mobile

Twitter adalah layanan jejaring sosial dan mikroblog daring yang memungkinkan penggunanya untuk mengirim dan membaca pesan berbasis teks hingga 140 karakter, yang dikenal dengan sebutan kicauan (tweet). Twitter didirikan pada bulan Maret 2006 oleh Jack Dorsey, dan situs jejaring sosialnya diluncurkan pada bulan Juli. Sejak diluncurkan, Twitter telah menjadi salah satu dari sepuluh situs yang paling sering dikunjungi di Internet, dan dijuluki dengan "pesan singkat dari Internet." Di Twitter, pengguna tak terdaftar hanya bisa membaca kicauan, sedangkan pengguna terdaftar bisa menulis kicauan melalui antarmuka situs web, pesan singkat (SMS), atau melalui berbagai aplikasi untuk perangkat seluler.

Perbedaan Aplikasi Mobile Dengan Aplikasi Web Desktop:

1.Fitur Aplikasi Mobile dan Aplikasi Web Desktop

Hal pertama yang harus diperhatikan adalah bahwa aplikasi mobile bukanlah aplikasi web. Perbedaannya adalah pada kedua sifat fitur dan jumlah fitur yang disediakan. Aplikasi mobile mempunyai beberapa fitur baru. Aplikasi mobile akan terlihat sangat berbeda dari aplikasi web. Pertama, dilihat dari ukuran layar pada smartphone pasti tidak sama dengan ukuran layar desktop. Pada aplikasi web di mana layar lebih besar, dan memiliki lebih banyak ruang untuk menu, toolbar, dan widget.

Pengguna smartphone dan pengguna web memiliki niat yang berbeda. Pengguna smartphone ingin menggunakan aplikasi di mana saja, mendapatkan produktivitas maksimum dengan tenaga sedikit, sedangkan pengguna web mungkin akan menghabiskan lebih banyak waktu dengan menggunakan aplikasi web.

Pada perbedaan tersebut, fitur yang paling produktif (atau paling sering digunakan) disorot adalah pada smartphone. Aplikasi mobile menyediakan semua fitur atau bagian fitur darinya. Beberapa bagian fitur dari aplikasi mobile akan menjadi keunggulan dari aplikasi web.

FITUr

2.Interaksi User

Cara pengguna berinteraksi dengan aplikasi mobile dan aplikasi web tradisional sangatlah berbeda. Dengan kemampuan layar sentuh untuk berinteraksi bagi pengguna smartphone yang berbasis accelerometer maupun kompas, sebuah aplikasi mobile memang dibangun secara berbeda. Contohnya adalah aplikasi game mobil (car game), di mana mobil bermanuver dengan memiringkan ponsel ke kiri atau ke kanan. Hal ini didasarkan pada fitur accelerometer sebuah smartphone.

Contoh lainnya adalah aplikasi peta yang selalu menunjuk ke arah utara setiap kali pengguna merubah arah telepon genggamnya. Hal ini didasarkan pada fitur kompas.

INTERAKSI USER

3.Location Awareness

Pemetaan lokasi adalah sesuatu yang baru untuk smartphone. Google Maps, Local Search, Foursquare, dan banyak aplikasi mobile lainnya memanfaatkan GPS yang telah disematkan ke dalam smartphone. Aplikasi web yang menggunakan pemetaan lokasi juga, namun hanya dibatasi dari pengkodean negara dan tidak secara detail.

LOCATION AWARENESS

4.Push Notification

Pengguna aplikasi banyak yang menginginkan pemberitahuan peristiwa atau info penting seperti e-mail dan pesan masuk. Dan smartphone adalah platform terbaik untuk pemberitahuan, karena smartphone dekat dengan pengguna hampir sepanjang waktu.

Selain pemberitahuan seperti e-mail atau pesan masuk, layanan apa pun juga dapat dikirimkan sebagai pemberitahuan kepada pengguna smartphone. Lain halnya bagi pengguna aplikasi web, pengguna harus selalu login ke sebuah aplikasi web untuk menyelesaikan alur kerja yang melibatkan dia, akan jauh lebih produktif untuk aplikasi untuk memberitahu pengguna bahwa ia harus melakukan tindakan untuk menyelesaikan alur kerja. Dengan cara ini, pengguna selalu produktif, terlepas dari apakah dia dekat dengan laptop-nya atau desktop.

PUSH NOTIFICATION

Ada 2 cara agar Web dapat compatible dengan versi Mobile:

1.   Redirect ke Domain Khusus untuk Tampilan Mobile atau Smartphone

Cara ini adalah cara yang sudah umum namun beberapa kendala yang di temukan adalah kebingungan mendeteksi media yang dipakai untuk membuka website tersebut ketika di akses di domain utama (www).

 Jika membuka twitter melalui gadget atau smartphone otomatis twitter akan mengalihkan ke situs versi mobilenya, yakni m.twitter.com. Jika twitter dibuka melalui PC twitter akan otomatis mengalihkan twitter ke versi PC atau domain utama www.twitter.com. Web harus membuat versi mobile karena dalam pengelolaan webnya admin tidak kesulitan ketika ingin melakukan editing file dan juga karena kebanyakan pengguna lebih sering menggunakan gadget atau smartphone.

2.  Multipel Template File

Cara kedua ini akan sangat efektif bila membuat website menggunakan konsep konsep file menu. Karena bila menggunakan konsep file menu kita hanya menyediakan 2 file saja yakni header dan footer selanjutnya tinggal mendesain tampilan menggunakan css.

Kesimpulan:    Twitter bisa di akses melalui PC maupun MOBILE. Sistem yang di gunakan adalah dengan cara mendeteksi perangkat yang masuk atau terkoneksi.

            Jika membuka twitter melalui gadget atau smartphone otomatis twitter akan mengalihkan ke situs versi mobilenya, yakni m.twitter.com. Jika twitter dibuka melalui PC twitter akan otomatis mengalihkan twitter ke versi PC atau domain utama www.twitter.com. Sebaiknya setiap web di buat dalam bentuk yang compatible yaitu versi web dan versi mobile dimana kebanyakan pengguna lebih sering menghabiskan waktu dengan gadget.

Sumber:http://mkhuda.com/teknologi/4-perbedaan-aplikasi-mobile-dengan-aplikasi-web-desktop/

              https://id.wikipedia.org/wiki/Twitter

Read More [...]