Perancangan Aplikasi Web

1.    Pendahuluan

Awalnya World Wide Web (Web) dibuat pada tahun 1989 sebagai suatu lingkungan yang mengijinkan pembagian informasi (seperti laporan penelitian, basis data, dan panduan pengguna). Informasi berisi dokumen teks yang saling terhubung dengan antarmuka pengguna (Web Browser). Sejak awal, Web memang telah berubah menjadi suatu lingkungan yang dipekerjakan untuk mengirimkan beberapa jenis aplikasi yang berbeda.

Pengembangan aplikasi web mempunyai beberapa karakteristik yang membedakan pengembangan ini dari berbagai jenis aplikasi. Pada suatu sisi, ada banyak jenis yang berbeda dari partisipasi stakeholder dalam proses pengembangan. Fitur utama dari sistem ini adalah struktur navigasional, antarmuka pengguna, dan kemampuan personalisasi.

Pada pengembangan aplikasi traditional (non-Web), baik praktisi maupun pakar telah memproses kebutuhan teknik, seperti fase yang paling penting di dalam proses pengembangan semenjak kesalahan yang paling umum dan penggunaan waktu yang penting diperbaiki

2.    Design Web Dari Perspektife Evolusi

a.      Background

Seperti yang disebutkan pada awal Bab 1 dan di atas, salah satu karakteristik utama Web aplikasi adalah pandangan mereka dokumen-sentris, yaitu, pentingnya jauh lebih besar dari manusia yang dapat dibaca informasi versus perangkat lunak konvensional: isi adalah raja. 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.

b.      Informasi Design : An Authoring Design

Konsep hypertext lebih tua dari HTML; ide dasar yang dirumuskan oleh Vannevar Bush pada awal pada akhir Perang Dunia II dalam pandangan kekayaan muncul informasi teknis pembawa. Ted Nelson menciptakan istilah itu sendiri pada 1960-an. dokumen Hypertext yang terdiri dari berikut:

•     Node, link, dan jangkar, sebagaimana diperkenalkan di dalam Bab 1, dan

•         Jerat dan agregat lainnya. Jerat menunjuk node koheren dan link, dan disebut hypertext dokumen di era sebelum Web.

c.       Design Software : Aktifitas Program

Bagian ini terus mengambil perspektif sejarah dengan membedakan antara bertahap perkembangan "Web diprogram" dan pengembangan (didistribusikan) pemrograman. Bagian ini menyentuh isu-isu dibahas secara rinci dalam Bab 4 dan 6, menyapa mereka hanya sebagai sejauh mereka terkait dengan aspek desain penting.

•         Programmable Web

Langkah-langkah pertama menuju "dinamika" bentuk-bentuk HTML. Dengan pengenalan mereka, signifikansi bahasa script meningkat secara dramatis, karena mereka dapat disesuaikan secara khusus untuk pengolahan kebutuhan browser atau server dan mudah untuk menangani. Script biasanya digunakan untuk membuat halaman HTML on the fly, tergantung pada masukan dalam bentuk HTML.

•         Distributed programming

d.      Gabungan design informasi dan design software

teknologi sepenuhnya bergabung, atau memiliki "budaya" manusia yang terlibat dalam pengembangan aplikasi Web. Namun, mungkin berguna untuk mengabaikan buatan "teknologi-driven" pemisahan dari dunia objek dari hypertext dunia dalam sebuah proses desain. Kami kemudian akan merancang aplikasi web dari unsur-unsur (Obyek-node hermafrodit) dan link (yang juga bisa metode hubungan panggilan). Ini pendekatan yang memungkinkan kami mengidentifikasi teknologi untuk digunakan di kemudian hari, atau dari kasus ke kasus.

e.      Problems and Restrictions in integrated Web Design

Jalan menuju integrasi hypertext, informasi, dan desain perangkat lunak ke dalam desain web adalah bergelombang, terutama disebabkan oleh tiga kendala spesifik: "budaya", teknologi, dan konseptual masalah. Di sisi "budaya", kita bisa mengkritik bahwa pemahaman saling bentrok budaya tidak cukup tidak hanya di kalangan pengembang Web dalam praktek, tetapi juga di antara peneliti, alat dan metode pengembang, dan pelatih. Di sisi teknologi, tersedia alat-alat dan metode tidak mencukupi.

f.        A Proposed Structural Approach

Untuk mengingat tiga bagian, kami daftar di bawah ini, masing-masing dengan sisi komponen dan sisi mesh:

• Desain Presentasi: desain ini memiliki output dokumen, media, dan data (dalam arti sistem informasi, atau dalam arti data aplikasi komponen perangkat lunak) pada yang komponen samping. Di sisi mesh, desain ini harus fokus pada visualisasi, pendengaran atau output multi-modal dari jerat, dan komponen (s) saat ini dikunjungi oleh pengguna. Sejak sisi ini masih dalam tahap penelitian, selain dari penggunaan umum bar navigasi di browser, akan dibahas hanya sebentar dalam bagian 5.3.

• Desain Interaksi: Bagian ini berkaitan dengan aliran kontrol interaksi pengguna dengan aplikasi Web. Di sisi mesh, navigasi istilah telah menjadi adat, sementara dialog istilah yang digunakan pada sisi komponen

3.    Design Presentasi

Selain itu, banyak halaman Web, aplikasi Web dan situs Web yang direstrukturisasi seluruh atau dilengkapi dengan desain visual baru (lihat Bab 1) selama siklus hidup mereka. 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.

3.1 Tata letak halaman

Tata letak halaman adalah karakteristik yang paling prinsipel yang dirasakan oleh pengguna. Tata letak harur bersih dan keseluruhan konten harus tertata dan tersusun dengan baik. Hal tersebut bisa membantu orang-orang yang lemah (buta atau cacat). Sebagai teknologi bantu, heading paragraf (h2>,... tag) dan struktur paragraf sebaiknya membuat konten lebih dapat dimengerti. Dengan sangat jelas. Tag <hn> harus digunakan di urutan yang benar. Tidak hanya untuk mendapatkan efek grafis. Pemakaian yang benar dari tag ini dapat secara otomatis dibuktikan Tata letak harus dapat menyesuaikan diri pada alat yang berbeda. Kemampuan ini menyiratkan bahwa halaman harus menghindari pembuatan referensi pada pengaturan perangkat spesifik, seperti resolusi layar atau menetapkan ukuran komponen halaman.

3.2 Teks

Ada beberapa isu yang harus dipertimbangkan tentang presentasi teks. Huruf yang digunakan harus dapat dicocokkan untuk kemudahan pembacaan. Berikut ini adalah beberapa aturan tentang warna dan ukuran.

3.3 Multimedia

Mutimedia adalah suatu komponen penting dari situs Web. Bagaimanapun juga, kita harus membedakan komponen multimedia sebagai hal-hal yang perlu karena dapat menyampaikan suatu pesan penting dari kasus-kasus dengan citra atau suara yang dapat memperkaya halaman untuk membuat situs Web menjadi lebih aktraktif.

3.4 Tautan

Tautan merupakan suatu komponen yang penting. Pertimbangan di bagian ini hanyalah aspekaspek dari penyajiannya. Isu pertimbangannya adalah

a. Sejumlah tautan

b. Sejumlah tautan yang rusak

c. Sejumlah tautan harus secara hati-hati dievaluasi, seperti beberapa di antara mereka yang hanya bisa menjadi tautan menu, dan harus dipertimbangkan kelompoknya, dan

d. Terakhir, tujuan halaman mungkin memerlurkan sejumlah tautan rendah atau tinggi

3.5 Form

Pada tingkat presentasi, form harus dievaluasi dengan mempertimbangkan fitur-fitur aksesibilitinya (label, pengisian field dengan data default, urutan sesuai field, dan kemungkinan untuk berpindah dengan tombol tab).

4. Interaction Design

Cara yang utama untuk penerapan interaksi adalah dengan menggunakan formulir. Isu untuk pertimbangannya adalah sebagai berikut:

• Transparasi (pengguna diberi tahu mengenai pengisian, tambalan, format dan peluncuran)

• Pemulihan (pembatalan tersedia pada formulir halaman atau setelah pengguna mengisi formulit isian dan kemudian sistem memberitahukan aksi yang diselesaikan dan kemungkinan untuk dapat dibatalkan), dan

• fasilitas catatan tambahan (jika pengguna dapat berperan untuk konten situs web)

5. Functional Design

Kita dapat mengintegrasikan sistem pada tiga tingkatan, yang harus ditafsirkan sebagai subtingkat dari desain fungsional: tingkat data, tingkat aplikasi, dan tingkat proses. Dalam integrasi pada tingkat data, kami memastikan bahwa data antara representasi berbagai aplikasi yang berubah dan disalin. Contohnya termasuk transformasi primitif langkah-langkah antara ekspor data dari satu aplikasi dan mengimpor data ke dalam aplikasi lain, atau penggunaan JDBC untuk menghubungkan database. Pendekatan ini tidak melibatkan aplikasi sendiri, dan tidak membiarkan kita memvalidasi data.

Selain itu sistem harus mencakup semua fitur-fitur penting untuk memenuhi kebutuhan tugastugas. Akurasi, kesesuaian, pemenuhan, interoperabilitasm dan keamanan adalah isu yang harus diselidiki dalam perancangan suatu sisetm aplikasi web untuk menyakinkan bahwa sistem akan melaksanakannya seperti yang diharapkan. Aplikasi web harus mempunyai kemampuan pencarian dan pengambilan kembali, navigasi, dan fitur-fitur browsing dan fitur-fitur aplikasi berkaitan dengan domain.

6. Outlook/Pandangann Aplikasi Context-aware

Sebuah aplikasi context-aware adalah sebuah aplikasi yang membutuhkan pengetahuan khusus bagi para pengguna – pengguna. Untuk menyesuaikan secara optimal baik interaksi maupun fungsinya. Selain itu, konteks kesadaran mengarah pada jenis baru dari aplikasi, misalnya, Location-Based Services (LBSs) yang bergantung pada lokasi tepat kita berada.

Misalnya, menampilkan informasi suatu restoran, sistem ini akan disesuaikan dengan restoran yang ada di lingkungan pengguna.Sebuah kekayaan yang hampir tak terbatas dan lebih canggih,

misalnya, menampilkan preferensi kuliner pengguna, atau informasi lalu lintas setempat secara elektronik.

Sejumlah masalah harus dipecahkan supaya jenis aplikasi canggih ini dapat diperkenalkan secara luas. Masalah-masalah ini tidak hanya bersifat teknis, misalnya, sehubungan dengan membuat informasi dan konteks yang diperlukan. Operator ISP di daerah setempat. Mengingat potensi penjualan besar, operator telekomunikasi tampaknya tertarik menawarkan layanan context-aware sendiri atau melalui mitra yang dipilih. Kurangnya kompetisi dan, akibatnya, rendahnya kualitas layanan yang saat ini ditawarkan membuat model bisnis ini muncul diragukan.

Selain itu hambatan utama untuk pengenalan aplikasi Web context-aware adalah privasi pengguna. LBSs khususnya telah dibahas oleh berdebat apakah atau tidak ketiga pihak dapat merekonstruksi dan penyalahgunaan lokasi pengguna.

Reusability

Konsep memainkan peranan penting dalam desain dapat dilihat dalam pemrograman berorientasi objek atau design-object. Bagian-bagian berikut ini akan membahas secara singkat tiga bidang penelitian dan pembangunan yang menjanjikan untuk substansial mempromosikan reusability sebagai contoh representatif. Dan pembangunan yang menjanjikan untuk substansial mempromosikan reusability sebagai contoh representatif.

Konsep untuk Meshes

Dukungan terhadap konsep yang memungkinkan untuk merancang meshes dengan elegan terdiri dari unsur-unsur dan link kecil, tetapi tidak cukup untuk desain perangkat lunak dan untuk desain informasi Web aplikasi.

Konsep Mature Type

Jenis unsur dan link serupa dengan yang diperkenalkan secara umum di desain informasi selama era HTML, dan mereka sekarang mengalami kebangkitan dengan XML (Meskipun belum populer). Dalam desain perangkat lunak (lihat UML), kelas dari unsur-unsur yang didukung memuaskan, dan mereka juga didukung oleh hierarki kelas dan komponen konsep modern di berorientasi objek perangkat teknologi

Konsep Komposisi Alternatif

Meshes dibahas di sini merupakan grafik diarahkan. Mengingat konsep-konsep pemrograman tingkat lanjut, misalnya komunikasi, event-based dan konsep hypertext maju seperti link (yang sebagian didukung dalam standar berbasis XML), diasumsikan bahwa konsep "mesh" seperti itu harus ditingkatkan. Namun, tidak bekerja saat ini di arah ini diketahui oleh penulis.

7. Kesimpulan

Rekayasa Web adalah sebuah aplikasi yang menggunakan pendekatan sistematis, disiplin, dan terukur untuk pengembangan, operasi dan pemeliharaan aplikasi berbasis web (Web-based Applications) .