Senin, 12 Agustus 2019

PENGENALAN APLIKASI WEB


    
 Pendahuluan :

1.   Pengertian Aplikasi Web
Aplikasi web merupakan sebuah aplikasi yang menggunakan teknologi browser untuk menjalankan aplikasi dan diakses dilalui melalui jaringan komputer (Remick, 2011). Sedangkan menurut ( Rouse, 2011) aplikasi web adalah sebuah program yang disimpan di Server dan dikirim melalui internet dan diakses melalui antarmuka browser. Dari pengertian diatas dapat disimpulkan aplikasi web merupakan aplikasi yang diakses menggunakan web browser melalui jaringan internet atau intranet. Aplikasi web juga merupakan suatu perangkat lunak komputer yang dikodekan dalam bahasa pemrograman yang mendukung perangkat lunak berbasis web seperti HTML, JavaScript, CSS, Ruby, Python, Php, Java dan bahasa pemrograman lainnya. Adapun Gambaran rincian aplikasi web adalah sebagai berikut :
Baca selengkapnya »
   B. Tabel





Sebuah dokumen tidak jarang digunakan untuk menampilkan data kepada penggunanya. Terdapat banyak cara untuk menampilkan data, mulai dari dengan menggunakan grafik, daftar, sampai dengan tabel. Untuk menampilkan data dengan grafik pada HTML, kita dapat menggunakan gambar (elemen img), sementara daftar jelas dibuat menggunakan elemen list. Bagaimana dengan tabel? HTML memiliki elemen khusus untuk membuat tabel, yaitu table.
Sebuah tabel selalu terdiri dari dua elemen utama, yaitu baris dan kolom. Tentunya HTML memiliki elemen untuk membuat baris dan kolom dari sebuah tabel, tetapi sebelum membuat baris dan kolom dari tabel kita harus membuat tabelnya terlebih dahulu. Pembuatan tabel dimulai dari inisialisasi tabel, menggunakan elemen table:



<table>
    <!-- Data -->
</table>

Baca selengkapnya »
C. Pembatas (Border) Tabel
Pembuatan tabel yang telah kita lakukan sampai pada titik ini merupakan tabel yang tidak memiliki pembatas antar sel tabel. Tampilan standar yang diberikan HTML seperti ini sangat jarang dijumpai di dalam dokumen pada umumnya. Biasanya, tabel yang kita jumpai selalu memiliki batas antar setiap sel, sehingga membuat tabel tanpa batas akan menjadi aneh dan membingungkan pengguna.
Untungnya, CSS telah memberikan fasilitas untuk memberikan tabel pada elemen-elemen yang ada, melalui properti border. Kita dapat menggunakan properti ini untuk memberikan garis pembatas antar setiap sel pada tabel, seperti berikut:



<!DOCTYPE HTML>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Table Test</title>
 
    <style type="text/css">
        table {
            border: 1px solid #C6C6C6;
        }
    </style>
</head>
<body>
    <table>
Baca selengkapnya »
     D. Menggabungkan Beberapa Sel



Dalam membuat tabel, seringkali kita akan memerlukan penggabungan beberapa sel sekaligus. Mungkin saja nilai dari sel pada beberapa baris adalah sama. Bisa juga penggabungan dilakukan untuk memperindah tampilan tabel. HTML menyediakan fasilitas untuk menggabungkan beberapa sel dengan menggunakan atribut colspan dan rowspan pada elemen td atau th. 

Seperti namanya, colspan digunakan untuk menggabungkan beberapa kolom sekaligus, dan rowspan digunakan untuk menggabungkan beberapa baris sekaligus. Nilai yang diisikan pada kedua atribut ini ialah berapa banyak sel yang ingin digabungkan. Misalnya jika ingin menggabungkan tiga kolom, maka kita dapat menuliskan colspan="3". Setelah menggabungkan sel, tentunya kita harus menuliskan lebih sedikit baris atau kolom pada bagian tabel berikutnya.

 Untuk mempermudah ilustrasi, perhatikan kode berikut:
<table>
    <tr>
        <th rowspan="2">Teams</th>
        <th colspan="3">Scores</th>
    </tr>
    <tr>
Baca selengkapnya »
E.   Jenis-jenis Format Gambar untuk Website

Terdapat berbagai macam format gambar untuk website. Di bawah ini, kami membahas macam-macam format gambar yang banyak digunakan di website.


1. Vektor

Vektor adalah jenis grafis yang dibuat dari sambungan garis atau kurva. Sambungan ini kemudian membentuk berbagai bentuk seperti poligon atau bangun segi-n. 
Jenis gambar yang satu ini sangat fleksibel. Ia tidak akan kehilangan kualitas dan ketajaman gambar, meskipun diperbesar sekian kali lipat. Vektor juga sangat mudah diedit dan memiliki ukuran file yang cukup kecil. Hal ini tentu sangat menguntungkan bagi grafik desainer.
Baca selengkapnya »

F. Cara Mengoptimalkan Gambar untuk Website



Seperti yang disampaikan sebelumnya, gambar berformat raster perlu dioptimalisasi sebelum diunggah ke website. Ini bisa dilakukan dengan memperkecil resolusi gambar atau dengan mengurangi ukuran file gambar itu sendiri.


Jika Anda terlanjur mengunggah gambar tanpa optimasi, maka Anda perlu mengecek ulang gambar mana yang perlu diganti. Untuk itu, Anda bisa menggunakan GTMetrix atau Google PageSpeed Insights. Cukup masukkan alamat website, tunggu sebentar, dan daftar gambar yang kurang optimal akan keluar. 
Baca selengkapnya »
H. Plug-in Audio & MIME untuk format Video

Plug-in merupakan sebuah program komputer kecil yang memperluas fungsi standar dari sebuah browser. Plug-in dapat ditambahkan ke halaman HTML menggunakan tag <object> atau tag <embed>.



Baca selengkapnya »

G. Menyajikan Audio dalam Tampilan Web
     
      File audio seperti mp3 dapat dilantunkan melalui tag<audio> < /audio>.Berikut adalah format  lengkap untuk memainkan musik ke dalam aplikasi web :


<html>
<head>
<title>cek suara</title>
</head>
<body>
<audio controls>
<source src="house.mp3" type="audio/mp3">
</audio>
</body>
</html>

Baca selengkapnya »
Langganan: Postingan (Atom)