Tugas TK RPL Web Engineering

Manajemen Proyek Web

WEB APPLICATION DESIGN TECHNOLOGI

1. PENGANTAR

Chapster ini merupakan tahap Perancangan Aplikasi Web. Untuk perawalan, kita harus menerangkan permasalahan pada aplikasi web pada umumnya, aplikasi web pada umumnya lemah dalam koordinasi dalam tugas design, yaitu, design informasi, design hypertext, dan design software.

Web muncul sebagai suatu sistem hypertext yang sangat sederhana yang mendukung konsep global. XML merupakan teknologi hypertext yang pertama. Web banyak dikoneksikan dengan database untuk membuat suatu system informasi. Integrasi modul perangkat lunak yang luas diklien dan server dan teknik design berorientasi objek merupakan hal yang penting dalam “Melting pot Web”. Namun, ketiga aspek tersebut yang disebutkan tetap signifikan, tidak satupun dari tiga aspek diatas dapat menawarkan solusi yang memuaskan.

2.WEB DESIGN

Dari Segi Perspektif Evolusioner, awalnya Tim Berners-Lee ingin mengembangkan Web menjadi sederhana meskipun sistem Hypertext di seluruh dunia melalui Internet, dan ia terutama berfokus pada informasi tekstual. Dengan demikian, kegiatan penulis dan programmer bentrokan, atau terang-terangan berbicara, dunia seniman hits yang insinyur. Bagian 5.2.2 ke 5.2.5 dimulai dengan diskusi tentang aspek authoring dan bergerak melalui aspek perangkat lunak teknologi untuk kemudian mendiskusikan fitur-fitur umum dan manfaat mengintegrasikan kedua aspek, dan akhirnya melihat permasalahan yang ada atau baru dari integrasi ini.

I. DESIGN INFORMASI: SEBUAH AKTIVITAS AUTHORING

Bagian ini membedakan antara Era sebelum Web, Era HTML (dari kedatangan Web sampai 1997), dan era XML saat ini (W3C 1998). Awal Era HTML secara eksklusif terfokus pada Authoring. Hanya dokumen hypertext yang didukung, seperti namanya dari bahasa pemrograman apa yang disebut Web, HTML ( Hypertext Markup Language ) , menyarankan bahasa untuk petunjuk – atau tag – bertebaran di seluruh dokumen teks. Meskipun pada awalnya hanya dianggap HTML Aspek Authoring, itu merupakan langkah kebelakang dibandingkan dengan sistem hypertext populer bahkan dalam hal ini, dan bahkan berkaitan dengan fundamental visi dokumen eksploratif non-linear.  Popularitas web hanya mungkin berkat kesederhanaan dan ketersediaan seluruh dunia secara gratis. Beberapa kelemahan utama disebutkan secara singkat di bawah ini dalam sejauh mereka relevan dari perspektif design:

HTML dapat dimengerti sebagai bahasa (klasik) deskripsi dokumen dengan hypertext tag dicangkokkan pada. Hal ini menggoda orang untuk mengabaikan prinsip atomicity node; banyak “HTML” dokumen-dokumen (sebenarnya node) adalah beberapa halaman yang panjang, dan gagasan hypertext dasar membaca non-sekuensial hadir hanya rudimentarily atau dalam kasus luar biasa.

HTML campuran aspek ortogonal seperti struktur hypertext (melalui tag untuk link dan jangkar), struktur dokumen (header, daftar, dll), dan tata letak (latar belakang warna, huruf miring, dll).

HTML adalah teks-sentris. Media lain sering terjadi hanya sebagai tujuan link (jalan buntu); banyak media jenis tersebut tidak didukung sebagai sumber link sama sekali atau telah hanya baru-baru ini

Dukungan untuk struktur dan format dalam node ditingkatkan secara bertahap, sementara yang penting hypertext aspek, misalnya node, pengguna didefinisikan dan jenis link, link reverse, penyimpanan terpisah link dan node, anchor destiny  non-trivial, dll, masih hilang.

Bersamaan dengan munculnya XML yang sangat besar,  jumlah “bahasa pemrograman sederhana”, yang didefinisikan sebagai XML-DTDs (XML baru-baru ini disebut skema), telah ditetapkan, termasuk bahasa untuk menggambarkan prosedur panggilan jarak jauh (SOAP), bahasa untuk menggambarkan transaksi keuangan (XML-EDI), counterpart untuk HTML (XHTML), Karena XML memungkinkan Anda secara resmi menjelaskan sintaks tetapi tidak semantik, browser modern dapat mengurai skema XML sewenang-wenang dan dokumen, tetapi mereka (Dasarnya) dapat mengeksekusi hanya XHTML. Kita dapat mengidentifikasi beberapa aturan dasar untuk design aplikasi web berbasis dokumen, yaitu untuk aspek authoring, dari pembahasan di atas:

-  Meshes harus membentuk pusat design informasi.

-  Dokumen konvensional harus dipecah menjadi simpul atom.

-  Aspek-aspek seperti tata letak dan konten, simpul dan mesh, dll, harus  dipisahkan konseptual.

-  Teknologi  yang  dipilih  harus  mendukung  konsep maju,  misalnya,   manajemen  link pusat,

setidaknya dalam design, idealnya juga dalam sistem manajemen konten.

II. DESIGN SOFTWARE: SEBUAH AKTIFITAS PEMROGRAMAN

Terlepas dari bahasa yang digunakan untuk membuat halaman baru HTML, script atau program harus menawarkan pre-defined data struktur dan operasi untuk dapat menciptakan elemen khas HTML halaman, seperti header dari tingkat yang berbeda, paragraf, daftar, dan hal-hal lainnya, mengisinya dengan isi, dan meletakkannya bersama-sama (sebagai struktur pohon-jenis elemen). Hal ini hampir selalu didasarkan pada Document Object Model (DOM), yang telah didefinisikan secara konsisten sebagai versi HTML baru datang selama bertahun-tahun, dan yang tersedia dalam bahasa script atau bahasa pemrograman.

3. PRESENTASI DESIGN

Dalam design presentasi, “media designer” menentukan tampilan dan – untuk beberapa sejauh – struktur bagaimana isi multimedia disajikan. design modern mengikuti presentasi pemisahan konseptual konten aplikasi Web dan presentasi. Isi dari hasil aplikasi Web dari komposisi isi multimedia secara eksplisit dikembangkan pada sisi komponen dan isi implisit didefinisikan di sisi mesh. Ini berarti topi design presentasi yang baik memungkinkan kita untuk fleksibel beradaptasi presentasi untuk kebutuhan budaya, teknologi, dan berbagai kontekstual. Dalam perkembangannya Web tradisional,

ini sering berarti bahwa ratusan atau bahkan ribuan dokumen HTML harus disesuaikan

secara manual. Orang-orang yang terlibat dalam proses modifikasi dokumen HTML normal perlu untuk memiliki pengetahuan HTML. Meskipun alat yang sesuai dapat digunakan sampai batas tertentu, seringkali sebagian besar masih harus diubah secara manual. Ini berarti bahwa baik tidak mungkin atau sangat mahal untuk secara konsisten model semua isi yang lebih besar

4. INTERAKSI DESIGN

Interaksi design menyangkut persimpangan visual, dinamis, fungsional, dan teknis unsur-unsur aplikasi Web. Tujuan utamanya adalah untuk menggabungkan unsur-unsur dan halus konflik antara mereka, dalam rangka untuk menawarkan pengguna yang menarik dan menarik serta konsisten dan mudah memahami pengalaman. Bagian ini menunjukkan pendekatan sistematis yang membagi interaksi aplikasi Web menjadi empat aspek: interaksi pengguna, antarmuka pengguna organisasi, navigasi, dan aktivitas pengguna.

Interaksi design juga menangani hal-hal berikut :

• User Interaksi
• Pengorganisasian User Interface
• Design Navigasi
• Design Link Representation: The Anchor
• Design Link Internals: The URL
• Navigasi and Orientasi
• Struktur Dialog untuk Aktifitas Kompleks
• Interaksi dengan Teknologi dan Arsitektur

5. DESIGN FUNGSIONAL

Rancangan fungsional juga harus mempertimbangkan aspek-aspek teknologi yang memiliki dampak yang kuat pada aplikasi Web dalam pengembangan. Kita harus mengamati commensurability kita berarti, tapi aplikasi kita harus diperluas, terukur, dan dipelihara, antara lain hal. kesulitan khusus terlihat dalam interaksi komponen. Web aplikasi seperti tickers berita biasanya dapat melakukannya tanpa dukungan transaksi, sementara toko-toko online mungkin harus peta fase banyak produk, dari konfigurasi di atas memerintahkan untuk memperbaiki. Transaksi ini membutuhkan dan alur kerja dukungan dan integrasi database warisan dan sistem perangkat lunak.

6. PANDANGAN

Stelah Masa PC yang disebut tidak lagi didominasi oleh satu kelas satu perangkat (PC), tetapi ditandai dengan sejumlah besar perangkat yang berbeda. Selama beberapa tahun ke depan, mobile perangkat akan sangat penting, seperti disebutkan di bagian 5.3.2. Oleh karena itu, supaya berkelanjutan, aplikasi web harus siap untuk tren ini hari ini, yaitu dengan mempertimbangkan dua konsep penting, yaitu, konteks kesadaran dan kemandirian perangkat, yang akan dibahasn dalam bagian 5.6.1 dan 5.6.2, masing-masing. Sejak pertama dari kedua konsep ini masih dalam Penelitian tahap, bagian 5.6.1 hanya akan menjelaskan aspek-aspek yang harus diperhatikan dalam design sadar konteks aplikasi Web. Bagian 5.6.3 eksklusif akan fokus untuk memberikan pandangan terhadap baru atau hilang konsep dalam rekayasa yang secara umum bisa mempromosikan keberlanjutan Web aplikasi di masa depan.

Context Aware Applications adalah sebuah aplikasi yang membutuhkan pengetahuan khusus pengguna – pengguna konteks – untuk menyesuaikan secara optimal baik interaksi dan fungsinya. Selain itu, konteks kesadaran mengarah pada jenis baru dari aplikasi, misalnya, Location-Based Services (LBSs), untuk menyebutkan salah satu contoh. Tergantung pada lokasi, kita bisa, misalnya, menampilkan informasi disesuaikan

SOA

Service Oriented Architecture atau SOA memungkinkan departemen IT untuk membuat suatu transisi dari pendekatan aplikasi menuju pada suatu pendekatan proses bisnis.
SOA merupakan suatu arsitektur yang mendukung loosely coupled services untuk memungkinkan suatu bisnis yang fleksibel dalam pertukaran informasi dan penggunaan teknologi informasi. SOA terdiri dari kumpulan layanan bisnis yang mendukung suatu pengkonfigurasian kembali realisasi end-to-end bisnis proses yang fleksibel dan dinamis menggunakan deskripsi layanan berbasis interface.

SOE (Service Oriented Enterprise) Maturity Models Level

SOE Maturity Model merupakan suatu model dari “SOA yang lebih menyeluruh” dan fokus dalam membawa ROI (Return on Investment) untuk bisnis yang baik pada organisasi IT. Berikut gambar SOE Maturity Model :

Level 1 :

SOE Foundation-initial mengatur indicator kunci performa, end-to-end bisnis proses dan mengatur infrastruktur SOA. Ini mengartikan bahwa SOE bukan hanya satu layer yang mendapatkan suatu dasar dari teknologi web service akan tetapi ada tambahan dua layer yaitu the enterprise performance layer, yang mengidentifikasikan sejumlah indikator kunci performa dan the business process management layer, yang mengidentifikasikan proses awal yang bergantung pada SOA/ESB layer untuk menjaga suatu kualitas yang tinggi, performa yang tinggi, dan reliable integration menggunakan layanan teknologi. Layer ini merupakan hasil dari pengaturan awal terhadap tiga layer SOE di atasnya.

Level 2 :

SOE Repetable projects-infra-focused. Pada level ini akan menentukan arsitektur SOA, pada ESB (Enterprise Service Bus), dan implementasi dari ESB. Level 2 ini memiliki penanganan yang baik pada identifikasi semua ketergantungan terhadap (a) user bisnis, khususnya stakeholders dan bisnis analis; (b) proses dan rule arsitek untuk mendesain dan implementasi dari policy, prosedur, dan end-to-end bisnis proses dan (c) infrastruktur arsitektur SOA untuk desain yang berorientasi pada layanan dan standarisasinya. Metodologi pada level 2 ini dapat dimulai dari pengukuran terhadap proses dan performa, dapat diperkirakan keuntungannya dan dapat mulai membawa dan mengulang ROI untuk didesain ulang yang berorientasi pada proses dan layanan. Jadi di sini akan mengatur optimalisasi proses end-to-end ROI, termasuk KPI pada level EPM, business rules dan proses pada level BPM dan mendasari level ESB/SOA.

Level 3 :

SOE-extended enterprise-focused. Perluasan komposisi dan integrasi perusahaan business-to-business, dengan QoS (Quality of Service) standards support untuk proses bisnis end-to-end. Implementasi dari proses yang mendasari layanan integrasi lebih kompleks daripada proses oriented. Proses pada level ini termasuk mengeksekusi secara internal dalam masing-masing partner bisnis. Partner bisnis dapat mendefinisikan dan menyebarkan khoreografy yang kompleks dari proses-prosesnya. Masing-masing memiliki mesin proses internal sendiri. Perluasan enterprise akan dapat mengeksekusi proses end-to-end secara kuat termasuk pertukaran informasi dalam konteks proses internal.

Level 4 :

SOE-solution focused. Berfokus pada solusi horizontal dan vertikal yang membantu enterprise secara cepat dalam membangun dan menyebarkan solusi pelanggan. Solution framework pada dasarnya merupakan suatu fondasi yang dapat mempercepat life cycle of projects secara keseluruhan oleh SOE. Solution framework terdapat (a) predefined best-practice business process templates (b) predefined best-practice information model definitions; (c) redefined best-practice rules dalam kategori yang berbeda seperti declarative expressions, declarative decision, event rules dan constrains; dan (d) predefined service intergration dengan back-end atau trading partner organization. Pada level 4 ini, ahli teknik telah menghasilkan best practices untuk digunakan kembali pendefinisian solusi yang sudah ada dan menentukan area mana yang butuh di buat alternatife skesifikasinya dan perluasannya. Ini pada dasarnya merupakan pendekatan yang berbeda dan lebih dewasa untuk mengembangkan suatu solusi. SOA dan sistem BPM adalah layer inti horisontal. Pada level ini, bukan hanya arsitektur best practice dan solusi tetapi juga menurun/vertical sebagus solusi horisontal yang memiliki komponen predefined yang dapat berpengaruh terhadap service integration dan otomatisasi proses bisnis.

Level 5 :

SOE-performance, agility, and intelligence focused: Ini berkaitan pada fitur-fitur yang lebih maju dari SOE. Ini merupakan optimasi, dan kemampuan yang ada secara cepat turun dari level KPI (Key Performance Indicator) yang tinggi pada proses, partisipasi atau service deployed dalam dasar infrastruktur. Sistem dapat juga menyarankan optimalisasi dan menyediakan kemampuan untuk memprediksi peningkatan nilai KPI. Fitur-fitur lain pada level 5 :

Membangun service, proses dan policy asstes : Pada level maturity ini kemampuan hadir untuk mengorganisasikan bisnis proses, bisnis rules integrasi, dan semua aspek yang lain dari partisipasi, back-end service, atau layanan perdagangan partner dipilih dan dieksekusi. Proses, rules, dan fasilitas yang terintegrasi diperlakukan sebagai asset perusahaan, dimana dapat secara mudah digunakan dan dispesialisasikan. Sistem menyediakan pemisahan dari apa yang dimaksudkan untuk diterima dalam solusi khusus melawan bagaimana untuk mendapatkannya, untuk contohnya, service mana yang harus diminta, trading partner mana yang digunakan, proses mana yang aktif, manusia mana yang berpartisipasi untuk diberikan tugas.

Dynamic discovery : Pada level maturity ini, akan ada penemuan yang dinamis dari layanan. Sekarang kita dapat secara semantic menemukan layanan lain dan terkadang bahkan dapat membawa negosiasi otomatis, pelelangan dan kemudian akses terhadap layanan. Pengikatan terhadap penyedia layanan bersifat dinamis. Pada level ini, pendesain fokus pada tipe layanan, mengukurnya melalui properties atau meta-data dari layanan. Sistem ini memperhitungkan layanan terbaik yang harus diminta. Dynamic discovery dan kemudian yang berikutnya mengikat dengan registrasi inti, penemuan dan perubahan dari permintaan / jawaban dari apa yang telah diilustrasikan.

Benefit And Implementation of SOA

SOA menyediakan manfaat dalam 4 kategori dasar :

• Mengurangi biaya integrasi
• Meningkatkan penggunaan aset
• Meningkatkan business agility
• Pengurangan resiko bisnis

Prinsip-prinsip yang direkomendasikan ketika mengimplementasikan SOA :

1. Mendokumentasikan proses bisnis. Dapat secara bottom up atau top down, ketersediaan dari dokumentasi proses bisnis adalah kritis dalam penyampaian SOA melalui Aplikasi berbasis Web Services
2. SOA mengimplementasikan evolusi yang dimulai dari seorang pilot, menyampaikan nilai bisnis dan penambahan secara menaik
3. Implementasi SOA harus didasarkan pada loosely coupled services yang menyediakan fleksibelitas yang tinggi dan penurunan biaya secara terus menerus karena reuse and lower maintenance
4. Pelayanan harus memiliki interface standar yang rela untuk memungkinkan seamless integration dan interoperability dengan layanan yang lain
5. Bisnis mengendalikan services, dan services mengendalikan teknologi
6. Pokok dari SOA ialah business agility

CodeIgniter

Apakah CodeIgniter itu?

CodeIgniter adalah sebuah framework yang menerapkan konsep Model-View-Controller (MVC) sebagai pola didalam mengembangkan aplikasi berbasis PHP. Dengan pola MVC ini memungkinkan developer untuk mengorganisir file-file untuk membangun aplikasi.

CodeIgniter berisi banyak sekali instant library yang memudahkan seorang programmer PHP didalam membangun aplikasi sehingga walaupun aplikasinya besar, seorang programmer tidak perlu mendefinisikan library-library tersebut dari awal. Sebagai contoh jika kita ingin membuat sebuah fungsi database untuk memunculkan list data dari sebuah table dengan query ‘SELECT’, maka kita hanya tinggal memanggil library yang sudah disediakan dan selebihnya akan dikerjakan oleh CodeIgniter.

Memahami arsitektur URL pada CI

Pertama kali anda mengakses CodeIgniter melalui URL http://localhost/CodeIgniter maka browser anda akan menampilkan halaman welcome. Sama saja jika anda mengaksesnya melalui URL http://localhost/CodeIgniter/index.php, maka di layar browser masih menghasilkan layar welcome tersebut. Ini berarti halaman welcome tersebut sudah diset sebagai halaman defaultnya. Tetapi coba anda akses melalui URL http://localhost/CodeIgniter/index.php/welcome, maka layar browser masih akan menampilkan halaman welcome. Nah lho.. Disini bisa saya jelaskan bahwa arsitektur URL pada CI memiliki arti sebagai berikut :

http://nama_domain_situs/index.php/nama_controller/nama_method/parameter_method

Jadi URL http://localhost/CodeIgniter/index.php/welcome berarti anda sedang menjalankan sebuah controller bernama welcome dan method bernama index. Sedangkan jika nama_method nya tidak diisi maka secara otomatis CodeIgniter akan menjalankan method bernama index. Untuk lebih jelasnya coba anda buka file welcome.php didalam folder system ‘/application/controller/‘, maka anda akan temukan sintaks sebagai berikut :

class Welcome extends Controller

{    function Welcome()    {        parent::Controller();    }

    function index()    {        $this->load->view('welcome_message');    }}

Jika anda sudah pernah mempelajari konsep OOP pada PHP mungkin anda sudah mengerti maksud sintaks diatas. Jadi sebenarnya setiap controller pada CI berbentuk object atau class yang diturunkan dari sebuah class bernama Controller. Fungsi Welcome() merupakan fungsi constructor dari sebuah class bernama Welcome. Selanjutnya kita perlu memperhatikan fungsi/method index(). Method index() inilah yang dijalankan secara otomatis walaupun kita tidak menuliskannya didalam URL. Tetapi coba saja anda akses URL tadi dengan ditambahkan nama method sehingga menjadi seperti ini : http://localhost/CodeIgniter/index.php/welcome/index , pasti anda akan mendapatkan hasil yang sama.

Hypertext

Hypertext adalah Teks yang mempunyai kaitan pada bagian yang lain.
Hypertext pada dunia internet juga merupakan bagian yang tidak dapat dipisahkan.
Bahkan Tim Berners-Lee membuat standar dokumen dengan nama HTML dan protokol yang digunakan dengan nama HTTP, dimana huruf H tersebut merupakan singkatan dari hypertext.

HTML (Hyper Text Markup Language) adalah bahasa yang digunakan untuk menulis web. Bahasa ini digunakan tanpa tergantung dari suatu platform apapun, dapat digunakan diseluruh platform apapun. Ciri utama dari HTML adalah adanya tag dan elemen. Elemen dalam dokumen HTML dikatagorikan menjadi dua yaitu elemen <HEAD> yang berfungsi memberikan informasi tentang dokumen tersebut dan elemen <BODY> yang menentukan bagaimana isi suatu dokumen ditampilkan di dalam browser. Sedangkan tag dinyatakan dengan tanda lebih kecil ”<” (tag awal) dan lebih besar ”>” (tag akhir). Dalam penggunaannya sebagian kode HTML tersebut harus terletak diantara tag kontainer, yaitu diawali dengan <nametag> dan diakhiri dengan </nametag> (terdapat tanda ”/”). Untuk membuat dokumen diperlukan program penyutingan teks (Noteped, gedit, nano, pico,dll), dan suatu program browser (google chrome ataupun mozilla firefox). Selain itu juga ternyata HTML merupakan metode penyimpanan informasi dalam format non linear yang sangat memberikan akses browsing atau internet secara random. Dokumen, file ataupun data dapat berada pada lokal area, maupun berada pada tempat manapun atau terdapat juga di server-server. Dan dari Hypertext sendiri yang dalam pengimplementasiannya yaitu World Wide Web.

Hypertext

• Penyimpanan informasi dalam format linear tidak banyak mendukung pengaksesan informasi secara random dan browsing asosiatif.
• Hypertext merupakan metode penyimpanan informasi dalam format non-linear yang memungkinkan akses atau browsing secara non-linear atau random

Disorentation

Disorientation mempunyai ikatan erat dengan masalah navigasi, problem disorientation pada tulisan ini menjelaskan bahwa user tidak mengetahui cara untuk mengakses hypertext dan yang lebih membingungkan lagi ketika mengetahui tata ruang dari frame dalam jaringan hypertext tersebut.
Untuk mengurangi masalah disorientation dapat dilakukan hal-hal sebagai berikut:

• Menghilangkan artikel yang membosankan
• Menggunakan penunjuk arah
• Menghindari rantai link yang panjang
• Hendaknya terdapat tombol “Home” atau screen Utama ataupun automatic backtracking.

Cognitive Overload

Cognitive Overload merupakan beban yang berlebihan pada Hypertext, seperti terlalu banyaknya link yang dapat mempersulit user sehingga dapat menimbulkan ketidaksenangan user dalam menggunakan aplikasi web.
Masalah Cognitive Overload dapat dikurangi dengan :

• Menyediakan fasilitas Pencarian (Searching)
• Menyediakan fungsi help untuk Aplikasi Web
• Menyediakan Glosarium untuk istilah yang mungkin tidak familier
• Mengurangi bilangan Hypertext pada suatu simpul (Node).

Finally, the longest bridge in Indonesia and Southeast Asia’s longest has been completed. Opening his own place on June 10, 2009 which was inaugurated by the President of the Republic of Indonesia is Susilo Bambang Yudhoyono, smoothly and without hitch means.

Bridge will link the city of Surabaya in Java and Madura Island City Bangkalan that stretches across 5.4 kilometers, the existence of the bridge is expected to expedite the movement of goods and services in improving the economy also became an icon of change for Madura. This project will be expected to carve a new history in the development of transportation in Indonesia, because for the first time built a bridge connecting the two islands, as well as become the longest bridge in Indonesia.

Bridge stretches across the Madura Strait along the 5.4 km. consists of the Causeway along the 1.4 km to the Surabaya and 1.8 km for the Madura. Bridge Approach, respectively – each over 672 m on both sides and the main bridge that stretches across 818 m.

Suramadu development itself is not without obstacles, at the time of its construction many faced problems classic like funds and fatalities due to negligence in the workplace. Not to mention the opposition that emerged from here and there who question the negative impact of this longest bridge construction. But all was not strong enough to defeat the splendor of the Bridge.

Untuk instalasinya cukup mudah, ikuti saja ini:

$ sudo apt-get install lanmap

$ lanmap -r 2 -i eth0 -T png -o Desktop/

perintah diatas memiliki arti:

-r : merupakan waktu yang dibutuhkan untuk update scanning jaringan
-i : merupakan interface yang digunakan ( tergantung pada device anda eth0,eth1,ath0,dst)
-T : merupakan tipe image yang dihasilkan ( png,jpg,dst )
-o : merupakan perintah output yaitu nama tempat file gambar lanmap diletakkan

prakteknya nih:

hasil lanmapnya:

Adalah perangkat keras komputer yang berfungsi sebagai alat untuk memasukan data atau perintah ke dalam komputer yang berupa signal input atau maintenance input. Di dalam sistem komputer, signal input berupa data yang dimasukkan ke dalam sistem komputer, sedangkan maintenance input berupa program yang digunakan untuk mengolah data yang dimasukkan. Dengan demikian, alat input selain digunakan untuk memasukkan data juga untuk memasukkan program.

Beberapa alat input mempunyai fungsi ganda, yaitu disamping sebagai alat input juga berfungsi sebagai alat output sekaligus. Alat yang demikian disebut sebagai terminal.

Terminal dapat dihubungkan ke sistem komputer dengan menggunakan kabel langsung atau lewat alat komunikasi.  Terminal dapat digolongkan menjadi non intelligent terminal, smart terminal, dan intelligent terminal. Non intelligent terminal hanya berfungsi sebagai alat memasukkan input dan penampil output, dan tidak bisa diprogram karena tidak mempunyai alat pemroses. Peralatan seperti ini juga disebut sebagai dumb terminal. Smart terminal mempunyai alat pemroses dan memori di dalamnya sehingga input yang terlanjur dimasukkan dapat dikoreksi kembali.

Walaupun demikian, terminal jenis ini tidak dapat diprogram oleh pemakai, kecuali oleh pabrik pembuatnya. Sedangkan intelligent terminal dapat diprogram oleh pemakai. Peralatan yang hanya berfungsi sebagai alat input dapat digolongkan menjadi alat input langsung dan tidak langsung.

Alat input langsung yaitu input yang dimasukkan langsung diproses oleh alat pemroses, sedangkan alat input tidak langsung melalui media tertentu sebelum suatu input diproses oleh alat pemroses. Alat input langsung dapat berupa papan ketik (keyboard), pointing device (misalnya mouse, touch screen, light pen, digitizer graphics tablet), scanner (misalnya magnetic ink character recognition, optical data reader atau optical character recognition reader), sensor (misalnya digitizing camera), voice recognizer (misalnya microphone). Sedangkan alat input tidak langsung misalnya keypunch yang dilakukan melalui media punched card (kartu plong), key-to-tape yang merekam data ke media berbentuk pita (tape) sebelum diproses oleh alat pemroses, dan key-to-disk yang merekam data ke media magnetic disk (misalnya disket atau harddisk) sebelum diproses lebih lanjut.

Keyboard

Penciptaan keyboard komputer di ilhami oleh penciptaan mesin ketik yang dasar rancangannya di buat dan di patenkan oleh Christopher Latham pada tahun 1868 dan banyak dipasarkan pada tahun 1877 oleh Perusahaan Remington.

Keyboard komputer pertama disesuaikan dari kartu pelubang (punch card) dan teknologi pengiriman tulisan jarak jauh (Teletype). Tahun 1946 komputer ENIAC menggunakan pembaca kartu pembuat lubang (punched card reader) sebagai alat input dan output.

Bila mendengar kata “keyboard” maka pikiran kita tidak lepas dari adanya sebuah komputer, karena keyboard merupakan sebuah papan yang terdiri dari tombol-tombol untuk mengetikkan kalimat dan simbol-simbol khusus lainnya pada komputer. Keyboard dalam bahasa Indonesia artinya papan tombol jari atau papan tuts.

Pada keyboard terdapat tombol-tombol huruf (alphabet) A – Z, a – z, angka (numeric) 0 – 9, tombol dan karakter khusus seperti : ‘ ~ @ # $ % ^ & * ( ) _ – + = < > / , . ? : ; ” ‘ \ |, tombol fungsi (F1 – F12), serta tombol-tombol khusus lainnya yang jumlah seluruhnya adalah 104 tuts. Sedangkan pada Mesin ketik jumlah tutsnya adalah 52 tuts. Bentuk keyboard umumnya persegi panjang, tetapi saat ini model keyboard sangat variatif.

Dahulu orang banyak yang menggunakan mesin ketik baik yang biasa maupun mesin ketik listrik. Keyboard mempunyai kesamaan bentuk dan fungsi dengan mesin ketik. Perbedaannya terletak pada hasil output atau tampilannya. Bila kita menggunakan mesin ketik, kita tidak dapat menghapus atau membatalkan apa-apa saja yang sudah ketikkan dan setiap satu huruf atau simbol kita ketikkan maka hasilnya langsung kita lihat pada kertas. Tidak demikian dengan keyboard. Apa yang kita ketikkan hasil atau keluarannya dapat kita lihat di layar monitor terlebih dahulu, kemudian kita dapat memodifikasi atau melakukan perubahan-perubahan bentuk tulisan, kesalahan ketikan dan yang lainnya. Keyboard dihubungkan ke komputer dengan sebuah kabel yang terdapat pada keyboard. Ujung kabel tersebut dimasukkan ke dalam port yang terdapat pada CPU komputer.

Mouse

Pada dasarnya, penunjuk (pointer) yang dikenal dengan sebutan “Mouse” dapat digerakkan kemana saja berdasarkan arah gerakan bola kecil yang terdapat dalam mouse. Jika kita membuka dan mengeluarkan bola kecil yang terdapat di belakang mouse, maka akan terlihat 2 pengendali gerak di dalamnya. Kedua pengendali gerak tersebut dapat bergerak bebas dan mengendalikan pergerakan penunjuk, yang satu searah horisontal (mendatar) dan satu lagi vertikal (atas dan bawah).

Jika kita hanya menggerakkan pengendali horisontal maka penunjuk hanya akan bergerak secara horisontal saja pada layar monitor komputer. Dan sebaliknya jika penunjuk vertikal yang digerakkan, maka penunjuk (pointer) hanya bergerak secara vertikal saja dilayar monitor. Jika keduanya kita gerakkan maka gerakan penunjuk (pointer) akan menjadi diagonal. Jika bola kecil dimasukkan kembali, maka bola itu akan menyentuh dan menggerakkan kedua pengendali gerak tersebut sesuai dengan arah mouse yang kita gerakkan.

Pada sebagian besar mouse terdapat tiga tombol, tetapi umumnya hanya dua tombol yang berfungsi, yaitu tombol paling kiri dan yang paling kanan. Pengaruh dari penekanan tombol atau yang di kenal dengan istilah “Click” ini tergantung pada obyek (daerah) yang kita tunjuk. Komputer akan mengabaikan penekanan tombol (click) bila tidak mengenai area atau obyek yang tidak penting.

Kemudian dalam penggunaan mouse juga kita kenal istilah “Drag” yang artinya menggeser atau menarik. Apabila kita menekan tombol paling kiri tanpa melepaskannya dan sambil menggesernya, salah satu akibatnya obyek tersebut berpindah atau menjadi pindah (tersalin) ke obyek lain dan terdapat kemungkinan lainnya. Kemungkinan-kemungkinan ini tergantung pada jenis program aplikasi apa yang kita jalankan. Mouse terhubung dengan komputer dengan sebuah kabel yang terdapat pada mouse. Ujung kabel tersebut dimasukkan dalam port yang terdapat di CPU komputer.

Scanner

Scanner adalah suatu alat elektronik yang fungsinya mirip dengan mesin fotokopi. Mesin fotocopy hasilnya dapat langsung kamu lihat pada kertas sedangkan scanner hasilnya ditampilkan pada layar monitor komputer dahulu kemudian baru dapat dirubah dan dimodifikasi sehingga tampilan dan hasilnya menjadi bagus yang kemudian dapat disimpan sebagai file text, dokumen dan gambar.

Bentuk dan ukuran scanner bermacam-macam, ada yang besarnya seukuran dengan kertas folio ada juga yang seukuran postcard, bahkan yang terbaru, berbentuk pena yang baru diluncurkan oleh perusahaan WizCom Technologies Inc. Scanner berukuran pena tersebut bisa menyimpan hingga 1.000 halaman teks cetak dan kemudian mentransfernya ke sebuah komputer pribadi (PC).

Scanner berukuran pena tersebut dinamakan Quicklink. Pena scanner itu berukuran panjang enam inci dan beratnya sekitar tiga ons. Scanner tersebut menurut WizCom dapat melakukan pekerjaannya secara acak lebih cepat dari scanner yang berbentuk datar. Data yang telah diambil dengan scanner itu, bisa dimasukkan secara langsung ke semua aplikasi komputer yang mengenali teks ASCII. Perbedaan tiap scanner dari berbagai merk terletak pada pemakaian teknologi dan resolusinya. Pemakaian teknologi misalnya penggunaan tombol-tombol digital dan teknik pencahayaan.

Cara kerja Scanner :

Ketika kamu menekan tombol mouse untuk memulai Scanning, yang terjadi adalah :

1.      Penekanan tombol mouse dari komputer menggerakkan pengendali kecepatan pada mesin scanner. Mesin yang terletak dalam scanner tersebut mengendalikan proses pengiriman ke unit scanning.

2.      Kemudian unit scanning menempatkan proses pengiiman ke tempat atau jalur yang sesuai untuk langsung memulai scanning.

3.      Nyala lampu yang terlihat pada Scanner menandakan bahwa kegiatan scanning sudah mulai dilakukan.

4.      Setelah nyala lampu sudah tidak ada, berarti proses scan sudah selesai dan hasilnya dapat dilihat pada layar monitor.

5.      Apabila hasil atau tampilan teks / gambar ingin dirubah, kita dapat merubahnya dengan menggunakan software-software aplikasi yang ada. Misalnya dengan photoshop, Adobe dan lain- lain. pot scanned.

Ada dua macam perbedaan scanner dalam memeriksa gambar yang berwarna yaitu :

1.      Scanner yang hanya bisa satu kali meng-scan warna dan menyimpan semua warna pada saat itu saja.

2.      Scanner yang langsung bisa tiga kali digunakan untuk menyimpan beberapa warna. Warna-warna tersebut adalah merah, hijau dan biru.

Scaner yang disebut pertama lebih cepat dibandingkan dengan yang kedua, tetapi menjadi kurang bagus jika digunakan untuk reproduksi warna. Kebanyakan scanner dijalankan pada 1-bit (binary digit / angka biner), 8-bit (256 warna), dan 24 bit (lebih dari 16 juta warna). Nah, bila kita membutuhkan hasil yang sangat baik maka dianjurtkan menggunakan scanner dengan bit yang besar agar resolusi warna lebih banyak dan bagus.

Kamera Digital

Salah satu input device yang sedang marak belakangan ini adalah digital camera. Dengan adanya alat ini, kita dapat lebih mudah memasukan data berupa gambar apa saja, dengan ukuran yang relatif cukup besar, ke dalam komputer kita. Digital camera yang beredar di pasaran saat ini ada berbagai macam jenis, mulai dari jenis camera untuk mengambil gambar statis, sampai dengan camera yang dapat merekam gambar dinamis seperti video.

MIC(Microphone)

Kalau camera digunakan untuk memasukkan input berupa gambar (dan suara), maka mic digunakan hanya untuk memasukkan input berupa suara. Penggunaan mic tentu saja memerlukan perangkat keras tambahan untuk menerima input suara tersebut yaitu sound card, dan speaker untuk mendengarkan hasil rekaman suara.

OUTPUT (Keluaran)

Adalah perangkat keras komputer yang berfungsi untuk menampilkan keluaran sebagai hasil pengolahan data. Keluaran dapat berupa hard-copy (ke kertas), soft-copy (ke monitor), ataupun berupa suara.

Output yang dihasilkan dari pemroses dapat digolongkan menjadi empat bentuk, yaitu tulisan (huruf, angka, simbol khusus), image (dalam bentuk grafik atau gambar), suara, dan bentuk lain yang dapat dibaca oleh mesin (machine-readable form). Tiga golongan pertama adalah output yang dapat digunakan langsung oleh manusia, sedangkan golongan terakhir biasanya digunakan sebagai input untuk proses selanjutnya dari komputer.

Peralatan output dapat berupa:

Hard-copy device, yaitu alat yang digunakan untuk mencetak tulisan dan image pada media keras seperti kertas atau film.

Soft-copy device, yaitu alat yang digunakan untuk menampilkan tulisan dan image pada media lunak yang berupa sinyal elektronik.

Drive device atau driver, yaitu alat yang digunakan untuk merekam simbol dalam bentuk yang hanya dapat dibaca oleh mesin pada media seperti magnetic disk atau magnetic tape. Alat ini berfungsi ganda, sebagai alat output dan juga sebagai alat input.

Output bentuk pertama sifatnya adalah permanen dan lebih portable (dapat dilepas dari alat outputnya dan dapat dibawa ke mana-mana). Alat yang umum digunakan untuk ini adalah printer, plotter, dan alat microfilm. Sedangkan output bentuk kedua dapat berupa video display, flat panel, dan speaker. Dan alat output bentuk ketiga yang menggunakan media magnetic disk adalah disk drive, dan yang menggunakan media magnetic tape adalah tape drive.

Printer dan Plotter

Printer dan plotter adalah jenis hard-copy device, karena keluaran hasil proses dicetak di atas kertas. Printer memiliki berbagai macam bentuk dan ukuran, serta ketajaman hasil cetak. Ukuran kertas yang dapat digunakan pun beragam. Tetapi, untuk mencetak di atas kertas dengan ukuran yang sangat besar, digunakanlah plotter.

Monitor

Monitor adalah salah satu jenis soft-copy device, karena keluarannya adalah berupa signal elektronik, dalam hal ini berupa gambar yang tampil di layar monitor. Gambar yang tampil adalah hasil pemrosesan data ataupun informasi masukan. Monitor memiliki berbagai ukuran layar seperti layaknya sebuah televisi. Tiap merek dan ukuran monitor memiliki tingkat resolusi yang berbeda. Resolusi ini lah yang akan menentukan ketajaman gambar yang dapat ditampilkan pada layar monitor. Jenis-jenis monitor saat ini sudah sangat beragam, mulai dari bentuk yang besar dengan layar cembung, sampai dengan bentuk yang tipis dengan layar datar (flat).

Infocus

Infocus hampir sama dengan monitor. Fungsinya adalah untuk menampilkan gambar/visual hasil pemrosesan data. Hanya saja, infocus memerlukan obyek lain sebagai media penerima pancaran singnal-signal gambar yang dipancarkan. Media penerima tersebut sebaiknya memiliki permukaan datar dan berwarna putih (terang).

Biasanya yang digunakan adalah dinding putih, whiteboard, ataupun kain/layar putih yang dibentangkan.