Pengantar Operasional Aplikasi Berbasis web

Presentasi berjudul: "Pengantar Operasional Aplikasi Berbasis web"— Transcript presentasi:

1 Pengantar Operasional Aplikasi Berbasis web

2 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.

3 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)

4 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.

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

6 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

7 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.

8 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.

9 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.

10 Antarmuka Masukan pada aplikasi berbasis web
Input Text Input Password Input Text ringkasan (textarea) Combo Checkbok Radio Button Submit Link File upload

11 Input text dan input password pada Sisfo
1 2 Kolom untuk menuliskan user Kolom untuk menuliskan Password

12 Aplikasi Input text dan password
1 2 Aplikasi menuliskan user Aplikasi menuliskan Password

13 Input email dan password
Keterangan gambar: Kolom untuk menuliskan Kolom untuk menuliskan Password 1 2

14 Aplikasi input email dan password
Keterangan gambar: Aplikasi menuliskan Aplikasi menuliskan Password 1 2

15 Text Area Text Area (tempat menuliskan teks panjang) 1
Keterangan gambar: Text Area (tempat menuliskan teks panjang) 15

16 combo 1 Keterangan gambar: Aplikasi combo (memilih sesuai dengan kebutuhan, kemudian klik pilihan yang sesuai)

17 combo 1 Keterangan gambar: Aplikasi combo (memilih sesuai dengan kebutuhan, kemudian klik pilihan yang sesuai)

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

19 radio 1 Keterangan gambar: Aplikasi radio (memilih lingkaran yang sesuai dengan kebutuhan, kemudian klik lingkaran yang sesuai)

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

21 File Upload 3 1 2 Keterangan gambar: Pilih Upload kemudian klik, 2. pilih files, kemudian klik, 3. pilih file yang akan diuploda kemudian klik open

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

23 Antarmuka Text 1 Keterangan gambar: 1. Aplikasi antarmuka teks

24 Antarmuka Gambar 1, 2, 3, 4, 5 dan 6, Aplikasi antarmuka Gambar 1 2 3
Keterangan gambar: 1, 2, 3, 4, 5 dan 6, Aplikasi antarmuka Gambar

25 Antarmuka Suara

26 captcha 1. Kode pengaman masih kosong, 2. Aplikasi kode pengaman 1 2
Keterangan gambar: 1. Kode pengaman masih kosong, 2. Aplikasi kode pengaman

27 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

28 Petunjuk Umum Penggunaan Aplikasi Berbasis WEB

29 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.

30 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.

31 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.

32 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

33 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

34 Program bantu Cute PDF Writer : mencetak dokumen ke file PDF
FreePDFCompressor : memperkecil ukuran file PDF yang mengandung gambar MS Picture Manager : memperkecil file gambar

35 Persiapan Dokumen Unggah 1 (Satu) buah Gambar

36 Persiapan Dokumen Unggah 1 (Satu) buah Gambar

37 Persiapan Dokumen Unggah 1 (Satu) buah Gambar

38 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.

39 Persiapan Dokumen Unggah Kelompok Gambar -> File PDF

40 Persiapan Dokumen Unggah Kelompok Gambar -> File PDF

41 Terima Kasih

42 Penyaji Mardi Siswo Utomo, S.Kom, M.Cs Dosen Fak. Teknologi Informasi
Universitas Stikubank Semarang Fatkhul Amin, S.T, M.Kom