Index of /ANT

Pengantar Operasional
Aplikasi Berbasis web

Internet
Internet (interconnection-networking) adalah
seluruh jaringan komputer yang saling
terhubung menggunakan standar sistem
global Transmission Control Protocol/Internet
Protocol Suite (TCP/IP) sebagai protokol
pertukaran paket (packet switching
communication protocol) untuk melayani
miliaran pengguna di seluruh dunia.

Jaringan Komputer
Jaringan komputer (jaringan) adalah sebuah
sistem yang terdiri atas komputer-komputer
yang didesain untuk dapat berbagi sumber
daya (printer, CPU), berkomunikasi (surel,
pesan instan), dan dapat mengakses
informasi (peramban web)

Tujuan Jaringan Komputer
Agar dapat mencapai tujuan, setiap bagian
dari jaringan komputer dapat meminta dan
memberikan layanan (service). Pihak yang
meminta/menerima layanan disebut klien
(client) dan yang memberikan/mengirim
layanan disebut peladen (server). Desain ini
disebut dengan sistem client-server, dan
digunakan pada hampir seluruh aplikasi
jaringan komputer.

Pengertian Aplikasi berbasis web

Suatu aplikasi web (web application
atau webapp) adalah suatu aplikasi
yang diakses menggunakan Peramban
web melalui suatu jaringan Internet

Keuntungan Aplikasi berbasis web
 Biaya

pengembangan yang efektif
 Mudah diakses di mana saja
 Mudah menyesuaikan
 Mudah diakses untuk berbagai perangkat
 Integrasi sistem mudah
 Instalasi dan pemeliharaan lebih mudah
 Keamanan
 Teknologi fleksibel

Jenis Aplikasi berbasis web
Web Bisnis
yaitu aplikasi web yang di dalamnya terdapat
proses bisnis seperti jual beli, sewa menyewa,
penggunaan jasa, lelang, dan sebagainya.
Web Berita dan Informasi
yaitu aplikasi web yang menyediakan konten
informasi berbayar maupun gratis.

Web Profil

yaitu aplikasi web yang mendeskripsikan tentang
profil suatu perusahaan, lembaga ataupun orang
personal. Aplikasi web ini biasanya digunakan
untuk memperkenalkan profil perusahaan,
lembaga atau orang personal kepada umum.
Web Services
yaitu aplikasi web yang menyediakan layanan
pengolahan data dan sebagainya. Perbedaan
umum aplikasi web service dan aplikasi web lain
pada umunya adalah aplikasi web service tidak
memilki antarmuka, namun dapat diakses melalui
internet.

Web Social Networking
yaitu aplikasi web yang memberikan fasilitas pertemanan
tempat berkumpul dan dapat juga menjadi tempat/wadah
suatu kelompok.
Web Banking
yaitu aplikasi web yang di dalamnya terdapat proses
transaksi keuangan pada perbankan secara umum,

seperti transfer dana, pembayaran, pembelian, dan
lainnya.
Web Search Engine Optimize (SEO)
yaitu aplikasi web yang didalamnya terdapat proses
pencarian pada internet.

Antarmuka Masukan pada aplikasi
berbasis web
 Input

Text
 Input Password
 Email
 Input Text ringkasan (textarea)
 Combo
 Checkbok
 Radio
 Button Submit
 Link
 File upload

Input text dan input password pada Sisfo

1
2

1.Kolom untuk menuliskan user
2.Kolom untuk menuliskan Password

Aplikasi Input text dan password

1
2

1.Aplikasi menuliskan user
2.Aplikasi menuliskan Password

Input email dan password

Keterangan gambar:

1
2

1.Kolom untuk
menuliskan
email
2.Kolom untuk
menuliskan
Password
email

Aplikasi input email dan password
Keterangan gambar:

1
2

1.Aplikasi
menuliskan

email
2.Aplikasi
menuliskan
Password
email

Text Area

1

Keterangan gambar:

1.Text Area (tempat menuliskan teks
panjang)

combo

1

Keterangan gambar:

1.Aplikasi combo (memilih sesuai
dengan kebutuhan, kemudian klik

combo
1

Keterangan gambar:

1. Aplikasi combo (memilih sesuai dengan
kebutuhan, kemudian klik pilihan yang sesuai)

checkbox

Keterangan gambar:
1

1.Aplikasi
Checkbox
(memilih kotak

yang sesuai
dengan
kebutuhan,
kemudian klik
kotak yang

radio
1
Keterangan gambar:

1.Aplikasi radio
(memilih
lingkaran yang
sesuai dengan
kebutuhan,
kemudian klik
lingkaran yang
sesuai)

Button submit

1
2
3
4
5
Keterangan gambar:

1.Isi kolom, 2. isi password, 3. lihat kode
captcha, 4. isi kode captcha, 5. klik login
(button submit)

File Upload

3

1

2

Keterangan gambar:

1. Pilih Upload kemudian klik, 2. pilih files, kemudian
klik, 3. pilih file yang akan diuploda kemudian klik
open

Antarmuka Keluaran
- Text
- gambar
- suara
- captcha (gambar / suara)
- file khusus (pdf,swf)

Antarmuka Text

1

Keterangan gambar:

1. Aplikasi antarmuka teks

Antarmuka Gambar
1
2
3
4
5
6
Keterangan gambar:

2, 3, 4, 5 dan 6, Aplikasi antarmuka Gambar

Antarmuka Suara

captcha

1

2

Keterangan gambar:

1. Kode pengaman masih kosong, 2. Aplikasi kode pengaman

File Khusus
Didukung Browser (dibuka dibrowser juga)
PDF ( Portable document Format)
SWF Adobe Flash Format
SVG (Scalable Vector Graphic)
Tidak didukung browser (diunduh)
EXE, ZIP, RAR .. dsb

Petunjuk Umum Penggunaan
Aplikasi Berbasis WEB

Persiapan
 Siapkan

alamat url aplikasi yang valid.
 Siapkan informasi Login nama pengguna
dan password yang valid.
 Baca baik-baik petunjuk pengisian yang
ada sampai selesai, sebelum memulai
mengisi.

Persiapan
 Siapkan

data-data yg dibutuhkan terlebih
dahulu sebelum memulai mengisi.
 Siapkan File-file yang akan diunggah
sesuai format yang dianjurkan oleh sistem
atau siapkan dengan ukuran sekecil
mungkin tetapi dengan memperhatikan
kualitas yang dibutuhkan.

Hal yang perlu diperhatikan
 Sebisa

mungkin hanya bekerja menggunakan 1
layar saja untuk 1 aplikasi / sistem.
 Tidak Login pada aplikasi / sistem di komputer
yang berbeda dalam waktu yg bersamaan.
 Sebisa mungkin tidak menggunakan tombol
navigasi yang ada di browser (back,forward),
gunakan tombol navigasi yang tersedia di
halaman web/ aplikasi.

Hal yang perlu diperhatikan
 Perhatikan

bagian isian /masukan/formulir
yang wajib di isi biasanya diberi tanda
tertentu oleh sistem (*)
 Periksa lagi isian sebelum informasi
dikirim.
 Jaga kerahasiaan informasi Login anda

Ukuran file dokumen unggah
 Scan

gambar A4 / Folio
1024x768 pixel -> 250KB sd 600KB
 Scan

Foto 4x6
470x700 Pixel -> 40KB sd 80KB
 PDF

Teks
7KB s/d 20KB / halaman

Program bantu
 Cute

PDF Writer : mencetak dokumen ke
file PDF
 FreePDFCompressor : memperkecil
ukuran file PDF yang mengandung
gambar
 MS Picture Manager : memperkecil file
gambar

Persiapan Dokumen Unggah
1 (Satu) buah Gambar

Persiapan Dokumen Unggah
1 (Satu) buah Gambar

Persiapan Dokumen Unggah
1 (Satu) buah Gambar

Persiapan Dokumen Unggah
File PDF




Persiapkan file dalam bentuk MS-Word, Excel,
Powerpoint atau format apapun yang dapat dicetak oleh
aplikasi desktop windows anda.
Cetak File dengan memilih Cute PDF writer -> OK,
kemudian masukan nama file tujuan.

Persiapan Dokumen Unggah
Kelompok Gambar -> File PDF

Persiapan Dokumen Unggah
Kelompok Gambar -> File PDF

Terima Kasih

Penyaji
 Mardi

Siswo Utomo, S.Kom, M.Cs
Dosen Fak. Teknologi Informasi
Universitas Stikubank Semarang
mardiutomo@gmail.com
 Fatkhul Amin,

S.T, M.Kom
Dosen Fak. Teknologi Informasi
Universitas Stikubank Semarang
fatkhulamin@gmail.com