Presentasi sedang didownload. Silahkan tunggu

Presentasi sedang didownload. Silahkan tunggu

Pengantar Operasional Aplikasi Berbasis web. Internet Internet (interconnection-networking) adalah seluruh jaringan komputer yang saling terhubung menggunakan.

Presentasi serupa


Presentasi berjudul: "Pengantar Operasional Aplikasi Berbasis web. Internet Internet (interconnection-networking) adalah seluruh jaringan komputer yang saling terhubung menggunakan."— 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 Kolom untuk menuliskan user 2.Kolom untuk menuliskan Password

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

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

14 Aplikasi input dan password Aplikasi menuliskan 2.Aplikasi menuliskan Password Keterangan gambar:

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

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

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

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

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

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

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

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

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

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

25 Antarmuka Suara

26 captcha 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

37

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

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 Dosen Fak. Teknologi Informasi Universitas Stikubank Semarang


Download ppt "Pengantar Operasional Aplikasi Berbasis web. Internet Internet (interconnection-networking) adalah seluruh jaringan komputer yang saling terhubung menggunakan."

Presentasi serupa


Iklan oleh Google