UJIAN TENGAH SEMESTER

PERANCANGAN PORTAL DAN APLIKASI INFORMASI

Movement To Battle Against Plastics Pollutions

Disusun oleh :
Yucke Aulia
072111633003

PROGRAM STUDI ILMU INFORMASI DAN PERPUSTAKAAN

FAKULTAS ILMU SOSIAL DAN ILMU POLITIK
UNIVERSITAS AIRLANGGA
SURABAYA
GANJIL 2023/2024
1. Nama & Domain Web
BBPBS & http://digilib-msdn.my.id/yucke/

2. Deskripsi Web (5-6)

Website BBPBS merupakan situs web untuk mengungkap cara imajinatif untuk
menyebarkan berita tentang orang-orang luar biasa yang menyelamatkan dunia
khususnya lingkungan dengan cara mereka sendiri. Saat menghadapi perubahan iklim,
ancaman terbesar yang pernah dihadapi planet kita, kita akan merasa seolah-olah tidak
ada tindakan yang benar-benar dapat membuat perbedaan.
Tapi melalui situs web ini membuktikan bahwa setiap orang bisa mengubah
dunia. Dengan dua puluh kisah inspiratif yang merayakan karya perintis pilihan Pahlawan
Bumi dari seluruh dunia, mulai dari Melati Wijsen dan Isabel Wijsen hingga aktivis
setiap kota komunitas BBPBS, setiap kisah adalah mercusuar harapan dalam perjuangan
demi masa depan planet kita. membuktikan bahwa satu orang, sekecil apapun, dapat
membuat perbedaan.
BBPB Surabaya baru-baru ini telah menggelar project mereka, yaitu clean up
beach. Berlandaskan SDGs nomor 13, Climate Action, BBPBS di Surabaya mengundang
para generasi muda untuk memahami dan bertindak tepat, serta peduli terhadap
lingkungan. Seluruh kegiatan ini dilaksanakan secara offline, ternyata tidak menjadi
halangan dan menurunkan semangat pemuda Surabaya untuk dapat berpartisipasi dan
mengikuti seluruh rangkaian kegiatan.
Menetapkan target pengurangan polusi iklim berdasarkan rekomendasi berita dan
inovasi yang berbasis ilmu pengetahuan. Dapatkan saran yang dipersonalisasi. Terhubung
dengan pihak lain untuk mendorong perubahan sistem sehingga tindakan iklim memiliki
efek berganda.
Mulai dari aktivitas sosial yang menyenangkan hingga pengurangan jejak karbon
plastik yang ambisius, ambil tindakan yang tepat untuk dan lihat dampaknya. Ini adalah
situs web organisasi sukarelawan global hingga internasional yang berkumpul untuk
mengatasi darurat iklim. Jika bisa meluangkan waktu untuk membuat perbedaan, mari
bergabung dan berkontribusi.

3. Tema Web :
Website bertemakan Pilar Pembangunan Lingkungan mengenai kegiatan
mengurangi polusi pada plastik dengan menjamin kehidupan yang sehat dan
meningkatkan kesejahteraan bagi semua orang di segala usia. Situs web ini merupakan
inti dari SDGs 17 memperhatikan Tujuan Pembangunan Berkelanjutan (Sustainable
Development Goals/SDGs), yang merupakan seruan mendesak bagi semua negara – baik
maju maupun berkembang – untuk melakukan tindakan dalam kemitraan global.
Menyadari bahwa mengakhiri kemiskinan dan kekurangan lainnya harus berjalan seiring
dengan strategi yang meningkatkan kesehatan dan pendidikan, mengurangi kesenjangan,
dan memacu pertumbuhan ekonomi – sekaligus mengatasi perubahan iklim dan berupaya
melestarikan lautan dan hutan.

4. Plugin dan Tema Web

● PLUGIN
A. Akismet Anti-Spam: Spam Protection, adalah plug-in yang digunakan dan sudah
termasuk dalam versi WordPress jika tidak cukup tambahkan plugin baru lalu cari
saja Akismet dan instal. Plugin Akismet merupakan tools hebat bagi pemilik situs
web yang ingin melindungi situs web mereka dari komentar spam. Ini adalah
plugin anti-spam yang memeriksa semua komentar dan menyaring potensi spam
sebelum diposting. Plugin ini sangat efektif dalam memblokir spam, dan juga
membantu menjaga komentar lebih relevan dengan diskusi. Ini juga sangat mudah
diatur dan digunakan, menjadikannya pilihan tepat bagi pemilik situs web yang
mencari cara cepat dan mudah untuk melindungi situs web mereka dari spam.

B. Hello Dolly merupakan melambangkan harapan dan semangat seluruh generasi

yang terangkum dalam dua kata yang dinyanyikan paling terkenal. Saat
diaktifkan, lirik dari Hello Dolly akan muncul secara acak di kanan atas layar
admin di halaman manapun. Salah satu pengembang Wordpress (satu-satunya
cara untuk benar-benar mengatasinya dengan menghubungi pihak asli yang
memutuskan untuk menyertakan plugin ini). Melayani tujuan untuk
mendemonstrasikan/menampilkan struktur plugin sederhana, tidak akan ada yang
tahu, kecuali pengembang wordpress tertentu.

C. Yoast SEO merupakan penyedia berbagai fitur penting yang berfungsi untuk
mengoptimalkan peringkat WordPress kita di mesin pencari. Dengan plugin ini
maka kita juga akan mengetahui apakah sebaran kata kunci itu sudah merata di
dalam artikel atau belum. Misalnya, pengelola pengalihan mempermudah
pembuatan dan pemeliharaan pengalihan. Dan alat tautan internal menawarkan
daftar postingan terkait untuk setiap postingan baru yang dibuat.

● TEMA WEB
Alpha Patterns, pada WordPress menawarkan platform luar biasa untuk
membangun situs WordPress saya. Koleksi penampilan dokumen ini menjadi
sangat penting dalam tema desainer web, Dengan dokumen buatan yang
dirancang secara kreatif dan inovatif informatif akan memiliki semua yang
diperlukan untuk mengesankan pengguna, menyederhanakan alur kerja, dan
meningkatkan keuntungan.
5. Mapping Layout
Tata letak pemetaan berfungsi menjelaskan identifikasi domain, co-domain, rentang
fungsi dan beberapa masalah yang diselesaikan di dalamnya. Membagikan proses desain
web mulai dengan merencanakan situs web BBPBS, mengidentifikasi tujuan, dan
membuat sketsa peta situs untuk situs web ke dalam portofolio. Berikut rancangan
mapping layout untuk sebuah situs web:

HOME
 POST LAYOUT

6. Layout
A. Header. berisi cara menautkan menu WordPress ke bagian elemen dengan
menggunakan opsi menu tautan khusus dan fitur ID CSS element. Fitur ini tidak
memerlukan pemuatan halaman setelah seseorang mengklik item menu. Hanya
cukup melompat ke bagian elemen yang ditetapkan ke item menu dari menu
WordPress. Menu ini memudahkan pengguna menemukan opsi antara lain
penampilan opsi our programs dan contact us. Ada dua cara untuk mewujudkan
hal ini. Salah satunya adalah mengatur halaman blog dan yang lainnya dengan
menambahkan kategori pada menu navigasi yang menampilkan semua postingan
dalam kategori tersebut.
B. Menu

No Kelompok Menu Menu Item Uraian

1. Top Bar & Home LOGO Tata letak

Header beranda yang
mengoptimalka
n pengalaman
pengguna dan
konversi ke
seluruh aktifitas
website.

Menu 1 Our Program Berisikan

tampilan
deskripsi akan
tujuan utama
dari BBPBS

Menu 2 Contact Us Formulir

Hubungi Di php
dengan server
online maka
pengguna
dengan mudah
berproses lebih
lanjut
mengirimkan
pesan dengan
nomor
handphone.

Icon Instagram Menampilkan

fitur media
sosial penting
ke situs
WordPress.
Pada akhirnya,
akan
memudahkan
pengunjung
untuk
mengikuti di
jejaring sosial
utama, dengan
 menambahkan
ikon yang
tertaut ke profil
media sosial
situs web.

2. Newest Bar Thumbnail Thumbnail Menampilkan

first impression
cara yang
sangat
sederhana untuk
mendorong
lebih banyak
keterlibatan
pada konten
foto website
BBPBS.

Post Title Movement to Menampilkan

battle against untuk
plastic mengontrol
pollution bagaimana
judul postingan
ditampilkan di
hasil pencarian
Google dan
platform media
sosial

3. Recent Post Popular Post Post 1-10 Menampilkan

postingan
terbaru
membantu
pengguna
menemukan
konten baru
dengan mudah
dan
menghabiskan
lebih banyak
waktu di situs
BBPBS.
Website BBPBS
dapat
menambahkan
daftar postingan
 terbaru di
sidebar setelah
konten
postingan
berakhir.

Author Menampilkan
website yang
memiliki
penulis yang
menulis
postingan di
BBPBS yang
menginginkan
tombol ikuti.

Publish Date Menampilkan

website yang
memiliki
tanggal yang
diterbitkan saat
postingan di
BBPBS.

Next Page Menampilkan

sesaat akan
dapat diklik dan
mengirim ke
tautan menuju
halaman
selanjutnya.

Previous Page Menampilkan

sesaat akan
dapat diklik dan
mengirim ke
tautan menuju
halaman
sebelumnya.

4. Situs Bar Background Founder Menampilkan

Activist deskripsi
singkat pendiri
BBPBS.

Get To Know Menampilkan

deskripsi
 singkat latar
belakang
BBPBS.

Experience Menampilkan
deskripsi
singkat
pengalaman
dari pendiri
BBPBS.

Education Menampilkan
deskripsi
singkat
pendidikan dari
pendiri BBPBS.

Want to Menampilkan
become a deskripsi
BBPBS singkat
member? bagaimana
dapat
bergabung
menjadi aktivis
sosial BBPBS.

Social Links Menampilkan

kolom jejaring
media linkedin
dan instagram.

5. Footer Logo

Menu 1 Merangkum
cara kerja
penemuan
untuk history
terbaru dari
Elementor saat
bekerja dengan
halaman
kategori.

COPYRIGHT

C. Body / Typografi
 Menemukan cara terbaik untuk memahami suatu jenis huruf adalah dengan
menggunakan ragam typography berupa font “Outfit”. Cara terbaik untuk
menggambar inspirasi typography bagi saya adalah dengan memanfaatkan
pemilihan jenis huruf/font yang tepat untuk proyek menjadi proses yang panjang
dan sulit mengingat semua font yang ada dan kurangnya konteks yang diberikan
pada banyak font ini.

D. Footer
​Footer situs web disini untuk melihat apakah dapat menjadikan situs web masa
depan lebih baik, dan bahkan meningkatkan situs yang sudah ada. Dengan
pencantuman media sosial sebagai acuan referensi tumbuh kembangnya sebuah
organisasi dan juga footer disini terdapat menu yang berisikan ragam rangkuman
menjadi sebuah tinjauan background isi website.

7. Screenshot Website