PERANCANGAN APLIKASI WEB

No comment 1571 views

Pengantar

  • Web muncul sebagai suatu sistem hypertext yang sangat sederhana yang mendukung konsep global yang saling berhubungan.
  • XML adalah teknologi pertama yang membuat sistem hypertext, tetapi sudah di rubah tidak seperti aslinya.
  • Pengembang aplikasi Web memecah aplikasi Web menjadi tiga Layer, dan dibagi dalam dua bagian, masing-masing dengan prinsip yang sama. pengembang membedakan antara komponen (node aplikasi Web khususnya.)

Tiga Lapisan Aplikasi Web

  1. Desain , di mana desain tampilan harus menarik untuk di lihat.
  2. Desain interaksi, di mana desain navigasi dengan menggunakan meshes, dan dialog khusus dengan menggunakan komponen.
  3. Desain fungsional, yang menentukan "inti" dari aplikasi Web.

Elemen dasar dokumen hypertext

Sebagai pendekatan umum untuk desain aplikasi Web, dianjurkan untuk mencakup semua enam bagian disorot dalam Gambar 5-1, dan untuk mengamati aspek-aspek berikut, berikut harus diamati:

  • Latar belakang budaya semua pengembang harus terwakili dalam tim, dan perawatan harus diambil untuk di integrasi.
  • Ada beberapa model independen, metode, dan alat untuk desain dan implementasi di masing-masing enam bagian, tapi sangat berbeda, tergantung pada kategori aplikasi Web.

Desain Presentasi

berikut yang di buat untuk membuat desain sistem aplikasi web

  • Dalam desain presentasi, "media desainer" mendefinisikan tampilan struktur bagaimana isi multimedia disajikan.
  • HTML ditentukan isi bersama dengan petunjuk format, link, dan program (script).
  • Presentasi modern, desain mengikuti pemisahan konseptual Web aplikasi konten dan presentasi.
  • Isi dari hasil aplikasi Web dari komposisi isi multimedia yang dikembangkan secara eksplisit di sisi komponen dan didefinisikan secara implisit isi di sisi mesh.
  • Desain presentasi yang baik memungkinkan kita untuk fleksibel menyesuaikan presentasi dengan kebutuhan budaya, teknologi, dan berbagai kontekstual.

Tools yang tersedia untuk editor halaman

  • Alat yang tersedia untuk membuat aplikasi Web dapat dikelompokkan menjadi dua kategori oleh bagaimana mereka mendukung desain presentasi: editor halaman konvensional dan konten manajemen sistem.
  • Catatan: dalam versi terbaru halaman editor banyak fungsi mengintegrasikan sistem manajemen konten yang sederhana.

Interaksi Desain

  • Interaksi desain menyangkut persimpangan, fungsional, dan teknis unsur-unsur dinamis dari aplikasi Web.
  • Aplikasi Web membagi desain interaksi menjadi empat aspek:
    1. user interaction (interaksi pengguna).
    2. user interface organization (organisasi pengguna antarmuka).
    3. Navigation (Navigasi).
    4. user activities (Aktivitas pengguna).

User interaction

  • Aplikasi yang ditampilkan di Web dengan hanya menerjemahkan ke dalam halaman HTML, sedangkan memperkenalkan beberapa fitur tambahan saja, seperti concurrent akses ke database.
  • Sebagai aplikasi web menjadi lebih canggih, semakin banyak peran itu digabungkan ke dalam HTML (informasi transportasi, tata letak, interaksi pengguna, proses navigasi).

User interface organization

  • Server perlu untuk menghasilkan halaman baru setiap waktu.
  • Aplikasi berjalan lebih lambat.
  • Untuk mengatasi keterbatasan ini, selama bertahun-tahun, beberapa pendekatan teknologi dikembangkan, dengan satu set besar tumpang tindih fungsi.
  • Contoh ini dengan teknis (ActiveX/Applets/AJAX).

  • Sangat terkait dengan desain presentasi, tetapi ditentukan oleh aspek integrasi bukan dengan aspek presentasi.
  • Aplikasi Web merupakan sejumlah besar informasi. Tantangannya adalah kemudian sesuai peta ini sejumlah besar aspek.
  • Teknologi: navigasi semantik, portabilitas dan kegunaan.


Beberapa pendekatan

Navigation Design

  • Desain Navigas tergantung pada:
    • pengguna akses.
    • struktur navigasi.
  • Elemen menjadi node dalam kasus yang paling sederhana dan struktur yang mendefinisikan hubungan antara node seperti ( anchor dan URL).
  • Anchor adalah searah elemen tunggal.
  • Pengguna tidak bisa memastikan apa konsekuensi yang mungkin akan ketika mengikuti sebuah link.
  • Navigasi proses dipicu dengan mengaktifkan anchor di user interface. anchor harus jelas dan ringkas.
  • XML standar seperti XPath, XPointer, dan XLink, menawarkan fungsionalitas hypermedia infrastruktur untuk umum.
  • Contoh: link multi arah dapat digunakan untuk menghubungkan dokumen XML dengan beberapa sumber daya. Ini berarti bahwa satu link terpadu ikatan sumber daya ini, sehingga mereka dapat dicapai dalam urutan apapun.

Navigation and Orientation

Navigasi alat yang membantu untuk membatasi bagi pengguna. Ada tiga strategi untuk mengidentifikasikan :

  • Navigation organization : Strategi ini menentukan struktur navigasi keseluruhan. Untuk menghindari redundansi navigasi, misalnya (indeks). Jenis navigasi ini disebut navigasi berbentuk bintang.
  • Orientation aid : Strategi addresses akan menyakan “Dimana saya?” dan "Di mana aku?".
  • Link perception: Strategi ini terutama menyangkut isu-isu yang berkaitan dengan asosiasi link.

Structured Dialog for Complex Activities

Tiga kategori navigasi ke depan:

  1. Tindakan adalah dipicu sebagai hasil dari langkah navigasi.
  2. Navigasi panggilan "hanya" satu halaman tambahan.
  3. Langkah navigasi mengarah ke node tidak secara langsung terlibat dalam kegiatan (informasi tambahan, dll.)

Desain fungsional

  • Integration Integrasi
  • Communication Paradigms and Middleware.
  • Distributed Cross-corporate Web Applications Distributed

Interaksi dengan Teknologi dan Arsitektur

  • Sederhana kegiatan yang mengambil informasi dapat dilaksanakan dengan sederhana "3-layer architectures", yang menggunakan template untuk menghasilkan output HTML yang sesuai permintaan klien (misalnya, berdasarkan ASP.NET, JSP, atau PHP).
  • Dalam arsitektur sederhana seperti, pengendalian aplikasi dan logika aplikasi yang tertanam dalam kode sumber script dari template.
  • Sebagai informasi untuk diwakili menjadi lebih kompleks, maka akan lebih baik untuk menggantikan. script bahasa by-side tag-server yang didefinisikan pengguna.
  • Model-View-Controller ( MVC ) architecture these days.
Tags:
author
Linuxer | Blogger | Pencinta Kuliner | Suka Jalan2 | Pecandu sosial media

Leave a reply "PERANCANGAN APLIKASI WEB"

______Anti Spam____ * Time limit is exhausted. Please reload CAPTCHA.