UAS IMK Semester 2 "Desain Input, Output, dan Web"

Nama   : Dana Kristiana

NIM      : 2014001705

Kelas   : Sekarpace A-Sore / AMIK

“UAS Interaksi Manusia dan Komputer”

  1.  Jelaskan Pengertian dan kegunaan desain input! Berikan Contohnya!

Desain input, biasanya juga akan berpikir tentang alat input (input device) yang akan digunakan, semacam keyboard, card reader dan lain sebagainya.

Alat input dapat digolongkan ke dalam 2 golongan, yaitu alat input langsung (online input device). Alat input langsung merupakan alat input yang langsung dihubungkan dengan CPU, misalnya adalah keyboard, mouse, touch screen dan lain sebagainya. Alat input tidak langsung adalah alat input yang tidak langsung  dihubungkan dengan CPU, misalnya KTC (key-to-card), KTT (key-to-tape) dan KTD (key-to-disk).

Masukan (input) merupakan awal dimulainya informasi. Bahan mentah dari informasi adalah data yang terjadi dari transaksi yang dilakukan oleh organisasi. Desain input digunakan untuk merancang tampilan layar dikomputer yang menggambarkan bagaimana bentuk pemasukan data.

Dokumen dasar (source document) merupakan formulir yang digunakan untuk menangkap (capture) data yang terjadi. Data yang sudah dicatat di dokumen dasar kemudian dimasukkan sebagai input ke sistem informasi untuk diolah. Dokumen dasar dapat membantu di dalam penanganan arus data sebagai berikut :

a.    Dapat menunjukkan macam dari data yang harus dikumpulkan dan ditangkap.

b.    Data dapat dicatat dengan jelas, konsisten dan akurat.

c.    Dapat mendorong lengkapnya data, disebabkan data yang dibutuhkan disebutkan satu persatu di dalam dokumen dasarnya.

d.   Bertindak sebagai pendistribusian data, karena sejumlah tembusan dari formulir tersebut dapat diberikan kepada individu-individu atau departemen-departemen yang membutuhkannya.

e.    Dapat membantu di dalam pembuktian terjadinya suatu transaksi yang sah, sehingga sangat berguna untuk audit trail (pelacakan pemeriksaan).

f.     Dapat sebagai cadangan atau pelindung (back up) dari file-file data di komputer.

Proses input melibatkan 3 tahapan utama yaitu :

·     Penangkapan Data (Data Capture), Merupakan proses mencatat kejadian nyata yang terjadi akibat transaksi yang dilakukan ke dalam dokumen dasar..

·   Penyiapan Data (Data Preparation), Yaitu mengubah data yang telah ditangkap kedalam bentuk yang dapat dibaca oleh mesin (Machine Readable Form 1), misalnya kartu plong, pita magnetik/disk magnetick).

·    Pemasukan Data (Data Entry), Merupakan proses membacakan atau memasukan data ke dalam komputer.

Contoh Desain Input 

2. Jelaskan Pengertian dan kegunaan desain output! Berikan Contohnya!

Desain Output merupakan produk dari sistem informasi yang dapat dilihat. Output ini dapat berupa hasil yang dikeluarkan di media keras (kertas dan lain-lain) dan output yang berupa hasil dikeluarkan ke media lunak (tampilan di layar).

Wujud :

·      Hard Copy : Printer, Kertas, dll.

·      Soft copy : Layar komputer, audio

Tujuan Output :

·      Merancang Output untuk tujuan tertentu

·      Membuat Output bermanfaat bagi para pengguna

·      Mengirim jumlah output yang tepat

·      Menyediakan distribusi output yang tepat

·      Menyediakan output tepat waktu

·      Memilih metode output yang paling efektif

Tipe Output

·    Output intern (internal Output) adalah output yang dimaksudkan untuk mendukung kegiatan manajemen. Output ini akan tetap tinggal di dalam perushaan dan akan disimpan sebagai arsip atau dimusnahkan bila sudah tidak dipergunakan lagi. Output jenis ini dapat berupa laporan-laporan terinci, laporan-laporan ringkasan dan laporan-laporan-laporan lainnya.

·    Output ekstern (external output) adalah output yang akan didistribusikan kepada pihak luar yang membutuhkannya. Seperti faktur, check, tanda terima pembayaran dan lain sebagainya.

Teknologi output

Untuk menghasilkan output yang berbeda-beda diperlukan teknologi yang berbeda pula. Teknologi ouput yang diperlukan sbb :

a.    Printer

       ·   Dipilih karena laporan cetakan masih merupakan jenis output yang paling umum

       ·   Masih banyak organisasi besar menggunakan printer sebagai teknologi output

b.    Layar display

       ·   Teknologi output yang semakain populer

       ·   Keuntungan yang melebihi printer

       ·   Tidak bising

       ·   Potensial untuk digunakan oleh para pengguna secara interaktif

       ·   Fleksibelitas (memungkinkan pengubahan informasi secara real time)

       ·   Memungkinkan pengguna melihat output yang disimpan dengan mengaksesnya terlebih dulu dan tampilan item-item dari basis data yang relevan

c.    Video, audio dan Animasi

        ·   Video

        ·   Melengkapi output cetakan yang sifatnya statis

        ·   Kolaborasi jarak jauh

        ·   Menunjukan suatu tindakan

        ·   Menyediakan episode-episode pelatihan singkat

        ·   Mengubah waktu dari suatu peristiwa aktual yang merekamnya untuk keluaran berikutnya

        ·   Mempertahankan suatu kejadian penting sebagi tambahan arsip

        ·   Audio

        ·   Baik untuk pengguna individu

        ·   Baik untuk pesan-pesan sementara

        ·   Baik dimana pegawai memerlukan hands free

        ·   Animasi

        ·   Bentuk lain dari output yang bisa digunakan untuk meningkatkan suatu situs web atau presentasi

        ·   Tersusun atas 4 komponen

        ·   Simbol-simbol elemental

        ·   Orientasi spatial

        ·   Efek transisional

        ·   Efek alterasi

d.    CD-R, CD-RW / DVD

        ·   Memiliki kapasitas besar

        ·   Memungkinkan output multimedia

        ·   Perolehan output yang lebih cepat dibandingkan metode sebelumnya

e.   Output Elektronik

        ·   Bentunya : email, fax, halaman web 
        ·   Keuntungan :

            Mengurangi kertas

            Bisa diperbaharui dengan mudah

            Bisa dipublikasikan dengan mudah

            Bisa interaktif

Contoh Desain Output

3.  Jelaskan mengenai desain web! Berikan Contohnya!

Web Design adalah jenis desain grafis yang ditujukan untuk pengembangan dan styling obyek lingkungan informasi Internet untuk menyediakan dengan fitur konsumen high-end dan kualitas estetika. Definisi yang ditawarkan memisahkan desain web dari pemrograman web, menekankan fitur fungsional dari sebuah situs web, serta desain posisi web sebagai semacam desain grafis.

FUNGSI

Sebelum men-design , sebaiknya kita mngetahui dan memahami beberapa fungsi situs web agar design yang dibuat sesuai dengan fungsi situs web.

Secara umum fungsi situs web adalah sebagai berikut:

1.    Fungsi Komunikasi

Situs web tang berfungsi sebagai komunikasi pada umumnya adalah web dinamis.Karena dibuat menggunakan pemrograman web(server side) maka dilengkapi dengan fasilitas yang memberikan fungsi-fungsi komunikasi seperti web mail ,formanthec,chatting,forum dll.

2.    Fungsi Informasi

·       Menekankan pada kualitas konten,karena tujuan situs ini mnyampaikan isinya

·        Sebaiknya berisi teks dan grafik

·       Fasilitas yang memberikan fungsi informasi, news, file, company, library, prefences dll.

4.    Fungsi Entertainment

Sebagai sarana hiburan/penggunaan animasi gambar dan element bergerak dapatmeningkatkan mutu persentasi design,meski tetap harus mempertimbangkan kecepatandownloadnya.Contoh fungsi Entertaiment: game online,film online,music online dll.

5.    Fungsi Transaksi

Situs web dapat dijadikan transaksi bisnis baik barang jasa,dll.situs web menghubungkanperusahaan konsumen dan komunitas tertentu melalui sarana elektronik.Pembayarannyabisa memudahkan kartu kredit,transfer atauupun membayar langsung.

TUJUAN

untuk membuat situs web atau dokumen elektronik dan aplikasi yang berada pada web server dan menampilkan konten dan fitur antarmuka interaktif kepada pengguna akhir dalam bentuk halaman Web. Seperti unsur-unsur teks, gambar (gif, jpeg) untuk ditempatkan pada halaman menggunakan HTML / XHTML / tag XML. Menampilkan media yang lebih kompleks (vektor grafis, animasi, video, suara) membutuhkan plug-in seperti Adobe Flash, QuickTime, Java run-time dan lain-lain. Plug-in juga dimasukkan ke dalam halaman web dengan menggunakan HTML / tag XHTML.

Jenis-jenis rancangan website

1.    Basic
Secara basicly website disediakan untuk publikasi informasi. Adapun informasi yang akan disediakan adalah beraneka ragam dari profile pribadi hingga company profile.

2.    Search Engine
Situs search engine adalah situs yang menyediakan mesin pencari. Search engine secara otomatis mencari dan menyimpan data-data situs yang beredar di internet. Adapun materi yang dapat dicari adalah segala sesuatu yang tergabung di dalam website yang terhubung di internet. Seperti mencari sebuah alamat website, file-file multimedia dan grafis yang terkandung di dalam website. Dalam hal ini situs-situs lain berlomba-lomba untuk menduduki tempat tertinggi untuk dapat di cari oleh search engine.

3.    Portal
Situs jenis portal merupakan pintu gerbang bagi situs lain seperti halnya juga search engine. Tetapi di dalam portal situs-situs tersebut lebih disusun untuk disajikan. Berbeda dengan search engine situs-situs tersebut bukan dicari datanya secara otomatis oleh mesin pencari tetapi disimpan dan dikelola oleh pengelola portal secara dictionary. Umumnya portal-portal besar juga menyediakan layanan internet lain seperti email bagi member dan lain-lain.

4.    Blog
Blog merupakan buku harian yang terpublish di internet. Seorang pengelola blog dapat dengan bebas menuangkan pikirianya dalam bentuk tulisan ke dalam website ini. Tulisan tersebut selanjutnya disimpan di database dan di publish di internet. Fungsional situs ini adalah publikasi dalam bentuk artikel di internet.

5.    Networking
Situs jenis networking adalah situs penyedia yang menampung member-member untuk membentuk suatu komunitas. Sehingga member-member di dalam website tersebut dapat saling berkomunikasi dan bertukar pikiran. Di dalam website ini sesama member dapat saling berkenalan dan menjalin relasi satu sama lain. Pertukaran pesan dan testimonial pun terjadi diantara member yang belum atau sudah menjalin relasi.

6.    Forum
Forum adalah situs membership seperti networking juga. Tetapi tidak berfokus pada friend relationship seperti situs networking. Situs ini lebih berfokus sebagai ajang diskusi di internet. Adapun diskusi dalam bentuk tulisan yang diposting oleh member di organisasikan dengan lebih baik hingga perkategori yang terdiri dari berbagai sub-sub. Tujuan situs ini adalah wadah saling bertukar pikiran dalam diskusi.

7.    News
News site adalah situs yang mengelola berita untuk di publish ke internet. Pengelola website dapat mengelola yaitu antara lain menulis dan memanage berita. Kemudian user internet dapat melihat informasi berita tersebut melalui website.

8.    Event Organizer
Situs jenis ini adalah situs yang mengelola manajemen informasi pengadaan acara.
Informasi yang disajikan situs ini biasanya berorientasi waktu, misalnya informasi kapan diadakannya sebuah event, event yang terlewatkan dan event yang akan diadakan nantinya. Di dalamnya juga terdapat keterangan deskripsi tentang event tersebut dan judul event.

9.    Gallery
Gallery site menyediakan fasilitas publikasi foto dan gambar secara online. Pengelola website dapat menyimpan foto atau gambar yang diinginkan lalu dikategorikan dan di manage setelah itu di publish.

10.  Multimedia Streaming
Video streaming dan audio streaming sekarang merupakan trend baru dari dunia website. Di dalam situs jenis ini seseorang dapat menonton atau mendengarkan secara langsung multimedia melalui web. Untuk membangun situs ini diperlukan server yang memiliki koneksi internet yang high dan up stream, ini dikarenakan file-file multimedia yang relatif berukuran besar.

11.  E-Commerce
Situs dengan sistem e-commerce adalah situs yang bertujuan untuk melakukan perdagangan melalui media internet. Pengelola dapat mengorganisir barang-barang yang ingin dijual lalu mempublikasikan secara online beserta harganya. Ada juga yang menyediakan transaksi online melalui website ini. Yang jelas dalam hal ini website dimanfaatkan sebagai toko di dalam internet.

12.  E-Learning
E-Learning merupakan situs yang menyediakan pembelajaran online melalui internet. Pembelajaran dilakukan melalui berbagai media seperti tulisan, gambar hingga multimedia.

Contoh web desain :

1.    Website E-Commerce, website yang mana untuk kepentingan komersial dan biasanya proses transaksi terjadi yang secara online juga, dilengkapi dengan keranjang belanja dan atau dilengkapi pembayaran online melalui Payment Gateway seperti paypal dan sebagainya.

2.    Website Marketing, website yang mana digunakan sebagai media pemasaran, biasanya terdapat media presentasi berupa gambar, hingga video-audio.

3.    Website Portal, website yang mana digunakan sebagai media informasi, berita atau bahkan diskusi.

4.    Website E-Service, website yang mana digunakan sebagai media pelayanan kepada konsumennya, biasanya terdapat chat online instant dan kontak lainnya.