Pengantar Operasional Aplikasi Berbasis web Internet interconnection-networking

Pengantar Operasional Aplikasi Berbasis web

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 l Biaya pengembangan yang efektif l Mudah diakses di mana saja l Mudah menyesuaikan l Mudah diakses untuk berbagai perangkat l Integrasi sistem mudah l Instalasi dan pemeliharaan lebih mudah l Keamanan l 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 l l l l l 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 pilihan yang sesuai)

checkbox Keterangan gambar: 1 1. Aplikasi Checkbox (memilih kotak yang sesuai dengan kebutuhan, kemudian klik kotak yang sesuai)

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: 1, 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) l. PDF ( Portable document Format) l. SWF Adobe Flash Format l. SVG (Scalable Vector Graphic) Tidak didukung browser (diunduh) l. EXE, ZIP, RAR. . dsb

Petunjuk Umum Penggunaan Aplikasi Berbasis WEB

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

Persiapan l Siapkan data-data yg dibutuhkan terlebih dahulu sebelum memulai mengisi. l 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. l Tidak Login pada aplikasi / sistem di komputer yang berbeda dalam waktu yg bersamaan. l Sebisa mungkin tidak menggunakan tombol navigasi yang ada di browser (back, forward), gunakan tombol navigasi yang tersedia di halaman web/ aplikasi. l

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

Ukuran file dokumen unggah Scan gambar A 4 / Folio 1024 x 768 pixel -> 250 KB sd 600 KB l Scan Foto 4 x 6 470 x 700 Pixel -> 40 KB sd 80 KB l PDF Teks 7 KB s/d 20 KB / halaman l

Program bantu l Cute PDF Writer : mencetak dokumen ke file PDF l Free. PDFCompressor : memperkecil ukuran file PDF yang mengandung gambar l MS Picture Manager : memperkecil file 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. l Cetak File dengan memilih Cute PDF writer -> OK, kemudian masukan nama file tujuan. l

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 l Fatkhul Amin, S. T, M. Kom Dosen Fak. Teknologi Informasi Universitas Stikubank Semarang fatkhulamin@gmail. com l