Web muncul sebagai suatu sistem hypertext yang sangat sederhana yang mendukung konsep global menghubungkan. Ini "kesederhanaan" resep untuk sukses telah meragukan penggunaan dewasa desain metode dan alat untuk hypertext / hypermedia ke hari saat ini. XML adalah yang pertama teknologi untuk membuat "dewasa" sistem hypertext mungkin, tetapi mereka jauh dari adat. Selain itu, dalam sejarah yang relatif singkat fokus Web telah di koneksi database dan dengan demikian desain informasi.
Pendahuluan
Bab ini merupakan pengenalan desain aplikasi Web. Tapi pertama, kita harus
titik terang pada praktek umum. praktek umum dicirikan oleh kurang terkoordinasi
desain tugas, yaitu, desain informasi, desain hypertext, dan desain software: Bagian 5.2 akan
Oleh karena itu menggunakan pendekatan evolusioner untuk memperkenalkan daerah ini dan membahas kemungkinan dan masalah sebelum membahas bagian integrasi. Tiga bagian berikut akan mencoba mengatasi benturan tidak terkoordinasi beberapa "budaya" dengan menggunakan struktur tiga bagian berdasarkan perspektif baru; masing-masing dari tiga bagian membahas salah satu dari tiga bagian, yaitu, presentasi desain, desain interaksi, dan desain fungsional. Bagian 5.6 akan memberikan gambaran arus isu-isu yang berkaitan dengan keberlanjutan, tujuan desain yang lebih besar.
Sejarah Singkat
Upaya pertama World Wide Web di berjalan ditandai dengan dokumen-sentris,
berbasis teks halaman HTML, dimana "aplikasi Web" istilah tampaknya berlebihan. Dalam
Bahkan, bahasa deskripsi dokumen HTML berakar dalam industri cetak dan penerbitan.
HTML mempromosikan penciptaan besar, dokumen terstruktur, yang diperkaya oleh link. Dalam Selain kesederhanaan tanpa kompromi, WWW rahasia kesuksesan adalah integrasi penuh link global - URL. "Dokumen Besar" berarti bahwa HTML mempromosikan pelanggaran terhadap pepatah dalam penelitian hypertext, dimana hypertext node harus mewakili terkecil yang mungkin artinya pembawa unit. Kontradiksi ini dan lainnya dengan negara-art of-the-akan dibahas pada bagian 5.2.1. Hari ini, defisit ini dapat dihilangkan hanya dengan standar berbasis XML W3C (http://www.w3c.org), namun tetap sebagian hanya "secara prinsip", karena perbaikan diperkenalkan perlahan ke dalam browser dan server Web.
Web Design dari Perspektif Evolusioner 89
Pendekatan seperti ASP / .NET, awalnya memainkan peran mendominasi. Mereka baru-baru ini substansial telah ditingkatkan dengan standar W3C untuk memperkuat interoperabilitas seluruh dunia dalam Web. Pentingnya tumbuh komponen aktif juga tercermin dalam prosedur panggilan jarak jauh, misalnya, yang sesuai dengan standar SOAP, muncul di samping "statis" link, dan fakta bahwa node tujuan link dapat ditentukan saat runtime, misalnya, melalui UDDI.
Sebagai pendekatan umum untuk desain aplikasi Web, dianjurkan untuk menutup semua enam bagian disorot dalam Gambar 5-1, dan untuk mengamati aspek-aspek berikut, dalam pandangan di atas kami diskusi:
• Latar belakang budaya semua pengembang harus terwakili dalam tim, dan perawatan harus diambil untuk integrasi mereka.
• Ada beberapa model independen, metode, dan alat untuk desain dan implementasi dalam masing-masing dari enam bagian, tapi mereka sangat berbeda, tergantung pada aplikasi Web kategori
• Pemilihan disebutkan di atas tidak hanya harus mempertimbangkan aplikasi Web yang direncanakan kategori, tetapi juga teknologi yang direncanakan.
• Sebuah proses desain yang komprehensif sebagai jalan melalui enam bagian ditunjukkan dalam Gambar 5-1 tidak dapat secara umum direkomendasikan. Sebaliknya, itu adalah berarti untuk mencakup semua tiga lapisan horizontal pertama pada satu sisi dan kemudian di sisi lain, mungkin iteratif.
Web Design dari Perspektif Evolusioner
5.2.1 Latar Belakang
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 90 Teknologi-aware Aplikasi Web Design 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.
Informasi Desain: 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, menyarankan: Hypertext Markup Language, bahasa untuk petunjuk - atau tag - bertebaran di seluruh dokumen teks. Dalam perjalanan waktu, HTML yang didukung media lain: gambar, media waktu-sensitif, seperti video dan audio, dll, tercermin dalam hypermedia istilah, yang kadang-kadang digunakan untuk membedakan HTML dari hypertext dan kadang-kadang sinonim untuk hypertext. Kami akan menggunakan hypertext sebagai istilah generik di berikut diskusi.
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.
• HTML dapat dipahami sebagai bahasa (klasik) deskripsi dokumen dengan hypertexttag 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).
Software Desain: Sebuah Aktivitas Programming
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.
Pemrograman Terdistribusi
Program Tersebar di Internet awalnya langsung berlari di atas koneksi TCP;
antar-proses komunikasi (IPC untuk pendek), yaitu pertukaran pesan antara dua
rekan sama, didominasi. Untuk multimedia, IPC (ditingkatkan dengan kualitas terjamin pelayanan "Sungai") tampaknya telah kembali beberapa arti, tetapi telah digantikan oleh Remote Procedure Call (RPC), disertai oleh klien / arsitektur server pada 1990-an.
Penggabungan Desain Informasi dan Desain Perangkat Lunak
pengembangan perangkat lunak berorientasi objek bermakna mengenkapsulasi data koheren bersama dengan yang melekat operasi - metode. pendekatan yg cenderung kpd mempertahankan kemurnian bahasa bahkan tidak akan membiarkan Anda akses data
langsung dari luar, hanya metode yang "terlihat" untuk objek pengguna.
Kami kemudian akan merancang aplikasi web dari unsur-unsur (Obyek-node hermafrodit) dan link (yang juga bisa metode hubungan panggilan). Ini 94 Teknologi-aware Aplikasi Web Design pendekatan yang memungkinkan kami mengidentifikasi teknologi untuk digunakan di kemudian hari, atau dari kasus ke kasus. Berikut alternatif sangat disederhanakan harus diamati dalam pendekatan ini:
• Elemen dapat diimplementasikan sebagai baik, halaman statis yang dihasilkan klien (misalnya, JavaScript), atau sebagai halaman yang dihasilkan server (ASP, JSP).
• Link berdiri untuk URL dalam HTML, atau untuk XLinks dalam XML, jika target adalah informasi agak dari program, dan jika baik isi dan alamat diketahui pada saat pelaksanaan (HTML biasa) atau pada saat presentasi (HTML dinamis).
Masalah dan Pembatasan dalam Desain Web Terpadu
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.
Kami akan secara singkat membahas tiga masalah tersebut di atas untuk lebih memahami mereka, sebuah diskusi rinci akan pergi di luar ruang lingkup dan volume buku ini. Hambatan budaya dapat memiliki begitu banyak wajah yang kami ingin memberikan satu contoh saja perwakilan: sementara desain grafis spesifik dari halaman Web yang dibahas dalam buku teks dan materi pendidikan, desain informasi spesifik untuk Web yang tidak ditujukan sebagai isu pendidikan. Contoh teknologi rintangan lebih mudah untuk melihat secara lebih rinci:
• Desain halaman web dalam arti desain informasi dan desain perangkat lunak dan
fase perkembangan selanjutnya biasanya tidak didukung oleh teknologi yang tersedia
di pasar.
• Transisi dari bentuk berbasis user interface interaktif untuk perangkat lunak dengan pengguna grafis interface biasanya merupakan perubahan teknologi yang dramatis, karena Java applet memiliki tidak memperoleh tanah banyak di dunia produksi industri perangkat lunak, meskipun Jawa telah menjadi jauh lebih umum "bahasa pemrograman untuk Web" dari awalnya diharapkan, misalnya, dalam bentuk Java Server Pages (JSPS).
Usulan Pendekatan Struktural
Kami berulang kali harus membedakan antara desain hypertext, desain informasi, dan
software desain di bagian berikut, karena, sayangnya, ini masih adat dalam desain
metode dan alat desain, dan dalam praktek. Namun, kami akan mencoba untuk menghindarinya demi sebuah integratif melihat desain aplikasi Web. Bagian 5.1 memperkenalkan desain terstruktur berdasarkan Gambar 5-1, dan bagian 5,3-5,5 akan membahas bagian-bagian dari pendekatan ini secara rinci. Untuk mengingat
tiga bagian, kami daftar di bawah ini, masing-masing dengan sisi komponen dan sisi mesh:
• Presentasi Desain
• Interaksi desain
• Desain Fungsional
Presentation of Nodes and Meshes
Sebuah Halaman Web konten hasil dari komposisi isi multimedia secara eksplisit dikembangkan pada sisi komponen dan isi implisit didefinisikan di sisi mesh (misalnya, pilihan navigasi).
Device-independent Development Approaches
Spektrum perangkat Web-enabled mencakup hampir semua kelas dibayangkan perangkat mobile, dari telepon seluler sangat kecil dengan browser WAP, melalui telepon pintar dan untuk tablet PC dengan menampilkan sentuhan yang sensitif. Ketika melihat fitur-fitur teknis dari perangkat mobile, set sangat berbeda dari hasil presentasi dan interaksi pilihan untuk digunakan dalam aplikasi Web.
Interaction Design
Interaksi desain menyangkut persimpangan dari unsur-unsur visual, dinamis, fungsional, dan teknis dari aplikasi Web. Tujuan utamanya adalah untuk menggabungkan unsur-unsur dan konflik halus, dalam rangka untuk menawarkan pengguna yang menarik dan serta pengalaman yang konsisten dan mudah dipahami. Bagian ini menunjukkan pendekatan sistematis yang membagi interaksi aplikasi Web menjadi empat aspek: user interaction, user interface organization, navigation, and user activities.
User Interaction
Sebuah aplikasi web menjadi lebih canggih, semakin banyak peran itu digabungkan ke dalam HTML: transportasi informasi, tata letak, interaksi pengguna, navigasi, proses (sebagai produk sampingan dari traversal link berikutnya), dan akses langsung ke konten digital.
Berikut akan diuraikan kriteria untuk membantu mengatur keputusan pembangunan yang akan dilakukan dengan kembali ke sifat inti dari sebuah aplikasi perangkat lunak: maintainability, reusability, scalability, sustainability and expandability (Carnegie Mellon Software Engineering Institute 2005) (see Table 5-1).
• Maintainability mengacu pada rata-rata upaya untuk mencari dan memperbaiki kegagalan perangkat lunak, dan biasanya diukur dengan kesederhanaan, keringkasan, modularitas dan self-descriptiveness.
User Interface Organization
Masalah sering terjadi ketika sebuah node berisi informasi dari sesuai pada layar. Ketika mencoba untuk menimbang aspek desain presentasi terhadap aspek interaksi desain. Maka dapat dibedakan pada pendekatan berikut (lihat Tabel 5-2):
1. Seluruh node dikirim ke pengguna sebagai HTML. Halaman HTML mencakup baik script atau kebiasaan tek-nologi plug-in untuk membiarkan subset akses informasi pengguna.
2. Seluruh node dikirim ke pengguna sebagai salah satu halaman HTML besar tanpa script. Pengguna memilih link relatif pada halaman untuk menelusuri halaman.
3. Pandangan parsial ke node dikirim ke pengguna. Halaman ini menampilkan arti diatur dalam subkumpulan informasi. Pengguna dapat menavigasi ke halaman lain untuk sepenuhnya membaca informasi yang diinginkan.
Navigation Design
Hasil dari desain navigasi adalah dua kali lipat: elemen pengguna dapat mengakses di satu sisi, dan struktur navigasi di sisi lain. Elemen menjadi node dalam kasus yang paling sederhana. Struktur mendefinisikan hubungan antara node. Hubungan ini nantinya akan menjadi struktur link yang terlihat di user interface. Desain interaksi mendefinisikan aspek-aspek yang diperlukan untuk navigasi itu sendiri (anchor and URL), dan unsur-unsur yang dibutuhkan bagi pengguna untuk menyesuaikan diri.
5.4.4 Designing a Link Representation: The Anchor
Anchors adalah terlihat sebagai korespondensi dari URL dan dengan demikian, harus menyampaikan baik motivasi bagi pengguna untuk mengaktifkan dan konsekuensi yang mungkin terjadi. Karena implementasi HTML berbasis Web campuran dengan konsep anchor dan konsep link ke satu elemen searah tunggal. Ini adalah alasan mengapa pengguna tidak bisa memastikan apa konsekuensi yang mungkin akan terjadi ketika mengikuti link (lihat Tabel 5-3).
Designing Link Internals: The URL
Navigation and Orientation
Structured Dialog for Complex Activities
Interplay with Technology and Architecture
Functional Design
Integration
Communication Paradigms and Middleware
Distributed Cross-corporate Web Applications
Outlook
Context-aware Applications
Device-independent Applications
Produsen alat Web Teknik telah lama memahami masalah aplikasi perangkat-independen namun mereka telah menyarankan terlalu optimis bahwa masalahnya bisa diselesaikan dengan mengubah presentasi generik (XML-based) ke bahasa markup yang digunakan oleh perangkat (HTML, WML, dll).
Senin, 06 Desember 2010
Langganan:
Posting Komentar (Atom)
