WEB SECIENCE & WEB POPULER
1. Definisi Web Secience
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).
2. Penjelasan Web Secience
Web Science itu sendiri terdiri dari beberapa gabungan disiplin
ilmu pengetahuan dapat dilihat pada gambar di bawah ini :
Dari gambar diatas , terdapat banyak sekali macam-macam ilmu
pengetahuan yang saling berkaitan dengan Web atau jaringan. Jenis-jenisnya
adalah sebagai berikut :
1.
Web Engineering
2.
Artificial Intelligence
3.
Mathematics
4.
Psychology
5.
Biology
6.
Ecology
7.
Sociology
8.
Socio Culture
9.
Law
10.
Economics
11.
Media.
Dari sebelas jenis disiplin ilmu
di atas, mungkin saya hanya akan menjelaskan nomor 1 dan 2 saja, sebab
jenis-jenis yang lain sudah sering atau banyak yang mengetahuinya. Dimana jenis
dari no. 3 sampai 6 berhubungan dengan MIPA (Matematika dan Ilmu Pengetahuan Alam)
sedangkan no. 7 sampai 11 berhubungan dengan IPS (Ilmu Pengetahuan Sosial).
3.
Beberapa
Hal yang Menyangkut Tentang Web Secience
3.1.
Web Engineering (Rekayasa Web)
Web Engineering dapat dikatakan
sebagai salah satu cabang independen dari rekayasa perangkat lunak (software
engineering). Engineering secara umum berarti aplikasi praktis dari sains untuk
dunia komersil atau industri dengan tujuan agar perancangan aplikasi menjadi
lebih baik (lebih cepat, lebih murah atau lebih aman). Software Engineering didefinisikan
sebagai aplikasi dari sains dan matematika dengan bantuan kapabilitas perangkat
komputer sehingga menjadi berguna bagi manusia melalui program komputer,
prosedur-prosedur dan dokumentasi pendukungnya (Boehm 1976).
3.2. Artificial Intelligence (Kecerdasan
Buatan)
Kecerdasan buatan (AI) merupakan
sebuah studi tentang bagaimana membuat komputer melakukan hal-hal yang pada
saat ini dapat dilakukan lebih baik oleh manusia (Encyclopedia Britannica)
4. Tujuan Web Secience
Tujuannya
menurut Wonston & Prendergast adalah
1.
Membuat mesin menjadi lebih
pintar (Tujuan Utama)
2.
Memahami apa itu kecerdasan
(Tujuan Ilmiah)
3.
Membuat mesin lebih bermanfaat
(Tujuan Entrepreneurial)
5.
Contoh
Web Secience
1.
Sedangkan web itu sendiri terbagi
menjadi beberapa bagian contohnya:
2.
web jejaring social (contoh :
facebook, friendster)
3.
web server (contoh :
software-software)
4.
web blog (contoh : blogspot)
5.
web forum (contoh : kaskus)
6.
web streaming (contoh : youtube)
7.
Micro-blogging (contoh : twitter)
8.
Web-shop (contoh : ebay, amazon)
6. Kesimpulan
Jadi dapat disimpulkan bahwa Web
Science sangat penting khususnya kita, sebagai salah satu refrensi guna
menunjang kemajuan dalam bidang informasi, artinya bahwa, tekhnologi mungkin
bisa di katakan adalah satu kewajiban atau kebutuhan penting dalam memenuhi
kebutuhan akan sosio psikologis, yang kemudian perlu untuk di pelajari dan
diakses.
Dunia tekhnologi mampu menjawab
pertanyaan apapun, artinya bahwa, tekhnologi abad ini adalah salah satu
kebutuhan utama akan informasi baik yang bersifat luar maupun dalam negeri
sehingga kita bisa mengetahui apa yang tidak kita ketahui. perlu di ketahui
bahwa kebutuhan akan tekhnologi informasi adalah sangat penting khususnya kita
yang bersetatus siswa, maupun mahasiswa, sehingga pas ada tugas atau apa kita
cepat mengaksesnya.
CSS
1.
Pengertian dan Definisi
CSS
Cascading Style Sheet atau yang
disingkat CSS memungkinkan anda untuk mendesain tampilan dokumen (Php dan HTML)
dengan memisahkan isi dari dokumen HTML dengan kode untuk menampilkannya (CSS).
Didalam dunia desain web, layout
atau mengatur letak web, format huruf, dan lain nya yang ada dalam sebuah web
menjadi bagian yang amat penting bahkan bisa jadi yang paling lama dibanding
dengan bagain desain web lainnya. Karena jika kita membua layout yang salah,
maka web kita juga akan salah diterjemahkan oleh browser. Hal itu juga bisa
disebabkan karena setiap browser memilliki dukungan bahasa(CSS) yang berbeda
dan tentunya default dari browsernya sendiri yang berbeda-beda. Browser yang
paling rewel soal layout css adalah IE karena kurang dukungannya terhadap CSS.
Jika kita memiliki banyak file
HTML, kita hanya perlu satu file CSS, sehingga ketika kita mengganti jenis
huruf pada file CSS maka semua file HTML yang berhubungan pada file CSS
tersebut akan berubah. CSS distandarisasi oleh W3C (World Wide Web Consortium).
CSS dapat dipasang pada dikumen HTML yang telah jadi.
Dalam melayout sebuah web ada dua metode yang sering dipakai untuk
membuat sebuah layout halaman web yaitu:
1.
Metode Table
2.
Metode Div
2.
Manfaat dari CSS:
1.
Kode HTML
menjadi lebih sederhana dan lebih mudah diatur,
2.
Ukuran file
menjadi lebih kecil, sehingga load file lebih cepat,
3.
Mudah untuk
merubah tampilan, hanya dengan merubah file CSS saja,
4.
Dapat
berkolaborasi dengan JavaScript.
5.
Digunakan
dalam hampir semua web browser.
Pada umunya
ada empat bagian yang sering ada dalam layout sebuah web yaitu:
Header –> berisi tema web/
judul
Menu –> menu link web
Content –> isi dari web
Footer –> identitas/ copyright
3.
Atribut ID
Ada dua cara penempatan elemen
dalam web dengan CSS yaitu:
3.1. Position
(Posisi)
Mengunakan properti position
terdapat 4 cara:
·
Static –>
posisi normal (default).
·
Relative
–> posisi elemen tergantung dari elemen yang lain.
·
Absolute
–> posisi elemen berpatokan pada jendela browser.
·
Fixed –>
posisi elemen tetap walaupun digeser.
3.2. Float (Nempel)
Menggunakan properti float atau
clear:
·
Float:left
–> elemen akan menempel pada sebelah kiri elemen induk.
·
Float:right
–> elemen akan menempel pada sebelah kanan elemen induk.
·
Clear:left
–> elemen akan menempel pada sebelah kiri dan berada di bawah.
·
Clear:right
–> elemen akan menempel pada sebelah kanan dan berada dibawah
·
Clear:both
–> elemen akan berada pada posisi bawah elemen diatasnya.
Gambar dibawah ini adalah
dasar-dasar dari pengaturan / format posisi dengan css:
·
Margin –>
jarak/batas elemen dengan elemen lain
·
Border –>
border/gari tepi elemen
·
Padding–>
jarak elemen dengan isi elemen (elemen anak)
Berikut gambar dibawah adalah format
standar untuk membuat tampilan dengan CSS:
4.
Sintaks-sintaks CSS untuk layout
4.1. background: Untuk mengeset background. Ada
beberapa sintak untuk background, yaitu:
a.
background-color:
yaitu warna background.
b.
background-image:url('URLGAMBAR.jpg');
yaitu URL gambar yang dijadikan background.
c.
background-repeat:
bernilai "repeat", "repeat-x", "repeat-y", dan
"no-repeat". Maksudnya adalah pengulangan gambar. "repeat"
artinya gambar akan diulang, memenuhi layar. "repeat-x" artinya
gambar akan diulang sepanjang horizontal, "repeat-y" gambar akan
diulang secara vertikal, sedangkan "no-repeat" artinya gambar hanya
ditampilkan 1x, tidak akan diulang.
d.
background-position:
nilainya "nilaihorizontal nilaivertikal". Maksudnya adalah posisi
latarbelakang dari layer (bagian div/span/element yang diberi latar). Misal:
body{background-position:10px 30px} maka latar belakang dari bagian body akan
diberi jarak 10 piksel antara batas pinggir kiri body dan 30piksel dari batas
pinggir atas body. Anda juga bisa mengisinya dengan "top"
"middle" "bottom" untuk nilaihorizontal, dan
"left" "center" "right" untuk nilaivertikal
(pilih salah satu).
e.
background-attachment:
Nilainya "fixed" dan "scroll". "fixed" artinya
tampilan gambar latar belakang akan tetap sepanjang anda meng-scroll mouse
anda.Sedangkan "scroll" kebalikannya.
4.2.
width: Nilainya berupa nilai dalam
piksel atau "auto". Untuk menentukan lebar elemen.
4.3.
height: Idem dengan width bedanya height
untuk menentukan tinggi elemen.
4.4.
margin: Batas antara suatu element
dengan elemen diluarnya. Nilainya bisa berupa auto atau nilai dalam piksel.
Sintaksnya begini: margin:marginatas marginkanan marginbawah marginkiri. Atau
jika nilai semua margin sama langsung saja margin: nilaimargin.
4.5.
padding: Batas antara suatu batas
(border) element dengan unsur element didalam element tersebut. Sintaksnya
begini: padding:paddingatas paddingkanan paddingbawah paddingkiri. Atau jika
nilai semua margin sama langsung saja padding: nilaimargin.
4.6.
border: ada 3 unsur untuk border yaitu:
a. border-width: lebar dari border
b. border-color: warna dari border
c. border-style: gaya dari border,
nilainya "solid" (biasa) "double" (dobel/dua garis)
"groove" (groove) "inset" (menjorok kedalam) "outset"
(menjorok keluar) "dotted" (bertitik-titik) "dashed"
(bergaris-garis)
4.7.
position: posisi, nilainya
"fixed" (tetap, akan melayang terus selama anda menscroll halaman,
belum didukung IE ), "static" (diam, posisi default),
"relative" (tergantung objek disekitarnya), "absolute"
(dihitung dari pojok kiri atas layar, hampir sama seperti fixed, tetapi tidak
akan ikut melayang ketika kita men-scroll mouse) . Setelah menentukan jenis
posisi, kita harus menentukan:
a. pilih (top: atau bottom: jika
pilih top artinya dihitung dari atas, sedangkan bottom sebaliknya)
b. pilih (left: atau right:. jika
pilih left nilai akan dihitung dari kiri, sedangkan right sebaliknya.
4.8.
z-index: z-index adalah posisi suatu
elemen dari dasar dokumen, jika tidak diset maka defaultnya 0. Misalnya ada 3
buah buku ditumpuk, maka buku terbawah mempunyai z-index 0, buku ke2
daribawah:1, dan buku teratas:2.
4.9.
visibility: nilainya hanya 2, yaitu
"visible" dan "hidden". Visible artinya kelihatan, kalo
hidden ya artinya tersembunyi!
4.10.
display: nilainya "none"
"inline" "block". Jika none maka tidak akan ditampilkan,
inline ditampilkan dalam sebaris (biasanya untuk navigasi menu horizontal) dan
block akan ditampilkan secara perbaris. Untuk display "none" dan
visibility "hidden" perbedaannya adalah, untuk display
"none" elemen didalamnya tidak akan ditampilkaan, sedangkan
visibility "hidden" akan tetap ada ruang untuk elemen tersebut, namun
elemennya disembunyikan.
5.
Cara untuk memasang CSS pada
dokumen HTML.
·
External
Style Sheet (file CSS berbeda dari file HTML),
·
Internal
Style Sheet (Kode CSS dipasang di dalam tag head HTML)
·
Inline Style
Sheet (Kode CSS langsung dipasang di tag HTML, tidak direkomendasikan).
STEAM
1. Definisi Steam dan Fitur Lain Didalamnya
Steam adalah
distributor permainan digital milik Valve dengan cara membeli via pembayaran
daring dengan media unduhan. Dengan adanya Steam, diupayakan agar
pembajakan game yang marak bisa ditekan. Cara kerjanya dengan mengunduh
perangkat lunak Steam, dengan begitu dapat dicek dan langsung membeli permainan
yang ada.
Steamguard adalah sistem proteksi
permainan video.Dimana Steam memerlukan koneksi Internet dengan memasukkan
identitas dan kata sandi steam lalu diverifikasi melalui surel elektronik agar
dapat menikmati layanan khusus seperti cloud.
Steam workshop adalah layanan yang
disediakan untuk menampung hasil karya dari komunitas.Karya tersebut dapat
"digunakan" oleh Valve, atau hanya sekedar modifikasi tambahan yang
gratis.
Dahulu, permainan video yang paling
berkontribusi dalam meningkatkan popularitas Valve, Steam (toko daring Valve),
dan Source (engine buatan Valve) adalah Counter Strike. Sekarang, permainan
yang menjalankan tongkat estafet tersebut adalah Dota 2 dan Team Fortress 2,
ditambah lagi kedua permainan tersebut gratis untuk dimainkan.
2.
Kelebihan
Steam
· Legal.
· Sering
diadakan diskon besar-besaran.
· Menerima
permainan video yang sudah dibeli dengan segera tanpa harus membayar ongkos
pengiriman.
· Permainan
video yang telah dibeli akan ada di database Steam.
· Adanya
fitur permainan multi dan biasanya permainan yang terdapat di Steam mendukung
fitur Komunitas.
· Terdapat
Greenlight, dimana pembuat permainan video dapat mempublikasikan karya mereka dan
bahkan dimasukkan ke dalam toko Steam bila syaratya terpenuhi.
3.
Kekurangan
Steam
· Hanya ada 1 serial
key.
sumber :
Tidak ada komentar:
Posting Komentar