Sistem Templat Web Dalam Penerbitan Web

Sistem Templat Web Dalam Penerbitan Web – memungkinkan perancang dan pengembang web bekerja dengan templat web untuk secara otomatis menghasilkan halaman web khusus , seperti hasil dari pencarian. Ini menggunakan kembali elemen halaman web statis sambil mendefinisikan elemen dinamis berdasarkan parameter permintaan web . Templat web mendukung konten statis, menyediakan struktur dan tampilan dasar. Pengembang dapat mengimplementasikan template dari sistem manajemen konten , kerangka kerja aplikasi web , dan editor HTML

Sistem Templat Web Dalam Penerbitan Web

Sistem templat web terdiri dari berikut ini:

Mesin template : elemen pemrosesan utama dari sistem;

Sumber daya konten : salah satu dari berbagai jenis aliran data input , seperti dari database relasional ,file XML , direktori LDAP , dan jenis data lokal atau jaringan lainnya ;

Sumber daya templat : templat web ditentukan menurut bahasa templat ;

templatesblock.com – Template dan sumber daya konten diproses dan digabungkan oleh mesin template untuk memproduksi dokumen web secara massal. Untuk tujuan artikel ini, dokumen web menyertakan berbagai format keluaran untuk transmisi melalui web melalui HTTP , HTTPS , atau protokol Internet lainnya .

Motivasi dan kegunaan umum

Aplikasi

Pengembang web dapat menggunakan templat dari individu atau organisasi mana pun untuk menyiapkan situs web. Setelah membeli atau mengunduh template, mereka mengganti semua informasi umum di template web dengan informasi pribadi, organisasi, atau produk mereka. Template biasanya digunakan untuk:

Menampilkan informasi pribadi atau aktivitas sehari-hari seperti di blog
Jual produk secara online
Menampilkan informasi tentang perusahaan atau organisasi
Tampilkan riwayat keluarga
Menampilkan galeri foto
Tempatkan file musik seperti file MP3 online untuk diputar melalui browser web
Tempatkan video online untuk dilihat publik
Siapkan area login pribadi secara online

Produksi massal

Berbagai lembaga dan organisasi menggunakan sistem templat web untuk memproduksi konten secara massal ketika metode produksi yang lebih lambat kurang memungkinkan.

Untuk ikhtisar pengantar, ambil situs web berita sebagai contoh. Pertimbangkan “situs web statis”, di mana semua halaman web statis , dibangun oleh perancang web . Ini akan menjadi pekerjaan yang sangat berulang untuk mengubah halaman individual sesering berita berubah. Strategi tipikal untuk mengotomatiskan “pekerjaan berulang” desainer web menggunakan template dapat sebagai berikut:

memilih sistem templat web untuk memelihara situs web ;
mengelompokkan item berita dengan kebutuhan presentasi yang berbeda;
tentukan “standar presentasi” melalui templat web , untuk setiap grup berita;
tentukan sumber daya konten untuk menghasilkan atau memperbarui konten setiap item berita .

Pemisahan masalah

Tujuan umum di antara pengembang web berpengalaman adalah untuk mengembangkan dan menerapkan aplikasi yang fleksibel dan mudah dipelihara. Pertimbangan penting dalam mencapai tujuan ini adalah pemisahan logika bisnis dari logika presentasi .Pengembang menggunakan sistem templat web (dengan berbagai tingkat keberhasilan) untuk mempertahankan pemisahan ini.

Untuk perancang web , ketika setiap halaman web berasal dari templat web , mereka dapat memikirkan tentang halaman web modular yang terstruktur dengan komponen yang dapat dimodifikasi secara independen satu sama lain. Komponen ini dapat mencakup header, footer, bilah navigasi global (GNB), bilah navigasi lokal dan konten seperti artikel, gambar, video, dll.

Baca Juga : Panduan Membuat Situs Website Bertemplate Bisnis

Untuk programmer , bahasa template menawarkan logika yang lebih terbatas, hanya untuk adaptasi dan keputusan presentasi , bukan untuk algoritma ( model bisnis ) yang kompleks .

Untuk anggota lain dari “tim situs”, sistem template membebaskan webmaster untuk fokus pada pemeliharaan teknis, pemasok konten untuk fokus pada konten, dan memberikan semuanya lebih banyak keandalan .

Selain itu, ia memiliki keuntungan sebagai berikut untuk penggunaannya:

Kemudahan perubahan desain : variasi presentasi pada template adalah “konten invarian”, yang berarti desainer web dapat memperbarui presentasi tanpa keasyikan infrastruktur yang lebih luas.

Kemudahan pelokalan antarmuka : menu dan standar presentasi lainnya mudah dibuat seragam, untuk pengguna yang menjelajah di situs. Menggunakan Breadcrumb (navigasi) membuat situs web apa pun lebih ramah pengguna dan fleksibel.

Kemungkinan untuk bekerja secara terpisah pada desain dan kode oleh orang yang berbeda secara bersamaan. Ini dapat dilakukan saat semua kode dalam templat adalah desain yang bersih dan setiap blok atau bagian situs web ditulis dengan sistem komentar individual.

Desain web responsif sekarang menjadi faktor wajib untuk situs web apa pun. Semuanya harus dilakukan tanpa ada perubahan dalam desain responsif.

Kemudahan dokumentasi Dokumentasi yang praktis menghemat lebih banyak waktu untuk memahami keseluruhan template dan juga mempercepat proses modifikasi. Desainer situs web profesional sangat menekankan dokumentasi.

Salah satu kesulitan dalam mengevaluasi pemisahan kekhawatiran adalah kurangnya formalisme yang terdefinisi dengan baik untuk mengukur kapan dan seberapa baik hal itu benar-benar terpenuhi. Namun, ada heuristik yang cukup standar yang dipinjam dari domain rekayasa perangkat lunak . Ini termasuk ‘ warisan ‘ (berdasarkan prinsip-prinsip pemrograman berorientasi objek ); dan ‘ pemrograman template dan generatif ‘, (konsisten dengan prinsip pemisahan MVC ).Perbedaan yang tepat antara berbagai pedoman tunduk pada beberapa perdebatan, dan beberapa aspek dari pedoman yang berbeda memiliki tingkat kesamaan.

Presentasi fleksibel

Salah satu alasan utama di balik “pemisahan efektif” adalah kebutuhan akan fleksibilitas maksimum dalam kode dan sumber daya yang didedikasikan untuk logika presentasi.Tuntutan klien, mengubah preferensi pelanggan, dan keinginan untuk menghadirkan “wajah segar” untuk konten yang sudah ada sebelumnya sering mengakibatkan kebutuhan untuk secara dramatis mengubah tampilan publik konten web sambil mengganggu infrastruktur yang mendasarinya sesedikit mungkin.

Perbedaan antara “presentasi” (front end) dan ” logika bisnis ” (infrastruktur) penting, karena:

Bahasa kode sumber presentasi dapat berbeda dari aset kode lainnya.
Pengembang sering membuat komponen aplikasi pada waktu dan lokasi yang terpisah.
Perangkat keterampilan pekerja tidak selalu mencakup keterampilan presentasi dan kemampuan pengkodean logika bisnis.
Aset kode lebih mudah dibaca dan dipelihara ketika sistem memisahkan berbagai jenis komponen dan digabungkan secara longgar

sunting

Tidak semua calon pengguna template web dapat mempekerjakan pengembang untuk merancang sebuah sistem. Selain itu, beberapa mungkin ingin menggunakan Web tetapi memiliki sedikit kemampuan teknis. Oleh karena itu, sejumlah pengembang dan vendor telah merilis template web khusus untuk digunakan oleh orang-orang non-teknis. Penggunaan kembali template web juga penting bahkan bagi pengembang yang sangat terampil dan berpengalaman secara teknis—tetapi ini sangat penting bagi mereka yang mengandalkan kesederhanaan dan solusi web “siap pakai”.

Templat web “siap pakai” semacam itu terkadang gratis, dan mudah dibuat oleh individu di dalam negeri. Namun, templat web khusus terkadang dijual secara online. Meskipun ada banyak situs komersial yang menawarkan templat web dengan biaya lisensi, ada juga sumber gratis dan “sumber terbuka”.

Jenis sistem template

Sebuah web browser dan web server adalah arsitektur client-server . Situs sering juga menggunakan cache web untuk meningkatkan kinerja. Lima jenis sistem templating diklasifikasikan berdasarkan kapan mereka mengganti placeholder dengan konten asli dan merakit halaman.

Sisi server – substitusi run-time terjadi di server web
Sisi klien – substitusi run-time terjadi di browser web
Sisi tepi – substitusi run-time terjadi pada proxy antara server web dan browser
Server luar – halaman web statis diproduksi secara offline dan diunggah ke server web; tidak ada substitusi run-time
Terdistribusi – substitusi run-time terjadi di beberapa server
Bahasa template mungkin:
Disematkan atau digerakkan oleh peristiwa.
Sederhana, dapat diubah, dapat diprogram, atau kompleks.

Ditentukan oleh konsorsium, ditentukan secara pribadi, atau de facto ditentukan oleh implementasi terbuka. Kepemilikan mempengaruhi stabilitas dan kredibilitas spesifikasi. Namun, di sebagian besar yurisdiksi, spesifikasi bahasa tidak dapat dilindungi hak cipta, sehingga kontrol jarang mutlak.

Kode sumber dari mesin template dapat berupa hak milik atau sumber terbuka .

Banyak sistem templat merupakan komponen dari platform atau kerangka kerja pemrograman yang lebih besar. Mereka disebut sebagai “sistem template platform”. Beberapa sistem template memiliki opsi untuk mengganti bahasa atau mesin template yang berbeda.

Bahasa pemrograman seperti Perl , Ruby , C , dan Java mendukung pemrosesan template baik secara native, atau melalui pustaka dan modul tambahan. JavaServer Pages (JSP), PHP , dan Active Server Pages (ASP dengan VBScript , JScript atau bahasa lainnya) adalah contoh dari mesin template web. Teknologi ini biasanya digunakan dalam sistem templating sisi server, tetapi dapat disesuaikan untuk digunakan pada proxy “sisi tepi” atau untuk pembuatan halaman statis.

Generator situs statis

Editor HTML sering menggunakan sistem template web untuk menghasilkan halaman web statis saja . Ini dapat dilihat sebagai desain web yang sudah jadi , digunakan untuk memproduksi secara massal situs web “pemotong kue” untuk penyebaran yang cepat. Mereka juga biasanya menyertakan tema sebagai pengganti gaya CSS . Secara umum, bahasa template hanya digunakan dengan perangkat lunak editor. FrontPage dan Dreamweaver pernah menjadi editor paling populer dengan sub-sistem template. Sebuah web template Flash menggunakan Macromedia Flash untuk membuat situs visual interaktif.

Banyak sistem templat sisi server memiliki opsi untuk menerbitkan halaman keluaran di server, di mana halaman yang diterbitkan adalah statis . Ini umum terjadi pada sistem manajemen konten , seperti Vignette , tetapi tidak dianggap sebagai pembuatan server luar. Dalam sebagian besar kasus, “opsi publikasi” ini tidak mengganggu sistem template , dan dapat dibuat oleh perangkat lunak eksternal, seperti Wget .

Sistem sisi server

Orang-orang mulai menggunakan halaman dinamis sisi server yang dihasilkan dari template dengan perangkat lunak yang sudah ada yang diadaptasi untuk tugas ini. Perangkat lunak awal ini adalah praprosesor dan bahasa makro , yang diadaptasi untuk penggunaan web, berjalan di CGI . Selanjutnya, teknologi sederhana namun relevan adalah eksekusi langsung yang dilakukan pada modul ekstensi, dimulai dengan SSI .

Banyak sistem templat biasanya digunakan sebagai sistem templat sisi server :

Sistem sisi tepi

emplate Edge-Side dan sistem inklusi. “Sisi tepi” mengacu pada server web yang berada di ruang antara klien (browser) dan server asal. Mereka sering disebut sebagai server “reverse-proxy”. Server ini umumnya bertugas mengurangi beban dan lalu lintas pada server asal dengan menyimpan konten seperti gambar dan fragmen halaman, dan mengirimkannya ke browser dengan cara yang efisien.

Basic Edge Side Include (ESI) adalah bahasa mirip SSI. ESI telah diimplementasikan untuk jaringan pengiriman konten. Bahasa template ESI juga dapat diimplementasikan di browser web menggunakan JavaScript dan Ajax, atau melalui “plug-in” browser.

Sistem sisi klien

Sistem templat sisi klien dan terdistribusi (terdesentralisasi).

Banyak browser web dapat menerapkan lembar gaya XSLT ke data XML yang mengubah data menjadi dokumen XHTML, sehingga menyediakan fungsionalitas template di browser itu sendiri.

Sistem lain mengimplementasikan fungsionalitas template di browser menggunakan JavaScript atau bahasa skrip sisi klien lainnya, termasuk: