BAB 3 PERANGAKAT LUNAK

Nama : Rian Yunanto
NPM : 59414226

3.1 Perangkat Lunak yang Mendukung Gantt Chart
Gantt Chart adalah model tertentu dari bar chart yang menggambarkan ruang lingkup proyek. Gantt chart menunjukkan unsur-unsur proyek, seperti kerja tanggal mulai dan jumlah pekerjaan yang dilakukan pada tanggal saat ini. Ada beberapa cara dan software yang mendukung pembuatan atau dapat menerapkan Gantt Chart, yaitu : Kode HTML, Microsoft Project, Microsoft Excel dll. Dalam buku ini saya akan menjabarkan cara menerapkan Gantt Chart menggunakan Microsoft Project 2007 dan Kode HTML.

3.1.1 1. Microsoft Project 2007 Microsoft Project 2007
merupakan software administrasi proyek yang digunakan untuk melakukan perencanaan, pengelolaan, pengawasan dan pelaporan data dari suatu proyek. Kemudahan penggunaan dan keleluasaan lembar kerja serta cakupan unsur-unsur proyek menjadikan software ini sangat mendukung proses administrasi sebuah proyek. Microsoft Project 2007 memberikan unsur-unsur manajeman proyek yang sempurna dengan memadukan kemudahan penggunaan, kemampuan, dan eksibilitas sehingga penggunanya dapat mengatur proyek secara lebih e sien dan efektif. Anda akan mendapatkan informasi, mengendalikan pekerjaan proyek, jadwal, laporan keuangan, serta mengendalikan kekompakan tim proyek. Anda juga akan lebih produktif dengan mengintegrasikan program-program Microsoft O ffice yang familiar, membuat pelaporan yang kuat, perencanaan yang terkendali dan sarana yang eksibel.

Berikut ini adalah cara pembuatan gantt chart menggunakan Microsoft Project 2007

• Buka Microsoft Project 2007, setelah itu akan tampil halaman awal seperti gambar berikut

• Setelah itu, isikan Task Name, Duration, Start Date, Predesssesors (jikaada) pada kolom yang ada disebelah kiri, secara otomatis Gantt Chart akan terbentuk di area sebelah kanan,seperti gambar berikut.

• Untuk menambahkan Sub Proses, insertkan kolom di proses yang akan ditambahkan sub prosesnya, seperti gambar berikut.

• Setelah itu, tuliskan proses yang ditambahkan pada eld yang kosong kemudian, untuk membuat proses tersebut menjadi subproses, pilih indent, seperti pada gambar berikut,

• ˆ Jika sudah maka akan tampilan Gantt Chart menjadi seperti ini,

• Untuk menambahkan Milestones ,Milestones emphasize important events or accomplishments on projects which take zero duration[1], pertama tambahkan baris dan isikan nama task serta duration di set menjadi 0 day, seperti pada gambar berikut,

Untuk menandai apakah suatu proses telah selesai dilakukan, maka pada kolom (information) pilih Task Information

• Setelah itu, set percent complete menjadi 100%, sebagai berikut,

• • Jika sudah, maka proses tersebut akan memiliki status completed seperti berikut

• Untuk melihat Network Diagram, A network diagram is a schematic display of the logical relationships among, or sequencing of, project activities[1], dari Gantt Chart yang telah dibuat, pilih view >> Network Diagram pada toolbars, Network diagram akan tampil sebagai berikut, 

• Gambar yang disilang menunjukan bahwa Task telah completed Gantt Chart telah selesai dibuat dan masih banyak hal yang mungkin perlu di tambahkah untuk membuat Gantt Chart lebih detail, seperti misalnya ResourceUsage, Task Usage, Cost, dsb. dan masih banyak hal yang mungkin perlu di tambahkah untuk membuat Gantt Chart lebih detail,seperti misalnya Resource Usage, Task Usage, Cost, dsb.

3.1.2 Kode HTML

Penerapan Gantt Chart sederhana menggunakan Kode HTML, ketikan kodingan berikut pada notepad+ kemudian save dengan format .html, maka jadilah gantt chart yang diinginkan dan jika kalian ingin melihat contoh lain pembuatan gantt chart silahkan buka google chart.

3.2 Perangkat Lunak yang Mendukung Donut Chart

Donut Charts biasanya digunakan untuk mengetahui perbandingan suatu data terhadap keseluruhan data. Misalnya kita ingin mengetuhi rasio jenis kelamindalam suatu kelompok, prosentase suara partai pada pemilihan umum, komposisi profesi di sebuah tempat dan sebagainya. Ada beberapa cara dan software yang mendukung pembuatan atau dapat menerapkan Donut Chart, yaitu : Edraw Max, Kode HTML, Microsoft Excel. Dalam buku ini saya akan menjabarkan cara menerapkan Donut Chart.

3.2.1 Edraw MAX

Edraw Max adalah software yang paling tepat untuk Anda. Anda dapat membuat berbagai macam diagram yang sesuai dengan kebutuhan Anda. Tidak terbatas pada diagram yang disediakan oleh Microsoft Excel atau aplikasi lain pembuat diagram. Anda dapat membuat berbagai macam diagram yang unikhanya dengan beberapa klik saja. Edraw membantu untuk menyajikan dan mengkomunikasikan data dan informasi secara dinamis. Anda dapat dengan mudah mengumpulkan, arsip, mengatur, menganalisis, memvisualisasikan dan melaporkan data yang rumit dalam waktu singkat. Cobalah untuk membuat gra k donat semenarik donat nyata. 

Buat Doughnut Chart dari Template 

Template interaktif adalah cara tercepat untuk membuat bagan donat. Donatt gra k yang sangat baik untuk menampilkan titik data sebagai persentase dari keseluruhan. Edraw menawarkan banyak grafik donat template dalam format vektor. Anda dapat membuat jenis berikut gra k donat dengan mudah dalam beberapa menit. 

Berikut adalah cara pembuatan donut chart pada edraw max:

• Buka Pie dan Donat Template dari Library Chart. Tarik bentuk dari perpustakaan untuk memulai gra k donat Anda. Bentuk pintar mendukung editing point-and-klik. Editor mudah ini telah otomatis banyak langkah dalam proses charting, sehingga lebih mudah. ˆ 
• Pindahkan kursor di atas bentuk dan kemudian tombol mengambang akan ditampilkan. Istirahat kursor untuk menunjukkan menu. Pilih opsi yang sesuai untuk mengedit bentuk

Mengedit Bagan Donat Data

Anda dapat mengedit nilai persentase untuk mengubah bentuk. Artinya, tepat setelah Anda memasukkan nomor baru, bentuk perubahan yang sesuai segmen otomatis.

Dan Doughnut dengan Handle, Anda tidak dapat mengedit nilai persentase

untuk mengubah bentuk. Pilih gra k donat, tarik berlian pegangan

kuning untuk mengubah segmen dan persentase nilai.

Pilih kategori sub bentuk; mengubah gaya tampilan, maka gaya ll baru akan diterapkan. Klik Set Tebal Donat pada menu tindakan gra k, nilai ketebalan dari 10% sampai 100% dari donat.

Ketika Anda menyelesaikan grafik donat di Edraw, Anda dapat mengekspornya ke MS Word, Excel atau PowerPoint dengan satu kali klik. File yang diekspor tetap dapat diedit. Hanya dalam 1 program tunggal, Anda dapat memperoleh donat dalam Ms Word, Excel serta PowerPoint format.

Tekan tombol Ekspor pada Quick Access toolbar, pilih format yang Anda

butuhkan. Lihat ilustrasi di bawah.

Anda juga dapat menyimpannya sebagai le proyek untuk revisi nanti.

Atau, mencetak atau ekspor sebagai html, pdf, svg, png transparan.

3.2.2 Microsoft Office Excel

Menggunakan Microsoft Office Excel 2007, Anda bisa dengan cepat mengubah data Anda menjadi bagan donat, dan lalu gunakan tur pemformatan yang baru untuk membuat bagan donat yang lebih mudah dibaca. Misalnya, dengan menambahkan legenda, label data, dan kotak teks yang menunjukkan berdering setiap bagan donat yang mewakili, Anda bisa dengan cepat memahami data

yang diplot dalam bagan. Pelajari selengkapnya tentang memplot data dalam bagan donat Data yang disusun dalam kolom atau baris hanya pada lembar kerja bisa diplot dalam bagan donat. Sama seperti bagan Pai, bagan donat yang memperlihatkan hubungan  komponen secara keseluruhan, tetapi bagan donat bisa berisi lebih dari satu seri data. Setiap seri data yang Anda plot di sebuah bagan donat menambahkan berdering ke bagan. Seri data pertama ditampilkan di pusat bagan. Karena sifatnya melingkar, bagan donat tidak mudah untuk membaca, terutama ketika mereka menampilkan beberapa seri data. Proporsi cincin dalam dan luar cincin tidak mewakili ukuran data akurat poin data di luar cincin mungkin muncul

lebih besar dari titik data di dalam cincin saat nilai aktual mungkin lebih kecil. Menampilkan nilai atau persentase di label data sangat berguna dalam bagan donat, tetapi jika Anda ingin membandingkan titik data secara berdampingan, Anda harus menggunakan kolom tumpuk atau bagan batang tumpuk sebagai gantinya. Pertimbangkan menggunakan donat bagan saat:

• Anda memiliki satu atau beberapa seri data yang ingin Anda plot.
• Tidak ada nilai yang ingin Anda plot negatif.
• Tidak ada nilai yang ingin Anda plot merupakan nilai nol (0).
• Anda tidak memiliki lebih dari tujuh kategori per seri data.
• Kategori mewakili bagian-bagian dari keseluruhan dalam setiap berdering bagan donat.

Saat Anda membuat bagan donat, Anda bisa memilih salah satu subtipe bagan

donat yang berikut ini:

• Donat Bagan donat menampilkan data berdering, di mana setiap cincin mewakili seri data. Jika persentase yang ditampilkan dalam label data, setiap cincin akan total 100%

• Donat yang diledakkan Hampir sama seperti bagan Pai yang diledakkan, bagan donat meledak tampilan kontribusi setiap nilai terhadap total sementara menekankan nilai individual, tapi mereka bisa berisi lebih dari satu seri data.

Bagan donat meledak dan bagan donat yang tidak tersedia dalam 3D, tapi Anda bisa menggunakan 3D pemformatan untuk memberikan tampilan 3-d 3-seperti bagan ini. Berikut adalah cara pembuatan donut chart pada Microsoft Excel :

1. Blok data yang akan digunakan seperti gambar di bawah:

2. klik insert, group charts, pilih pie chart kemudian pilih Doughnut chart seperti gambar berikut

3. Maka akan muncul hasil Doughnut chart

Mengedit Doughnut chart :

1. Quick tools, digunakan untuk meperpaibiki tampilan gra k dengan cepat. tetapi toolsnya tidak terlalu banyak. caranya yaitu dengan klik doughnut chartmaka akan tiga tools yang muncul

• Chart Element, digunakan untuk memunculkan.menghilangkan element pada grafik.
• Style and colors, digunakan untuk melakukan pengubahan tampilan style dan warna pic chart

• Values and names, digunakan untuk menentukan data yang akan ditampilkan.

2. Design, apabila cara quick tadi belum cukup maka bisa menggunakan design untuk mengubah style doughnut chart dengan lebih lengkap.

• Add Chart Element: digunakan untuk menampilkan element tambahan untuk grafik garis
• Quick layout: digunakan untuk menetukan layout yang sudah dibuat dan kita tinggal memilih.
• Change colors: mengganti warna
• Chart styles: mengubah tampilan grfi k ˆ Switch row colomn : untuk mengganti antara baris dan kolom
• Select data: mengedit data yang sudah dipilih. bisa diganti atau dihilangkan atau ditambah.
• Change chart type : digunakan mengganti grafik yang sesuai dengan data dan keinginan.
• Move chart : memindahkan gra k dari work le satu ke work le yang lain

3. Format, Selain mengubah tampilan bisa menggunakan format untuk memperbaiki style doughnut chart yang sudah terpilih pada design

• Current Selection : memilih tampilan yang mau diedit/diubah.
• Insert Shape : memasukkan shape yang baru
• Shape style : Untuk mengedit shape
• Wordart styles: untuk mempercantik tulisan yang sudah dipilih.
• Arrange: digunakan untuk mengatur posisi grafik
• Size: digunakan untuk mengatur ukur grafik.

3.2.3 Kode HTML

Sebuah gra k donat adalah pie chart dengan lubang di tengah. Anda dapat membuat gra k donat dengan pilihan piehole:

Opsi piehole harus di set ke angka antara 0 dan 1, sesuai dengan rasio jarijari antara lubang dan gra k. Angka antara 0,4 dan 0,6 akan melihat yang terbaik pada kebanyakan gra k. Nilai sama dengan atau lebih besar dari 1 akan diabaikan, dan nilai 0 benar-benar akan menutup piehole Anda.

Anda tidak dapat menggabungkan piehole dan opsi 3D; jika Anda melakukannya, piehole akan diabaikan. Perhatikan bahwa Charts Google mencoba untuk menempatkan label sebagai dekat dengan pusat slice mungkin. Jika Anda memiliki gra k donat dengan hanya satu slice, pusat slice bisa jatuh ke dalam lubang donat. Dalam hal ini, mengubah warna label:

3.3 Perangkat Lunak yang Mendukung Gauge Chart

Sebuah gauge adalah perangkat yang mengukur jumlah atau kuantitas sesuatu dan menunjukkan jumlah yang diukur. Sebuah grfik yang berisi gambar dari alat ukur dapat menyajikan data yang lebih jelas sehingga penonton yang dapat memahami data sekilas. Dengan menampilkan beberapa alat pengukur bersama-sama menunjukkan serangkaian nomor, pengguna dapat menunjukkan tren intuitif. Sebuah grafik yang berisi gambar dari alat ukur dapat menyajikan data yang lebih jelas sehingga penonton yang dapat memahami data sekilas. Dengan menampilkan beberapa alat pengukur bersama-sama menunjukkan serangkaian nomor, pengguna dapat menunjukkan tren intuitif.

Hal ini dapat digunakan secara luas di dashboard, monitor real-time dan laporan dan sebagainya, menampilkan Key Performance Indicator (KPI), indikator kemajuan dan indikator kuantitas. Misalnya, kita bisa menerapkannya untuk menampilkan biaya per akuisisi dalam dashboard manajemen. Bola gauge adalah alat ukur khusus yang digunakan untuk mencerminkan keadaan tunggal dengan menggunakan warna yang telah ditentukan. Sebagai contoh, dapat memantau kondisi keseluruhan tungku sehingga dapat meningkatkan peringatan ketika suhu menjadi terlalu tinggi dengan berubah menjadi warna merah. 

Ada beberapa cara dan software yang mendukung pembuatan atau dapat menerapkan Gauge Chart, yaitu : Edraw Max, Kode HTML, Microsoft Excel. Dalam buku ini saya akan menjabarkan cara menerapkan Gauge Chart.

3.3.1 Microsoft Excel

Sebuah mengukur grafik (atau grafik speedometer) menggabungkan grafik Doughnut dan grafik Pie di grafik tunggal. Ini adalah spreadsheet yang terlihat.

Untuk membuat grafik gauge, jalankan langkah-langkah berikut.

1. Pilih rentang H2: I6.

2. Pada tab Insert, di grup Charts, pilih Charts lain, dan pilih Doughnut.

3. Pilih setiap titik data dan klik Pemilihan Format untuk mengubah ll (Solid ll atau ada ll). Di bawah ini sudah dilakukan untuk seri Donut (4 titik data). Untuk seri Pie (3 titik data), mengubah mengisi ke No ll, hitam (sebagian kecil) dan ada ll. Pada tab Format, Anda dapat memilih seri Donut atau seri Pie. Gunakan dan tombol untuk memilih titik data.

4. Pilih seri Donut, klik Selection Format, dan mengubah sudut 270 derajat.

5. Pilih gra k, klik kanan, klik Format Bagan Lokasi dan mengubah ke No ll dan ada garis.

6. Hapus legenda. Hasil:

7. Pilih seri Pie dan mengubah jenis gra k untuk Pie. Perubahan Jenis bagan

8. Pilih seri Pie, klik pilihan Format, dan mengubah sudut 270 derajat dan plot seri pada sumbu sekunder. Hasil. Gra k Pie adalah tidak lebih dari sepotong transparan 75 poin, sepotong hitam 1 poin (jarum) dan sepotong transparan dari 124 poin.

9. Gunakan tombol spin untuk mengubah nilai di I3 sel dari 75 ke 76. The Pie grafi k perubahan sepotong transparan 76 poin, sepotong hitam 1 poin (jarum), dan sepotong transparan 200 - 1 - 76 = 123 poin. Rumus di I5 sel memastikan bahwa 3 iris jumlah hingga 200 poin.

3.3.2 Kode HTML

Saat ini tidak ada cara untuk menentukan judul grafik pengukur yang Anda bisa dengan Charts Google lainnya. Dalam contoh di atas, HTML sederhana digunakan untuk menampilkan judul. Juga, pilihan animation.startup tersedia untuk banyak Charts Google lainnya tidak tersedia untuk Chart Gauge. Jika Anda ingin animasi startup, menggambar gra fik awalnya dengan nilai diatur ke nol, dan kemudian menarik lagi dengan nilai yang Anda inginkan untuk menghidupkan ke. Format Data Setiap nilai numerik ditampilkan sebagai ukuran. Dua format data alternatif yang didukung:

1. Dua kolom. Kolom pertama harus berupa string, dan berisi label gauge. Kolom kedua harus berupa angka, dan mengandung nilai gauge.

2. Setiap jumlah kolom numerik. Label masing-masing alat ukur adalah label kolom.

3.3.3 Edraw Max

Edraw pembuat Gauge Chart dirancang untuk menghasilkan gaya dan profesional grafi k pengukur dari template. Bagi orang-orang yang sudah terbiasa dengan aplikasi Microsoft lainnya, seperti Word atau Excel, antarmuka akan cukup akrab. Cukup drag dan drop simbol, mengimpor data, menerapkan builtin tema yang dirancang, dan secara otomatis berbagi gra k mengukur selesai Anda ke dalam presentasi atau PDF hanya dengan satu kali klik. Untuk membuat gauge chart pada edraw lakukan langkah-langkah berikut ini :

1. Impor Data Dari File

Anda perlu mengikuti hanya beberapa langkah untuk menggambar gra k pengukur efektif dari Edraw. Hanya dengan menarik simbol pengukur built-in dari perpustakaan. Kemudian gunakan tombol cepat untuk memuat data dari leteks atau lembar Excel.

Grafik Indeks di atas menggunakan data sebagai berikut:

Caption, Nama, Nilai

Min Skala, Min, $ 100.000

Max Skala, Max, $ 300.000 Nilai saat ini, Volume Penjualan, $ 156.840

Zona Pertama, Basic, $ 150.000

Zona Kedua, Target, $ 200.000

Zona Ketiga, Membentang, $ 250.000

Zona Keempat, Sempurna

Untuk membuatnya semudah mungkin untuk membuat bagan pertama Anda, mengubah data dan menyimpannya ke le teks. Kemudian gunakan salah satu simbol pengukur gra k dalam perangkat lunak untuk memuat data.

CATATAN: Dalam sumber data, kolom kedua dan ketiga adalah data pengguna.

Anda tidak perlu untuk memasukkan nilai kisaran terakhir karena selalu sama

dengan nilai skala Max.

2. Mengedit Bentuk data

Cara kedua untuk mengatur ukuran data yang memasukkan data melalui menu mengambang. Dengan mengklik Set Item Gauge Data dalam menu mengambang, Anda dapat input Min Skala, Max Skala, Nilai sekarang, dan Anda dapat juga mengatur presisi, unit dan jumlah skala.

Klik Set Rentang Nomor untuk menetapkan jumlah jangkauan. Klik Set Rentang data untuk menetapkan setiap nilai kisaran.

3. Memodifikasi Style

Untuk mengubah warna dan lisensi, Anda dapat mengklik untuk memilih subshapes di chart gauge. Kemudian gunakan menu untuk mengatur.

4. Ekspor Gauge Bagan

Edraw kompatibel dengan kantor MS, mudah untuk berbagi dengan format gra s, le PDF, word, PowerPoint, dokumen Excel dan banyak lagi. Buka menu File, lalu klik item ekspor.

Langkah-langkah untuk Membuat Contoh Gauge Bagan :

Berikut adalah pengguna yang ingin menggambar alat pengukur gra k yang kisaran $ 0-30K harus di RED, yang 30-70K harus ORANGE, dan berbagai 70-200K harus di GREEN. Ketika Melihat ini dalam jumlah penjualan, jika karyawan telah memesan $ 75.000 dari $ 200.000 dollar, mereka berada di jalur yang benar dan jumlah mereka akan Green. Namun, ia mencoba banyak waktu tetapi gagal. Aku bertaruh bahwa Anda dapat memenuhi masalah yang sama, jadi kami akan menunjukkan cara untuk mencapai hasil yang diinginkan..

1. Klik ganda pilihan "pengukur data", mengatur max skala "200", saat ini nilai "75", Unit "K".

2. Menunjukkan legenda di bagian bawah, dan pilih $ 0-30K tombol range di legenda, dan klik warna bar cepat pada bagian bawah halaman gambar untuk mengubah warna jangkauan. Ulangi langkah untuk mengubah sisa dua warna jangkauan.

Pengukur grafik yang memenuhi persyaratan pengguna harus sebagai berikut:

BAB 2 KONSEP

Nama : Rian Yunanto
NPM : 59414226

2.1 Gantt Chart

2.1.1 Pengertian Gantt Chart
Gantt Chart adalah sejenis grafik batang (Bar Chart) yang digunakan untuk menunjukan tugas-tugas pada proyek serta jadwal dan waktu pelaksanaannya, seperti waktu dimulainya tugas tersebut dan juga batas waktu yang digunakan untuk menyelesaikan tugas yang bersangkutan. Orang atau Departemen yang ditugaskan untuk menyelesaikan tugas dalam proyek juga harus dituliskan dalam Gantt Chart.
Beberapa sebutan lain untuk Gantt Chart diantaranya adalah Milestones Chart, Project Bar Chart dan juga activity chart. Gantt Chart yang dikembangkan oleh Henry Laurence Gantt pada tahun 1910 ini pada dasarnya adalah suatu gambaran atas perencanan, penjadwalan dan pemantauan (monitoring) kemajuan setiap kegiatan atau aktivitas pada suatu proyek.
GanttChart merupakan salah satu alat yang sangat bermanfaat dalam merencanakan penjadwalan dan memantau kegiatan pada suatu proyek, mengkomunikasikan kegiatan-kegiatan yang harus dilaksanakan dan juga status pelaksanaannya. Dalam Gantt Chart juga dapat dilihat urutan kegiatan ataupun tugas yang harus dilakukan berdasarkan prioritas waktu yang ditentukan. Berikut ini gambar yang mengilustrasian salah satu bentuk sederhana gantt chart.

2.1.2 Karakteristik Gantt Chart

• Gantt chart secara luas dikenal sebagai alat fundamental dan mudah diterapkan oleh para manajer proyek untuk memungkinkan seseorang melihat dengan mudah waktu dimulai dan selesainya tugas-tugas dan sub- sub tugas dari proyek.
• ˆSemakin banyak tugas-tugas dalam proyek dan semkin penting urutan antara tugas-tugas maka semakin besar kecenderungan dan keinginan untuk memodi kasi gantt chart.
• ˆGantt chart membantu menjawab pertanyaan-pertanyaan what if saat melihat kesempatan-kesempatan untuk membuat perubahan terlebih dahulu terhadap kebutuhan.

2.1.3 Keuntungan menggunakan Gantt Chart

• ˆSederhana, mudah dibuat dan dipahami, sehingga sangat bermanfaat sebagai alat komunikasi dalam penyelenggaraan proyek. Gantt Chart sangat mudah dipahami, balok horizontal (horizontal bar) dibuat pada tiap kegiatan proyek sepanjang garis waktu.
• ˆGantt chart digunakan untuk penjadwalan sederhana atau proyek-proyek yang kegiatannya tidak terlalu berkaitan atau proyek kecil, sedangkan network untuk penjadwalan proyek yang rumit.
• Gantt Chart juga dapat digunakan untuk penjadwalan operasi yang berulang.
• Dapat menggambarkan jadwal suatu kegiatan dan kenyataan kemajuan sesungguhnya pada saat pelaporan
• Bila digabungkan dengan metoda lain dapat dipakai pada saat pelaporan

2.1.4 Kelemahan Gantt Chart

• ˆTidak menunjukkan secara spesifik hubungan ketergantungan antara satu kegiatan dan kegiatan yang lain, sehingga sulit untuk mengetahui dampak yang diakibatkan oleh keterlambatan satu kegiatan terhadap jadwal keseluruhan proyek.
• ˆSulit mengadakan penyesuaian atau perbaikan/pembaharuan bila diperlukan, karena pada umumnya ini berarti membuat bagan balok baru.
• ˆGantt chart tidak bisa secara eksplisit menunjukkan keterkaitan antara aktivitas dan bagaimana satu aktivitas berakibat pada aktivitas lain bila waktunya terlambat atau dipercepat, sehingga perlu dilakukan modi kasi terhadap Gantt chart.

2.2 Donut Chart

2.2.1 Pengertian Donut Chart

Donut Chart berbentuk grafik lingkaran, grafik donat menunjukkan hubungan dari suatu bagian dengan keseluruhan data, tetapi dapat berisi lebih dari satu rangkaian data. Penyajian data berbentuk Donut Charts biasanya digunakan untuk mengetahui perbandingan suatu data terhadap keseluruhan data. Misalnya kita ingin mengetuhi rasio jenis kelamin dalam suatu kelompok, prosentase suara partai pada pemilihan umum, komposisi profesi di sebuah tempat dan sebagainya.

Sebuah donut chart pada dasarnya adalah sebuah Pie chart dengan luas pusat dipotong. Namun, Donut Charts memiliki sedikit keuntungan atas Pie Charts, yang kadang-kadang dikritik karena berfokus pada ukuran relatif dari buah untuk satu sama lain dan gra k secara keseluruhan, tidak memberikan indikasi perubahan secara keseluruhan bila dibandingkan dengan Charts lainnya Pie.  Sebuah bagan donut sebagian membahas masalah ini dengan menekankan penggunaan daerah, untuk membuat penonton lebih fokus pada perubahan nilai keseluruhan. 

Anda berfokus pada membaca panjang busur, kemudian membandingkan proporsi antara irisan. Donut Charts juga dapat mengambil ruang pie chart dengan memiliki pusat-pusat mereka digunakan untuk menampilkan informasi dalam pusat kosong mereka. Berikut ini gambar yang mengilustrasian salah satu bentuk sederhana donut chart.Gambar dibawah adalah contoh dari Donut Chart

Bagian dari grafik donat harus diberi label karena sudut yang sulit untuk menilai. Dan, karena itu bisa sangat sulit untuk membandingkan bagian yang berbeda dari bagan donat, seperti dengan pie chart, donat chart yang terbaik digunakan untuk membandingkan ukuran sepotong tertentu dengan keseluruhan, bukan membandingkan masing-masing bagian dari gra k donat dengan satu sama lain. Untuk membandingkan berbagai kategori data terhadap kategori lainnya, bar chart mungkin lebih tepat. Donut chart mendukung satu atau lebih cincin yang mengelilingi pusat berongga atau kosong. pusat dapat berupa "lingkaran kosong" atau mungkin berisi label. pusat tidak biasanya mewakili data. Setiap cincin dapat baik mewakili serangkaian data yang terpisah yang Anda data mengikat ke sumber data melalui opsi Produk Sumber pada setiap cincin Lihat Contoh.

Dikonfigurasi Inti Radius Jari-jari dalam pusat Bagan Doughnut dikonfigurasi, memungkinkan Anda untuk memilih pusat sebagai objek dan memperpanjang batas atau mengatur radius bagian dalam melalui pengaturan properti. 

Lihat Contoh.

Slice / Bagian Pelabelan

Mengontrol bagaimana setiap irisan atau bagian dari Chart Doughnut diberi label. Pilihan yang tersedia untuk secara otomatis memilih bagaimana label akan ditampilkan dalam atau di luar grafik, termasuk:

• Tidak ada label
• Label ditampilkan di pusat dalam setiap bagian / slide
• Label ditampilkan di luar dari setiap bagian / slice, dengan Luas jarak dikongurasi Label
• Sebuah metode paling cocok yang secara otomatis memilih apakah setiap label harus ditampilkan dalam  atau di luar grafik.

Lihat Contoh

Sepotong Seleksi & eksplosi

Memungkinkan pengguna untuk memilih irisan dan mengubah warna iris yang dipilih. irisan eksplosi terputus dan ditarik pada jarak dari titik asal. Jarak ini dikendalikan melalui properti dikon gurasi. Irisan dapat dipilih atau eksplosi baik pemrograman atau menggunakan sentuhan dan gerakan mouse.

Lihat Contoh:

"Lainnya" Kategori Data yang mendasari untuk Bagan Doughnut sering dapat berisi item nilai kecil, terlalu banyak untuk menampilkan secara signi kan melalui irisan yang terpisah. Untuk acara-acara seperti itu, "Lainnya" kategori memungkinkan untuk agregasi otomatis beberapa nilai data ke satu irisan. Anda dapat mengatur ambang batas untuk menunjuk yang menghargai mendapatkan sepotong mereka sendiri dan yang menghargai akan mendapatkan digulung di bawah 'Lainnya'.

Lihat Contoh

Styling & Tema

Menyesuaikan dan gaya yang Doughnut Bagan untuk desain aplikasi Anda dan merek Anda. sifat sederhana yang terkena dengan mudah gaya garis dan sikat mengisi warna iris, memungkinkan Anda untuk menggunakan warna yang solid serta gradien. Atau, Anda dapat menggunakan tema grafik untuk memberikan grafik donat dan grafik lainnya tampilan yang konsisten dan warna terkoordinasi dan merasa. Cukup mengatur properti tema untuk salah satu tema yang telah ditentukan atau membuat sendiri.

Doughnut grafik display data dalam cincin, di mana masing-masing cincin merupakan seri data. Doughnut grafik secara fungsional identik dengan diagram lingkaran, satu-satunya perbedaan adalah bahwa ia memiliki lubang di tengah. Doughnut grafik, juga disebut donat grafik, yang terbaik digunakan untuk membandingkan ukuran sepotong tertentu dengan keseluruhan, bukan membandingkan masing-masing bagian dari grafik donat dengan satu sama lain. Doughnut grafik sangat banyak digunakan dalam dunia bisnis dan media massa.

2.2.2 Sejarah Singkat Bagan Doughnut

Seperti yang kita tahu bahwa awal pie chart dikenal biasanya dikreditkan ke William Playfair statistik Brevir dari 1801. Seiring berjalannya waktu, orang menemukan bahwa tipe khusus dari pie chart grafik donat.  Doughnut grafik memberikan rasio intensitas data yang lebih baik untuk diagram lingkaran standar karena pusat kosong dapat digunakan untuk menampilkan tambahan, data yang terkait seperti yang ditunjukkan dalam contoh

2.2.3 Penerapan Doughnut Bagan

Dengan pembuat grafik donat Anda dapat dengan cepat mengubah data Anda ke dalam grafik donat, dan kemudian menggunakan alat tombol mengambang untuk membuat grafik donat lebih mudah dibaca. Misalnya, dengan menambahkan kotak legenda, label data, dan teks yang menunjukkan apa yang masingmasingcincin dari grafik donat mewakili, Anda dapat dengan cepat memahamibdata yang diplot pada grafik. Ada sesuatu yang harus memperhatikan ketika menggunakan grafik donat. Ini harus jelas apa jumlah dari grafik donat singkatan. Semua potongan harus menambahkan hingga 100%. Harus ada kurang dari tujuh kategori atau bagian. Bagian dari grafik donat harus diberi label karena sudut yang sulit untuk menilai. Doughnut gra k biasanya digunakan untuk menunjukkan persentase atau data proporsional dan biasanya persentase

diwakili oleh masing-masing kategori disediakan di sebelah sesuai sepotong donat.

Doughnut grafik menampilkan data setiap sel sebagai sepotong donat. grafik mungkin berisi satu atau lebih donat, disusun satu di dalam yang lain. Doughnut grafik membiarkan Anda menunjukkan hubungan bagian-bagian dari beberapa set data ke keseluruhan. Setiap donat menunjukkan serangkaian data. Iris dengan warna yang sama termasuk dalam kategori yang sama. Catatan bahwa ini adalah kebalikan dari cara Formula Satu untuk Java menafsirkan seri dan kategori data yang paling grafik. Ini berarti bahwa donat grafik legenda menunjukkan kategori label, bukan label seri. Formula Satu untuk Java menentukan urutan donat dengan menambahkan nilai total titik data di setiap donat. Donat dengan total terbesar terjadi di luar, dengan donat semakin kecil bersarang di dalam yang terbesar, di urutan nilai mereka. Formula Satu untuk Java menampilkan irisan donat searah jarum jam dalam urutan yang sama seperti yang muncul dalam sumber data grafik ini Ukuran lubang yang Doughnut ini. Secara default, lebar lubang di tengah donat adalah setengah lebar dari donat

terbesar. Anda dapat mengubah ukuran lubang donat dengan memasukkan persentase dari total donat lebar

Mengubah Start Angle dari Slices

Formula Satu untuk Java menampilkan irisan donat searah jarum jam dalam urutan yang sama seperti yang muncul dalam sumber data gra k ini. Secara default, tepi potongan pertama dimulai pada 0 °, atau posisi jam 12. Anda dapat mengubah posisi yang tepi mulai. Semua donat pada gra k harus memiliki posisi awal yang sama.

Sudut awal dinyatakan dalam derajat, di mana 180 ° adalah posisi jam 6.

Meledakan irisan

Anda dapat menampilkan irisan donat berdekatan satu sama lain, seperti yang ditunjukkan pada contoh sebelumnya, atau Anda dapat menampilkan donat seakan dipotong-potong, dengan irisan yang ditarik terpisah. Ini disebut meledakirisan. Anda dapat melakukan hal ini untuk satu atau semua donat pada tabel.

Seperti yang Anda lihat dalam contoh ini, meledak irisan donat lebih kecil dari iris yang belum meledak. Mereka menyusut karena di luar lingkar donat harus tetap dengan ukuran yang sama untuk memastikan bahwa itu cocok pada plot grafik.

2.2.4 Catatan Khusus Tentang Charts Doughnut

Donat pelabelan. Sementara Formula Satu untuk Jawa tidak memiliki opsi otomatis untuk label setiap donat, Anda dapat membuat label data untuk sepotongvdonat, mengeditnya untuk menampilkan nama yang Anda inginkan, kemudian tarik ke posisi baru pada donat. Anda harus mencoba untuk membuat jelas bahwa label berlaku untuk seluruh donat. Kotak centang Gunakan Pembobotan. Sementara kotak centang ini tersedia dalam bingkai Pie / Doughnut dari tab Options dialog Format Plot, itu tidak berpengaruh pada gra k donat. Pilihan warna berbeda. Pada tab Options dialog Plot, pilihan Warna berbeda secara otomatis dipilih untuk gra k donat. Hal ini membuat setiap irisan dari donat warna yang berbeda. Jika Anda hapus centang Vary Warna kotak centang, masing-masing donat akan muncul sebagai warna solid yang berbeda, dengan irisan yang ditandai dengan garis.

Donuts memiliki dua subtipe: standar dan meledak. (An donat meledak tidak menyarankan camilan bersalah yang bertemu dengan seorang kematian sebelum waktunya. Sebaliknya, itu adalah gra k donat di mana potongan-potongan di ring paling atas yang sedikit terpisah.) Meskipun gra k donat dapat menyimpan banyak seri yang Anda inginkan, jika Anda menambahkan lebih dari dua atau tiga, gra k mungkin muncul terlalu rumit. Tidak peduli apa yang Anda lakukan, pusat donat tidak pernah akan diisi (kecuali jika Anda memutuskan untuk menambahkan beberapa teks di sana menggunakan alat gambar Excel.

Gambar di bawah adalah Bentuk-bentuk pada Donut Chart

Donut grafik secara fungsional identik dengan pie chart, juga memiliki satu-seri dan versi multi-seri, satu-satunya perbedaan adalah bahwa ia memiliki lubang di tengah.

Gradient Donut grafik adalah donat grafik yang berubah warna secara bertahap untuk visual menampilkan data.

Persentase donat berarti membagi lingkaran menjadi 100 bagian persentase dan kemudian mengalokasikan jumlah bagian persentase diperlukan untuk setiap item.

2.3 Gauge Chart

2.3.1 Pengertian Gauge Chart

Grafik Gauge berguna untuk membandingkan nilai antara sejumlah kecil variabel baik dengan menggunakan beberapa jarum pada alat ukur yang sama atau dengan menggunakan beberapa alat pengukur. Sebuah gauge adalah grafik yang sangat umum digunakan dalam dashboard informasi dan Anda dapat menggunakan alat ukur ketika Anda ingin menunjukkan nilai tunggal dalam skala tertentu. Grafik ini biasanya menunjukkan indikator kunci dalam rentang nilai, menggunakan kode warna semaphoric (misalnya: hijau, kuning, merah).

Grafik Gauge memungkinkan kita untuk memvisualisasikan data dengan cara yang menyerupai jarum speedometer kehidupan nyata atau pengukur biasa. Mereka biasanya menampilkan ukuran kunci tunggal. Skala luar dari alat pengukur sering kode warna untuk memberikan konteks kinerja tambahan.Gambar di bawah menunjukkan beberapa contoh alat pengukur grafik linear.

2.3.2 Simbol pada Gauge Chart

Gauge template memiliki banyak bentuk khusus, alat ukur melingkar, linear mengukur-proses, linear mengukurslider, linear vertikal, dll akan menjadi nyamandan mudah bagi Anda untuk menggambar diagram alat pengukur dengan bentuk-bentuk ini.

Grafik Gauge bentuk pengukur melingkar, linear mengukur-proses, linear mengukurslider dan linear vertikal tersedia. Selain itu, banyak dari latar belakang yang indah disediakan untuk membuat diagram Anda terlihat lebih menarik. Gauge melingkar adalah komponen yang digunakan untuk menampilkan nilainilai elemen pada skala melingkar. Gauge linier adalah komponen yang mewakili unsur-unsur visual pada skala linear. Anda dapat menggunakan kontrol ini dalam aplikasi yang berbeda untuk membuat termometer dan indikator.

BAB 1 PENDAHULUAN

Nama : Rian Yunanto
NPM  : 59414226

1.1 Latar Belakang

Pada era modern ini dengan jumlah pengusaha yang semakin banyak tidak
sedikit peruhaan-perusahaan yang mulai mengembangkan cabangnya di seluruh
penjuru negeri. Karena begitu banyaknya pengembangan yang di lakukan maka
persaingan antara perusahaan- perusahaan besar maupun kecil semakin ketat .
ketatnya persaingan ini mengakibatkan beberapa perusahaan harus melakukan
perombakan atau pemaksimalan hasil industri mereka agar mereka tidak kehilangan
pasar ataupun konsumen mereka. Peningkatan mutu di berbagai bidang
kerap di laksanakan oleh beberapa perusahaan misalnya SDM dan mutu barang.

Untuk mencapai perkembangan atau perombakan system dan lain lain secara
maksimal ada beberapa cara yang dapat diterapkan seperti pemaksimalan waktu
kerja, merubah susunan system ataupun membuat system yang baru . Diperlukan
adanya visualisasi untuk mencapai perkembangan atau perombakan system.

Visualisasi adalah konversi data ke dalam format visual atau tabel sehingga
karakteristik dari data dan relasi diantara item data atau atribut dapat di analisis
atau dilaporkan. Visualisasi data adalah satu dari yang teknik paling baik
dan menarik untuk eksplorasi data.

Manusia memiliki kemampuan membangun yang baik untuk menganalisis sejumlah
besar informasi yang dipresentasi secara visual. Ia dapat mendeteksi
pola umum dan trend, dan pola yang tidak umum. Disini kami selaku penulis
ingin menjelaskan tentang beberapa cara untuk mempermudah perkembangan
tersebut, diantaranya adalah gantt chart, gauge chart,dan donut chart.

Pengertian Web Science – Softskill

Pengertian Web Science

Web science, sebelum mengenal lebih jauh mengenai web science alangkah lebih baik apabila kita mengerti dan memahami apa itu arti dari web. Web adalah sebuah dunia virtual dimana di dalamnya terdapat beragam informasi ataupun referensi yang dapat berupa tulisan, gambar, audio maupun video. Dengan adanya web kini mencari informasi atau referensi apapun dapat dilakukan dengan mudah hanya dengan memasukkan kata kunci pencarian dan kita akan mendapatkan informasi yang kita perlukan secara cepat tanpa memakan waktu yang lama.

Science berarti pengetahuan atau ilmu pengetahuan. Jadi Web Science dapat diartikan sebagai suatu ilmu yang mempelajari bagaimana cara meningkatkan pemanfaatan penggunaan Web dalam kehidupan sehari-hari untuk meningkatkan efektifitas dan efisiensi waktu dalam kehidupan.

Web yang berarti jaringan atau suatu sistem di internet yang memungkinkan siapapun agar bisa menyediakan atau menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink). Dengan menggunakan teknologi tersebut, informasi dapat diakses selama 24 jam dalam satu hari dan dikelola oleh mesin.

Sedangkan Science berarti ilmu pengetahuan atau kumpulan pengetahuan yang benar, mempunyai obyek dan tujuan, disusun secara sistematik, berkembang dengan metode ilmiah,dan berlaku universal dan dapat diuji kebenarannya (diverifikasi).

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. Web Science yang dalam bahasa Indonesia berarti jaringan pengetahuan atau dapat diartikan bahwa suatu web yang menyediakan berbagai ilmu pengetahuan didalamnya dan menjadikan wadah / tempat terdapatnya ilmu pengetahuan tersebut. Web science juga dapat melakukan penelitian lintas disiplin dan menjelajah ke berbagai bidang yang sangat khusus di dalam disiplin ilmu.Dalam definisi di jelasakan bahwa web science dapat menyediakan berbagai ilmu pengetahuan, tentunya dalam ilmu pengetahuan terdapat berbagai macam kegunaan diantaranya adalah sebagai berikut :

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

Perkembangan selanjutnya dari konsep Berners-Lee ini melahirkan Mosaic, sebuah web browser grafis yang pertama. Web memiliki banyak kemungkinan hubungan antar dokumen tanpa awal dan akhir.

Dalam situs web biasanya ditempatkan pada server web. Sebuah server web umumnya telah dilengkapi dengan perangkat-perangkat lunak khusus untuk menangani pengaturan nama ranah, serta menangani layanan atas protokol HTTP yang disebut sebagai Server HTTP (bahasa Inggris: HTTP Server) seperti Apache HTTP Server, atau Internet Information Services (IIS).

Sejarah Web Science

Setelah mengerti dan memahai pengertian dari Web Science makan berikut adalah penjelasan dari sejarah Web Science . Web Science didirikan pada tahun 2006 dengan nama Web Science Research Initiative (WSRI). Web Sicence ini awalnya adalah hasil dari Memorandum of Understanding antara MIT CSAIL dan University of Southampton, ECS. Ambisinya adalah mengkoordinasi dan mendukung sentralisasi pembelajaran World Wide Web. Sejak pertama kali diluncurkan, konsep Web Science sudah menyebar secara meluas dan mengukuhkan diri sebagai area aktifitas yang penting.

Dalam perkembanganya web science terbagi menjadi dua kategori yaitu pre-web dan web, berikut adalah penjelasan dari masing-masing kategori tersebut:

A. Pre-Web, adalah genereasi dengan jenis seperti Memex, Hypertext, Internet, usenet, ftp, gopher.

    Jenis-jenis diatas masuk dalam kategori pre-web, berikut adalah penjelasan untuk masing-masing jenis tersebu:

1.  Memex

Sejarah

Vannevar Bush (11 Maret, 8190 – 30 Juni, 1974 adalah seorang insinyur dan ilmuwan berkebangsaan Amerika yang dikenal karena pencapaiannya pada bidang kompetisi analog, peran politiknya pada pengembangan bom atom, dan idenya tentang Memex, yang dipandang sebagai konsep awal yang mendasari munculnya teknologi World Wide Web. Memex (singkatan dari “memory extender”) , adalah nama yang diberikan oleh Vannevar Bush untuk sebuah mesin teoretis yang ia usulkan dalam artikelnya As We May Think, yang dimuat pada tahun 1945 pada The Atlantic Monthly. Memex disebut-sebut sebagai pionir dari teknologi hiperteks yang saat ini telah ada.

Vanner Bush memang tidak terlibat langsung dalam pengembangan internet, namun banyak yang mempertimbangkan kalau beliau disebut dengan God Father World Wide Web. Beliau membuat sebuah referensi esai hingga tahun 1945 dengan judul AS WE MY THINK, dalam artikelnya Bush menggambarkan sebuah mesin teoritis yang disebut MEMEX, untuk meningkatkan memori manusia dengan memungkinkan pengguna dapat mengambil dan menyimpan dokumen dalam sebuah Asosiasi. Asosiatif tersebut sangat berhubungan dan mirip dengan yang dikenal saat ini ysitu hypertext.

Pengertian

Memex (singkatan dari “memory extender”) , adalah nama yang diberikan oleh Vannevar Bush untuk sebuah mesin teoretis yang ia usulkan dalam artikelnya As We May Think, yang dimuat pada tahun 1945 pada The Atlantic Monthly. Memex disebut-sebut sebagai pionir dari teknologi hiperteks yang muncul kemudian.

As We May Think adalah sebuah esai yang ditulis oleh Vannevar Bush, dan pertama kali dipublikasikan pada The Atlantic Monthly pada bulan  Juli 1945 Dalam artikel tersebut Bush melemparkan pendapatnya bahwa seiring selesainya perang (PD 2), usaha-usaha para ilmuwan harus digeser dari yang tadinya meningkatkan kemampuan fisik (untuk perang), ke arah usaha-usaha yang dapat memudahkan akses terhadap seluruh pengetahuan yang didapat manusia.

Memex memanfaatkan teknologi microfilm sebagai media penyimpanan. Secara fisik Memex dideskripsikan terdiri atas sebuah meja yang dilengkapi dengan layar, keyboard, tombol dan pengungkit (lever) serta tempat penyimpanan microfilm. Informasi yang tersimpan dalam microfilm dapat diakses dengan cepat dan ditampilkan melalui layar yang disediakan. Sebagaimana otak manusia membentuk memori melalui asosiasi neuron, pengguna dapat menghubungkan dokumen-dokumen yang tersimpan pada Memex. Bush menyebut konsep ini sebagai “associative trails”, setiap trail nantinya dapat dilengkapi dengan komentar tambahan untuk memperjelas hubungan antar dokumen yang dihubungkan. Untuk melengkapi idenya, Bush memberikan ilustrasi berupa skenario pengguna yang ingin mempelajari busur dan anak panah, yang pada akhirnya menelusuri dokumen hingga sampai kepada dokumen yang membahas tingkat elastisitas material dan kaitannya dengan kemampuan busur melecutkan anak panah.

2. Hypertext

Sejarah

Merupakan salah satu varian dari SGML (Standard Generalized Markup Language), yaitu sebuah standar dari ISO (International Organization for Standarization) untuk pertukaran dokumen secara elektronik. HTML sendiri secara formal diumumkan sebagai RFC 1866. Yang dipergunakan dalam pertukaran dokumen melalui protokol HTTP. Tata penulisan yang digunakan dalam dokumen Web. Dokumen ini, akan dieksekusi oleh browser, sehingga browser mampu menghasilkan suatu dokumen sesuai dengan keinginan yang mendesain page.

Pengertian

Hypertext adalah suatu paradigma ( cara atau pola ) antarmuka untuk menampilkan dokemen, yaitu dapat bercabang ke dokumen lain, menurut definisi awal hypertext berarti “ branch or perform on request” yang artinya bercabang atau melaksanakan saat diminta. Yang paling banyak digunakan dalam dunia komputer adalah penelusuran antar dokumen yang disebut hyperlink.

Pengguna di internet atau di intranet dapat membuat halaman web dan antara halaman web yang satu dengan yang dapat terjadi link, hal ini dapat terjadi bila menggunakan Hypertext Transfer Protocol (HTTP). Setiap halaman web, termasuk home page untuk web site, memiliki alamat yang unik yang dikenal dengan Uniform Resource Locator (URL).

Halaman web adalah hypertext document (file yang memiliki format Hypertext Markup Language (HTML)) yang memiliki hyperlink.

3. Internet

Sejarah

Pada 1969 ketika Departemen Pertahanan Amerika, U.S. Defense Advanced Research Projects Agency (DARPA) memutuskan untuk mengadakan riset tentang bagaimana caranya menghubungkan sejumlah komputer sehingga membentuk jaringan organik. Program riset ini dikenal dengan nama ARPANET. Pada 1970, sudah lebih dari 10 komputer yang berhasil dihubungkan satu sama lain sehingga mereka bisa saling berkomunikasi dan membentuk sebuah jaringan.

Tahun 1972, Roy Tomlinson berhasil menyempurnakan program e-mail yang ia ciptakan setahun yang lalu untuk ARPANET. Program e-mail ini begitu mudah sehingga langsung menjadi populer. Pada tahun yang sama, icon @juga diperkenalkan sebagai lambang penting yang menunjukkan “at” atau “pada”. Tahun 1973, jaringan komputer ARPANET mulai dikembangkan ke luar Amerika Serikat. Komputer University College di London merupakan komputer pertama yang ada di luar Amerika yang menjadi anggota jaringan Arpanet. Pada tahun yang sama, dua orang ahli komputer yakni Vinton Cerf dan Bob Kahn mempresentasikan sebuah gagasan yang lebih besar, yang menjadi cikal bakal pemikiran internet. Ide ini dipresentasikan untuk pertama kalinya di Universitas Sussex.

Hari bersejarah berikutnya adalah tanggal 26 Maret 1976, ketika Ratu Inggris berhasil mengirimkan e-mail dari Royal Signals and Radar Establishment di Malvern. Setahun kemudian, sudah lebih dari 100 komputer yang bergabung di ARPANET membentuk sebuah jaringan atau network. Pada 1979, Tom Truscott, Jim Ellis dan Steve Bellovin, menciptakan newsgroups pertama yang diberi nama USENET. Tahun 1981 France Telecom menciptakan gebrakan dengan meluncurkan telpon televisi pertama, dimana orang bisa saling menelpon sambil berhubungan dengan video link.

Karena komputer yang membentuk jaringan semakin hari semakin banyak, maka dibutuhkan sebuah protokol resmi yang diakui oleh semua jaringan. Pada tahun 1982 dibentuk Transmission Control Protocol atau TCP dan Internet Protokol atau IP yang kita kenal semua. Sementara itu di Eropa muncul jaringan komputer tandingan yang dikenal dengan Eunet, yang menyediakan jasa jaringan komputer di negara-negara Belanda, Inggris, Denmark dan Swedia. Jaringan Eunet menyediakan jasa e-mail dan newsgroup USENET.

Untuk menyeragamkan alamat di jaringan komputer yang ada, maka pada tahun 1984 diperkenalkan sistem nama domain, yang kini kita kenal dengan DNS atau Domain Name System. Komputer yang tersambung dengan jaringan yang ada sudah melebihi 1000 komputer lebih. Pada 1987 jumlah komputer yang tersambung ke jaringan melonjak 10 kali lipat menjadi 10.000 lebih.

Tahun 1988, Jarko Oikarinen dari Finland menemukan dan sekaligus memperkenalkan IRC atau Internet Relay Chat. Setahun kemudian, jumlah komputer yang saling berhubungan kembali melonjak 10 kali lipat dalam setahun. Tak kurang dari 100.000 komputer kini membentuk sebuah jaringan. Tahun 1990 adalah tahun yang paling bersejarah, ketika Tim Berners Lee menemukan program editor dan browser yang bisa menjelajah antara satu komputer dengan komputer yang lainnya, yang membentuk jaringan itu. Program inilah yang disebut www, atau Worl Wide Web.

Tahun 1992, komputer yang saling tersambung membentuk jaringan sudah melampaui sejuta komputer, dan di tahun yang sama muncul istilah surfing the internet. Tahun 1994, situs internet telah tumbuh menjadi 3000 alamat halaman, dan untuk pertama kalinya virtual-shopping atau e-retail muncul di internet. Dunia langsung berubah. Di tahun yang sama Yahoo! didirikan, yang juga sekaligus kelahiran Netscape Navigator 1.0.

Pengertian

Internet merupakan (kependekan dari interconnection-networking) secara harfiah adalah sistem global dari seluruh jaringan komputer yang saling terhubung menggunakan standar Internet Protocol Suite (TCP/IP) untuk melayani miliaran pengguna di seluruh dunia. Manakala Internet (huruf ‘I’ besar) ialah sistem komputer umum, yang berhubung secara global dan menggunakan TCP/IP sebagai protokol pertukaran paket (packet switching communication protocol). Rangkaian internet yang terbesar dinamakan Internet. Cara menghubungkan rangkaian dengan kaedah ini dinamakan internetworking.

4. USENET 

Singkatan dari user network, merupakan salah satu jaringan tertua yang dilayani oleh internet. Awalnya didesain pada Duke University ditahun 1979 dan dikembangkan  pada Duke University dan North Carolia University setahun kemudian, tujuan utama dari USENET adalah untuk bertukar pesan teks (text message) di antara node (komputer yang terhubung pada jaringan). USENET telah tumbuh untuk mencakup berbagai macam forum dan juga newsgroup, dalam jumlah puluhan ribu node yang terhubung.

5. FTP

Protokol pengiriman berkas (Bahasa inggris: File Transfer Protocol) adalah sebuah protokol Internet yang berjalan di dalam lapisan aplikasi yang merupakan standar untuk pengiriman berkas (file) komputer antar mesin-mesin dalam sebuah Antarjaringan.

FTP merupakan salah satu protokol Internet yang paling awal dikembangkan, dan masih digunakan hingga saat ini untuk melakukan pengunduhan (download) dan penggugahan (upload) berkas-berkas komputer antara klien FTP dan server FTP. Sebuah Klien FTP merupakan aplikasi yang dapat mengeluarkan perintah-perintah FTP ke sebuah server FTP, sementara server FTP adalah sebuah Windows Service atau daemon yang berjalan di atas sebuah komputer yang merespons perintah-perintah dari sebuah klien FTP. Perintah-perintah FTP dapat digunakan untuk mengubah direktori, mengubah modus pengiriman antara biner dan ASCII, menggugah berkas komputer ke server FTP, serta mengunduh berkas dari server FTP.

6. Gopher

Merupakan protokol layer aplikasi TCP/IP yang dirancang untuk distribusi, pencarian, dan pengambilan dokumen melalui Internet. Sangat berorientasi pada desain dokumen menu, protokol Gopher disajikan menarik untuk alternatif World Wide Web pada tahap awalnya, tapi akhirnya gagal mencapai popularitas.

B. Web 1.0, Web 2.0, Web 3.0, Web 4.0

1. Web 1.0

Merupakan teknologi Web generasi pertama yang merupakan revolusi baru di dunia Internet karena telah mengubah cara kerja dunia industri dan media. Pada dasarnya, Website yang dibangun pada generasi pertama ini secara umum dikembangkan untuk pengaksesan informasi dan memiliki sifat yang sedikit interaktif. Berbagai Website seperti situs berita “cnn.com” atau situs belanja “Bhinneka.com” dapat dikategorikan ke dalam jenis ini.

2. Web 2.0

Web 2.0 pertama kali diperkenalkan oleh O’Reilly Media pada tahun 2004 sebagai teknologi Web generasi kedua yang mengedepankan kolaborasi dan sharing informasi secara online. Menurut Tim O’Reilly, Web 2.0 dapat didefinisikan sebagai berikut: “Web 2.0 adalah revolusi bisnis di industri komputer yang disebabkan oleh penggunaan internet sebagai platform, dan merupakan suatu percobaan untuk memahami berbagai aturan untuk mencapai keberhasilan pada platform baru tersebut. Salah satu aturan terutama adalah: Membangun aplikasi yang mengeksploitasi efek jaringan untuk mendapatkan lebih banyak lagi pengguna aplikasi tersebut” Berbagai layanan berbasis web seperti jejaring sosial, wiki dan folksonomies (misalnya: “flickr.com”, “del.icio.us”) merupakan teknologi Web 2.0 yang menambah interaktifitas di antara para pengguna Web.

3. Web 3.0 / Semantic Web

Walaupun masih dalam perdebatan di kalangan analis dan peneliti, istilah Web 3.0 tetap berpotensi menjadi generasi teknologi di dunia Internet. Saat ini, definisi untuk Web 3.0 sangat beragam mulai dari pengaksesan broadband secara mobile sampai kepada layanan Web berisikan perangkat lunak bersifat on-demand [Joh07]. Namun, menurut John Markoff, Web 3.0 adalah sekumpulan teknologi yang menawarkan cara baru yang efisien dalam membantu komputer mengorganisasi dan menarik kesimpulan dari data online. Berdasarkan definisi yang dikemukakan tersebut, maka pada dasarnya Semantic Web memiliki tujuan yang sama karena Semantic Web memiliki isi Web yang tidak dapat hanya diekpresikan di dalam bahasa alami yang dimengerti manusia, tetapi juga di dalam bentuk yang dapat dimengerti, diinterpretasi dan digunakan oleh perangkat lunak (software agents). Melalui Semantic Web inilah, berbagai perangkat lunak akan mampu mencari, membagi, dan mengintegrasikan informasi dengan cara yang lebih mudah [Tim01]. Pembuatan Semantic Web dimungkinkan dengan adanya sekumpulan standar yang dikoordinasi oleh World Wide Web Consortium (W3C). Standar yang paling penting dalam membangun Semantic Web adalah XML, XML Schema, RDF, OWL, dan SPARQL.

4. Web 4.0 / Mobile Web

Konsep Web 4.0/4.x adalah private secretary dalam bentuk organisme buatan. Setiap hari seseorang pasti mempunyai sebuah rutinitas. Apapun bentuk rutinitasnya , seluruh rutinitas tersebut bisa diketahui oleh aplikasi komputer/program/tools/device yang kita miliki yang dijalankan secara online. Jadi kemanapun seseorang pergi, dan apapun yang dilakukan semuanya direcord oleh alat-alat tersebut yang nantinya akan digunakan jika ingin mengetahui informasi apa yang dibutuhkan, bahkan teknologi ini bisa mengingatkan, menginterupsi dan memberikan informasi manakala ada perubahan dari sebuah sechedule/rutinitas, membantu melakukan pencarian. Inti dari Web 4.0. dapat mengetahui apa saja yang kita lakukan, dan dia juga bisa membantu dalam melakukan pencarian informasi, menyimpan histori pencarian, bahkan mempertemukan orang-orang yang mencari informasi yang sama.

Menurut Seth Godin dalam blognya, syarat utama teknologi Web 4.0 :

a.      Ubiquity

Syarat ini dibutuhkan karena domain dari teknologi Web 4.0 adalah aktivitas bukan hanya sekedar data, dan sebagian besar aktivitas manusia berjalan offline.

b.      Identity

Karena distribusi informasi spesifik ditujukan dan didedikasikan untuk seseorang/pribadi sehingga diperlukan informasi mengenai identitas pribadi yang bersangkutan, rutinitasnya dan apa yang dibutuhkan oleh pribadi tersebut.

c.       Connection

Tanpa relasi/hubungan seseorang tidak ada artinya dalam teknologi Web 4.0 karena teknologi ini dikembangkan untuk kepentingan ini (making connection).

SOSIAL DAN EKONOMI WEB SCIENCE

Dewasa ini pertumbuhan sosial dan ekonomi web science tumbuh semakin cepat dan juga sangat mempengaruhi keadaan sosial dan ekonomi dari penggunaan web science.

Dalam pertumbuhan sosial dan ekonomi dari web science mungkin sedikit banyak mempengaruhi dan dapat berdampak positif maupun negatif. Berikut ini akan saya paparkan sedikit mengenai dampak dari pertumbuhan sosial dan ekonomi web science:

• Dampak positif teknologi di bidang sosial

1. Perbedaan kepribadian pria dan wanita. Banyak pakar yang berpendapat bahwa kini semakin    besar porsi wanita yang memegang posisi sebagai pemimpin, baik dalam dunia pemerintahan maupun dalam dunia bisnis.

2.  Meningkatnya rasa percaya diri. Kemajuan ekonomi di negara-negara Asia melahirkan fenomena yang menarik. Perkembangan dan kemajuan ekonomi telah meningkatkan rasa percaya diri dan ketahanan diri sebagai suatu bangsa akan semakin kokoh.

3. Tekanan, kompetisi yang tajam di berbagai aspek kehidupan sebagai konsekuensi globalisasi, akan melahirkan generasi yang disiplin, tekun dan pekerja keras.

• Dampak negatif yang diberikan terhadap dibidang sosial adalah :

1. Kemerosotan moral di kalangan warga masyarakat, khususnya di kalangan remaja   dan pelajar.Kemajuan kehidupan ekonomi yang terlalu menekankan pada upaya pemenuhan berbagai keinginan material, telah menyebabkan sebagian warga masyarakat menjadi “kaya dalam materitetapi miskin dalam rohani”.

2. Kenakalan dan tindak menyimpang di kalangan remaja semakin meningkat semakin lemahnyakewibawaan tradisi-tradisi yang ada di masyarakat, seperti gotong royong dan tolong-menolong telah melemahkan kekuatan-kekuatan sentripetal yang berperan penting dalam menciptakankesatuan sosial. Akibatnya bisa dilihat bersama, kenakalan dan tindak menyimpang di kalangan remaja dan pelajar semakin meningkat dalam berbagai bentuknya, seperti perkelahian, corat-coret,pelanggaran lalu lintas sampai tindak kejahatan.

3. Pola interaksi antar manusia yang berubah kehadiran komputer pada kebanyakan rumah tanggagolongan menengah ke atas telah merubah pola interaksi keluarga. Komputer yang disambungkandengan telpon telah membuka peluang bagi siapa saja untuk berhubungan dengan dunia luar.

• Dampak teknologi komputer di bidang ekonomi

Dalam bidang ekonomi teknologi berkembang sangat pesat. Dari kemajuan teknologi dapat kita rasakan manfaat positifnya antara lain:

1. Pertumbuhan ekonomi  yang semakin tinggi

2. Terjadinya industrialisasi

3. Produktifitas dunia industri semakin meningkat.

4. Persaingan dalam dunia kerja sehingga menuntut pekerja untuk selalu menambah skill dan pengetahuan yang dimiliki.Kecenderungan perkembangan teknologi dan ekonomi, akan berdampak pada penyerapan tenaga kerja dan kualifikasi tenaga kerja yang diperlukan.

5. Di bidang kedokteran dan kemajauan ekonomi mampu menjadikan produk kedokteran menjadi komoditi.

Dalam bidang ekonomi, kemajuan internet terutama pada aplikasi mesin pencari memudahkan suatu perusahaan dalam melihat target pasar dari perusahaan tersebut. Contoh transaksi jual beli yang biasa kita temukan di internet seperti Shopping Online, Penjualan tiket pesawat, dll.

Dampak Pengaruh Teknologi Terhadap Kehidupan Manusia

Pengaruh globalisasi dengan dukungan teknologi informasi seperti pedang bermata dua disatu sisi kita tidak dapat menyangkal manfaat dan ancaman yang dibawanya, jadi manfaat disebut juga pengaruh positif dan ancaman disebut pengaruh negatif.

• Dampak Positif

Pengaruh positif yang dapat dirasakan dengan adanya Teknologi Informasi adalah peningkatan kecepatan, ketepatan, akurasi dan kemudahan yang memberikan efisiensi dalam berbagai bidang khususnya dalam masalah waktu, tenaga dan biaya.

• Negatif

Sedangkan pengaruh negatif yang bisa muncul karena adanya Teknologi Informasi misalnya dari globalisasi aspek ekonomi, terbukanya pasar bebas memungkinkan produk luar negeri masuk dengan mudahnya. Dengan banyaknya produk luar negeri dan ditambahnya harga yang relatif lebih murah dapat mengurangi rasa kecintaan masyarakat terhadap produk dalam negeri.

Dengan hilangnya rasa cinta terhadap produk dalam negeri menunjukkan gejala berkurangnya rasa nasionalisme masyarakat kita terhadap bangsa Indonesia dan penipuan serta pembobolan keuangan melalui media elektronis juga akibat dari kegiatan ekonomi yang semakin mudah.

1. Pengaruh teknologi informasi tidak mungkin kita tolak atau hindari, sebaiknya kita harus dapat memanfaatkannya untuk kesejahteraan masyarakat tetapi disisi lain kita juga harus berhati-hati dan bersikap bijak agar dampak negatif yang menyertainya dapat kita hilangkan atau paling tidak kita minimalisir.

2. Mengenalkan teknologi informasi sekaligus pemanfaatannya bagi kehidupan pribadi maupun kehidupan sosial kemasyarakatan.

3. Meningkatkan daya nalar dan daya seleksi masyarakat terhadap berbagai informasi yang membanjir, sehingga masyarakat semakin kritis dan dewasa dalam menyikapinya.

Sumber 

http://funesia.com/blog/2016/03/25/pengertian-web-science-softskill/

http://sayatausayatampan.blogspot.co.id/2016/04/pengertian-web-science-softskill.html

Berikut adalah video buatan kelompok kami mengenai Web Science dan Game Berbasis Web :