Macam macam dan arsitektur situs
Jenis dan Arsitektur Web
Disusun oleh:
1604500 Amellya Mustikaningtyas Rishanty
Departemen Pendidikan Ilmu Komputer
Fakultas Pendidikan Matematika dan Ilmu Pengetahuan Alam
Universitas Pendidikan Indonesia
2017
Jenis-jenis Situs
Situs Intranets
Intranets
Situs
Situs Extranets
Extranets
Situs
Situs Umum
Umum
Situs
Situs Intranets
Info Pengguna
Tinggi
Perencanaan
Memungkinkan
Bandwidth
Tinggi
Kemungkinan penerapan teknologi
Memungkinkan
Situs Extranets
Info Pengguna
Menengah
Perencanaan
Biasanya memungkinkan
Bandwidth
Banyak macam
Kemungkinan penerapan teknologi
Terkadang
Situs Umum
Info Pengguna
Rendah
Perencanaan
Sangat kecil
kemungkinannya
Bandwidth
Bermacam-macam
Kemungkinan penerapan teknologi
jarang
Pengelompokkan
berdasarkan interaksi
Situs yang interaktif adalah situs yang dimana pengguna dari situs
tersebut dapat berinteraksi secara langsung dengan konten yang
telah disediakan atau dapat berinteraksi dengan pengguna
lainnya.
Pengelompokkan
berdasarkan frekuensi
pembaharuan
Pembaharuan Situs Web merupakan hal penting, karena dengan ini
kita dapat memenuhi hasrat keinginan pengunjung dan juga
pembaharuan konten merupakan hal yang sangat vital agar
pengunjung merasa bahwa Web yang kita buat ini informatif
dengan konten terbaru.
Pengelompokan berdasarkan waktu
pembuatan page
• Pada Web Stastis ketika ada
permintaan dari visitor, server akan
memberikan file yang statis dimana
semua visitor mendapatkan data yang
sama.
• Pada Web Dinamis ketika visitor
mengirimkan permintaan ke Web
server maka Web server akan
memeriksa Data base dan Web Server
akang memberikan filenya ke visitor.
Pada dinamis hasil yang ditampilkan
sesuai dengan permintaanpermintaan Visitor, sehingga bisa saja
file yang diterima tiap-tiap visitor
berbeda beda.
Pengelompokan berdasarkan
ukuran
Ukurannya tidak hanya dari seberapa banyak situs, misalnya banyak
halaman yang berada pada situs tersebut
< 10 halaman
10-100 halaman
Sangat kecil
Kecil
Biasanya ditujukan untuk banyak orang dan hanya
sedikit perhatian terhadap teknologinya
100-1000 halaman
Menengah
Biasanya situs ini diurus oleh grup kecil dan memiliki
teknologi yang lebih kompleks
1000-10,000 halaman Besar
>10,000 halaman
Sangat besar
Biasanya perseorangan yang mengurus situs
tersebut, dan ia memberikan teknis yang kompleks
dan menerima permintaan dari visitor
Pengelompokkan berdasarkan
Teknologi yang digunakan
• Pengelompokkan ini dapat kita
kelompokkan dari HTML dengan
presentasi nya menggunakan
tabel atau menggunakan XHTML,
• Atau dapat dibandingkan juga dari
penggunaan versi W3C,
• Dan penggunaan teknologi lainnya
Pengelompokan berdasarkan
tampilan
Ukurannya tidak hanya dari seberapa banyak situs, misalnya banyak
halaman yang berada pada situs tersebut
Text-focused
GUI style
Fokus terhadap konten teks dengan desain dan grafis yang sedikit
Mengikuti grafis yang dihubungkan konfeksi
Metafora
Menyediakan hubungan berdasarkan metafora dari dunia nyata
Percobaan
Memberitahukan konfeksi dan menampilkan konten dan navigasi situs dengan cara
yang baru
Pengelompokkan
berdasarkan tujuan
Situs Komersial
Situs Hiburan
Situs Informasi
Situs Komunitas
Situs Artistik
Situs Navigasi
Situs Pribadi
*klik salah satu tombol
Situs Komersial
Situs ini digunakan untuk mendukung bisnis organisasi. Biasanya,
tujuan utama pengunjungnya untuk konsumen yang mungkin tertarik
dengan produk tersebut
https://www.samsung.com/us/
Situs Informasi
Situs ini biasanya berada pada pemerintahan, edukasi, berita, organisasi yang tidak
mendapatkan keuntungan, kelompok, dan lain-lainnya. Tujuan dari situs ini bermacammacam menyesuaikan dengan instasi terkait yang membuat Web tersebut.
http://www.nytimes.com/2011/07/31/fashion/for-asian-stars-many-web-fans.html
Situs Hiburan
Situs ini biasanya bersifat komersiat, tetapi memiliki pertimbangan
yang khusus. Tujuan dari situs ini biasanya untuk memberikan hiburan
bagi para pengunjung.
https://soundcloud.com/
Situs Navigasi
Situs ini digunakan untuk membantu pengunjung mencari jalan
menggunakan internet. Tidah hanya sebagai penunjuk jalan, baisanya
juga terdapat informasi tempat-tempat terdekat.
https://www.google.co.id/maps
Situs Komunitas
Situs ini memudahkan interaksi antara pengunjung dan server
https://kitabisa.com/
Situs Artistik
Situs ini digunakan untuk mengekspresikan karya dari seorang
individu maupun komunitas. Biasanya bertujuan untuk menginspirasi,
menghibur, dan sebagainya.
https://www.riomotret.com/
Situs Pribadi
Situs pribadi biasanya dibuat untuk menginformasikan kerabat, atau
dibuat hanya untuk mengasah kemampuan, seperti mengasah
kemampuan berbahasa HTML ataupun mengasah bahkat menulis.
http://www.maudyayunda.com/
Struktur Situs
Struktur logical
=========
Menampilkan dokumen yang terkait
dengan dokumen lainnya atau bisa kita
sebut dengan links
Struktur fisik
=========
Menampilkan keberadaan dokumen
Model pengorganisasian situs
Linear
Grid
Hirarki
Linear
Model linear ini berdasarkan tahapan
sehingga data yang didapatkan kompleks
Linear murni
Linear dengan
alternatif
Linear dengan
sisi lainnya
(pilihan)
Linear dengan
pilihan
Linear Murni
Model linear memiliki prediksi yang sangat bagus karena desainer tahu apa yang selanjutnya pengunjung
inginkan. Karena tidak ada pilihan selain maju dan mundur, pengunjung merasa terbatasi.
Back
Butler
robot
Next
Linear dengan alternatif
Model linear dengan alternatif mensimulasikan interaktifitas dengan 2 atau lebih pilihan untuk keluar dari
halaman, dimana nantinya pengunjung kembali ke halaman sebelumnya seperti ilustrasi berikut:
Linear dengan pilihan
Model linear dengan pilihan ini sangat bagus untuk umum, tetapi permasalahannya halaman tersebut
dapat di lompat.
Back
Butler
robot
Next
Linear dengan sisi pilihan
Model linear dengan sisi pilihan ini memperbolehkan segala pengalihan. Walaupun pengunjung hanya
memasuki beberapa halaman saja, strukturnya tetap sama yaitu mengalir.
Grid
Model grid ini merupakal struktur dual linear dimana menampilkan hubungan horizontal
dan vertical diantaranya. Struktur grid mudah dinavigasikan.
Hirarki
Struktur hypertext yang paling umum di Web adalah bentuk
pohon atau hierarki. Pengendalian struktur linier, hirarki
sangat penting karena bisa dimodifikasi untuk
menyembunyikan atau mengekspos sebanyak mungkin
informasi.
Pohon yang
sempit
Pohon yang
lebar
Jaringan
pohon
Bentuk
campuran
Gaya jaringan
Saling
berhubungan
Pohon yang sempit
Struktur ini hanya
menampilkan beberapa pilihan
tetapi memungkinkan
pengunjung mengklik untuk
mendpatkan destinasi terakhir
Pohon jaringan
Realitas dari Web ini adalah struktur pohon murni yang khas jarang digunakan.
Struktur pohon yang murni ini tidak ada cross-link, dan backtracking yang pada
kenyataannya sering dibutuhkan untuk mencapai bagian lain.
Situs yang saling berhubungan
Ilustrasi berikut menunjukkan jaring lengkap untuk sebuah situs dengan lima halaman.
Dalam jaring penuh, jumlah link sama dengan jumlah halaman yang dikalikan dengan
Dalam prakteknya, kebanyakan situs cenderung menggunakan gaya mesh parsial dengan
lintas-link hanya halaman yang paling penting.
Pohon campuran
Bentuk campuran mungkin yang paling umum bentuk ini biasa
digunakan situs Web.
Web Style
Struktur web murni dapat terasa
sulit digunakan karena tidak
memiliki orientasi spasial yang
jelas. Padahal informasi bisa
diakses dengan cepat jika pilihan
yang tepat dibuat, mungkin saja
sulit untuk mengarahkan diri di
situs Web dengan struktur yang
tidak jelas. Jika struktur situs yang
ada yang kurang jelas pengunjung
mungkin menggunakan navigasi.
Kegunaan dan Struktur Situs
Hal yang penting adalah apa yang pengguna
lakukan dan informasi apa yang mereka akses. Jika
konten tersebut mencapai tujuan mereka. Ketika
mengorganisir sebuah situs, berusahalah untuk
melihat sudut pandang pengguna yang mengunjungi
situs.
Porous and Solid Site Structure
Ketika sebuah situs mengekspos semua dokumen dengan URL yang
umum, bisa dikatakan menunjukkan struktur "berpori". Sebuah situs
yang berpori memaksa pengguna untuk masuk melalui poin umum
seperti halaman rumah, halaman utama bagian, dan sebagainya.
Kebanyakan pengguna akan mungkin masuk melalui halaman tersebut,
tapi secara teoritis setiap URL, namun dalam struktur situs, bisa masuk.
Sebaliknya, sebuah situs dengan struktur yang "solid" akan menjadi
salah satu yang sangat membatasi catatan menunjuk ke situs URL
sedikit atau bahkan satu URL.
Disusun oleh:
1604500 Amellya Mustikaningtyas Rishanty
Departemen Pendidikan Ilmu Komputer
Fakultas Pendidikan Matematika dan Ilmu Pengetahuan Alam
Universitas Pendidikan Indonesia
2017
Jenis-jenis Situs
Situs Intranets
Intranets
Situs
Situs Extranets
Extranets
Situs
Situs Umum
Umum
Situs
Situs Intranets
Info Pengguna
Tinggi
Perencanaan
Memungkinkan
Bandwidth
Tinggi
Kemungkinan penerapan teknologi
Memungkinkan
Situs Extranets
Info Pengguna
Menengah
Perencanaan
Biasanya memungkinkan
Bandwidth
Banyak macam
Kemungkinan penerapan teknologi
Terkadang
Situs Umum
Info Pengguna
Rendah
Perencanaan
Sangat kecil
kemungkinannya
Bandwidth
Bermacam-macam
Kemungkinan penerapan teknologi
jarang
Pengelompokkan
berdasarkan interaksi
Situs yang interaktif adalah situs yang dimana pengguna dari situs
tersebut dapat berinteraksi secara langsung dengan konten yang
telah disediakan atau dapat berinteraksi dengan pengguna
lainnya.
Pengelompokkan
berdasarkan frekuensi
pembaharuan
Pembaharuan Situs Web merupakan hal penting, karena dengan ini
kita dapat memenuhi hasrat keinginan pengunjung dan juga
pembaharuan konten merupakan hal yang sangat vital agar
pengunjung merasa bahwa Web yang kita buat ini informatif
dengan konten terbaru.
Pengelompokan berdasarkan waktu
pembuatan page
• Pada Web Stastis ketika ada
permintaan dari visitor, server akan
memberikan file yang statis dimana
semua visitor mendapatkan data yang
sama.
• Pada Web Dinamis ketika visitor
mengirimkan permintaan ke Web
server maka Web server akan
memeriksa Data base dan Web Server
akang memberikan filenya ke visitor.
Pada dinamis hasil yang ditampilkan
sesuai dengan permintaanpermintaan Visitor, sehingga bisa saja
file yang diterima tiap-tiap visitor
berbeda beda.
Pengelompokan berdasarkan
ukuran
Ukurannya tidak hanya dari seberapa banyak situs, misalnya banyak
halaman yang berada pada situs tersebut
< 10 halaman
10-100 halaman
Sangat kecil
Kecil
Biasanya ditujukan untuk banyak orang dan hanya
sedikit perhatian terhadap teknologinya
100-1000 halaman
Menengah
Biasanya situs ini diurus oleh grup kecil dan memiliki
teknologi yang lebih kompleks
1000-10,000 halaman Besar
>10,000 halaman
Sangat besar
Biasanya perseorangan yang mengurus situs
tersebut, dan ia memberikan teknis yang kompleks
dan menerima permintaan dari visitor
Pengelompokkan berdasarkan
Teknologi yang digunakan
• Pengelompokkan ini dapat kita
kelompokkan dari HTML dengan
presentasi nya menggunakan
tabel atau menggunakan XHTML,
• Atau dapat dibandingkan juga dari
penggunaan versi W3C,
• Dan penggunaan teknologi lainnya
Pengelompokan berdasarkan
tampilan
Ukurannya tidak hanya dari seberapa banyak situs, misalnya banyak
halaman yang berada pada situs tersebut
Text-focused
GUI style
Fokus terhadap konten teks dengan desain dan grafis yang sedikit
Mengikuti grafis yang dihubungkan konfeksi
Metafora
Menyediakan hubungan berdasarkan metafora dari dunia nyata
Percobaan
Memberitahukan konfeksi dan menampilkan konten dan navigasi situs dengan cara
yang baru
Pengelompokkan
berdasarkan tujuan
Situs Komersial
Situs Hiburan
Situs Informasi
Situs Komunitas
Situs Artistik
Situs Navigasi
Situs Pribadi
*klik salah satu tombol
Situs Komersial
Situs ini digunakan untuk mendukung bisnis organisasi. Biasanya,
tujuan utama pengunjungnya untuk konsumen yang mungkin tertarik
dengan produk tersebut
https://www.samsung.com/us/
Situs Informasi
Situs ini biasanya berada pada pemerintahan, edukasi, berita, organisasi yang tidak
mendapatkan keuntungan, kelompok, dan lain-lainnya. Tujuan dari situs ini bermacammacam menyesuaikan dengan instasi terkait yang membuat Web tersebut.
http://www.nytimes.com/2011/07/31/fashion/for-asian-stars-many-web-fans.html
Situs Hiburan
Situs ini biasanya bersifat komersiat, tetapi memiliki pertimbangan
yang khusus. Tujuan dari situs ini biasanya untuk memberikan hiburan
bagi para pengunjung.
https://soundcloud.com/
Situs Navigasi
Situs ini digunakan untuk membantu pengunjung mencari jalan
menggunakan internet. Tidah hanya sebagai penunjuk jalan, baisanya
juga terdapat informasi tempat-tempat terdekat.
https://www.google.co.id/maps
Situs Komunitas
Situs ini memudahkan interaksi antara pengunjung dan server
https://kitabisa.com/
Situs Artistik
Situs ini digunakan untuk mengekspresikan karya dari seorang
individu maupun komunitas. Biasanya bertujuan untuk menginspirasi,
menghibur, dan sebagainya.
https://www.riomotret.com/
Situs Pribadi
Situs pribadi biasanya dibuat untuk menginformasikan kerabat, atau
dibuat hanya untuk mengasah kemampuan, seperti mengasah
kemampuan berbahasa HTML ataupun mengasah bahkat menulis.
http://www.maudyayunda.com/
Struktur Situs
Struktur logical
=========
Menampilkan dokumen yang terkait
dengan dokumen lainnya atau bisa kita
sebut dengan links
Struktur fisik
=========
Menampilkan keberadaan dokumen
Model pengorganisasian situs
Linear
Grid
Hirarki
Linear
Model linear ini berdasarkan tahapan
sehingga data yang didapatkan kompleks
Linear murni
Linear dengan
alternatif
Linear dengan
sisi lainnya
(pilihan)
Linear dengan
pilihan
Linear Murni
Model linear memiliki prediksi yang sangat bagus karena desainer tahu apa yang selanjutnya pengunjung
inginkan. Karena tidak ada pilihan selain maju dan mundur, pengunjung merasa terbatasi.
Back
Butler
robot
Next
Linear dengan alternatif
Model linear dengan alternatif mensimulasikan interaktifitas dengan 2 atau lebih pilihan untuk keluar dari
halaman, dimana nantinya pengunjung kembali ke halaman sebelumnya seperti ilustrasi berikut:
Linear dengan pilihan
Model linear dengan pilihan ini sangat bagus untuk umum, tetapi permasalahannya halaman tersebut
dapat di lompat.
Back
Butler
robot
Next
Linear dengan sisi pilihan
Model linear dengan sisi pilihan ini memperbolehkan segala pengalihan. Walaupun pengunjung hanya
memasuki beberapa halaman saja, strukturnya tetap sama yaitu mengalir.
Grid
Model grid ini merupakal struktur dual linear dimana menampilkan hubungan horizontal
dan vertical diantaranya. Struktur grid mudah dinavigasikan.
Hirarki
Struktur hypertext yang paling umum di Web adalah bentuk
pohon atau hierarki. Pengendalian struktur linier, hirarki
sangat penting karena bisa dimodifikasi untuk
menyembunyikan atau mengekspos sebanyak mungkin
informasi.
Pohon yang
sempit
Pohon yang
lebar
Jaringan
pohon
Bentuk
campuran
Gaya jaringan
Saling
berhubungan
Pohon yang sempit
Struktur ini hanya
menampilkan beberapa pilihan
tetapi memungkinkan
pengunjung mengklik untuk
mendpatkan destinasi terakhir
Pohon jaringan
Realitas dari Web ini adalah struktur pohon murni yang khas jarang digunakan.
Struktur pohon yang murni ini tidak ada cross-link, dan backtracking yang pada
kenyataannya sering dibutuhkan untuk mencapai bagian lain.
Situs yang saling berhubungan
Ilustrasi berikut menunjukkan jaring lengkap untuk sebuah situs dengan lima halaman.
Dalam jaring penuh, jumlah link sama dengan jumlah halaman yang dikalikan dengan
Dalam prakteknya, kebanyakan situs cenderung menggunakan gaya mesh parsial dengan
lintas-link hanya halaman yang paling penting.
Pohon campuran
Bentuk campuran mungkin yang paling umum bentuk ini biasa
digunakan situs Web.
Web Style
Struktur web murni dapat terasa
sulit digunakan karena tidak
memiliki orientasi spasial yang
jelas. Padahal informasi bisa
diakses dengan cepat jika pilihan
yang tepat dibuat, mungkin saja
sulit untuk mengarahkan diri di
situs Web dengan struktur yang
tidak jelas. Jika struktur situs yang
ada yang kurang jelas pengunjung
mungkin menggunakan navigasi.
Kegunaan dan Struktur Situs
Hal yang penting adalah apa yang pengguna
lakukan dan informasi apa yang mereka akses. Jika
konten tersebut mencapai tujuan mereka. Ketika
mengorganisir sebuah situs, berusahalah untuk
melihat sudut pandang pengguna yang mengunjungi
situs.
Porous and Solid Site Structure
Ketika sebuah situs mengekspos semua dokumen dengan URL yang
umum, bisa dikatakan menunjukkan struktur "berpori". Sebuah situs
yang berpori memaksa pengguna untuk masuk melalui poin umum
seperti halaman rumah, halaman utama bagian, dan sebagainya.
Kebanyakan pengguna akan mungkin masuk melalui halaman tersebut,
tapi secara teoritis setiap URL, namun dalam struktur situs, bisa masuk.
Sebaliknya, sebuah situs dengan struktur yang "solid" akan menjadi
salah satu yang sangat membatasi catatan menunjuk ke situs URL
sedikit atau bahkan satu URL.