PROPOSAL PROJECT UNTUK UJIAN TENGAH SEMESTER

WEB APPS FOR JOURNALISM

IGNASIUS MARCEL HADINATA S.

00000031387
 ABSTRACT

Di Indonesia mempunyai banyak ciri khas makananan yang tentu

saja memiliki beraneka ragam kenikmatan dari makanan yang
disajikan. Makanan tersebut berasal dari daerah daerahya seperti
Makanan khas jawa , Sumatra , Sulawesi , Surabaya , dan juga yang
banyak diminati tersebut adalah makanan khas Betawi( Betawi
Cuisine ).

Tetapi tema kali ini yang saya ambil untuk menyangkut liputan
nanti adalah mengenai berbagai macam kuliner khas betawi itu sendiri.
Betawi Cuisine adalah makanan yang sering paling diminati oleh
masyarakat sekitar , apalagi makanan ini sudah berada di Jakarta.
Masakan betawi juga dikembangkan dan berkembang dengan pengaruh
dari berbagai tradisi masakan yang dibawa oleh gelombang pendatang
baru ke kota pelabuhan di pantai utara , Jawa Barat dan masakan
betawi terutama yang sangat penting yang saya angkat adalah seperti
Kerak telor , Soto betawi dan Kue rangi.

Dengan adanya Proposal Ujian tengah semester ini, saya akan

mengangkat tema mengenai mengenal lebih dalam makanan khas
betawi agar msayarkat tidak lupa terhadap makanan tradisonal khas
betawi tersebut.

i
 DAFTAR ISI

Abstract.....................................................................................................i

Daftar Isi...................................................................................................ii

1. Usulan topik liputan..............................................................................1

1.1 Sinopsis / Deskripsi Umum.....................................................1

1.2 Target Audiens........................................................................1

1.3 Nilai Berita dan Impak Bagi Audiens.......................................1

1.4 Deskripsi Elemen Multimedia Yang Dibutuhkan.....................1

1.5 Rancangan struktur/kerangka cerita.......................................2

2. Desain Wireframe................................................................................3

3. Dummy / Desain Visual........................................................................4

4.
Coding html dan css.............................................................................5
 ii
1. USULAN TOPIK LIPUTAN
1.1 Sinopsis

Makanan khas betawi merupakan yang selalu diminati banyak

orang , mungkin di daerah lain belum mengetahui makanan dari betawi
ini yang ciri khas dari rasa , teksture , aroma dan kelezatannya. Mungkin
saja yang makanan seperti kerak telor. Soto betawi dan kue rangi
khusus untuk hanya orang betawi saja , bisa saja untuk warga Jakarta ,
medan , Surabaya dan masyarakat yang merantau lainnya juga. Tetapi
Warga Negara Lokal ataupun non lokal juga turut perihatin dengan
kelezatan makanan khas betawi ini.

1.2 Target Audiens

Target audiens tentu saja melalui masyarakat sekitar yang belum

mengetahui makanan khas betawi ini , dan bagi anak rantau penting
banget bahwa makanan khas betawi sudah terkenal masa ke masa.
Lalu informasi ini juga mengetahui ke masyrakat yang dikalangan
remaja , dewasa yang berusia sekitar 15 tahun sampai 30 tahun ke
atas. Teruntuk juga Warga negara lokal ataupun non lokal yang akan
mengetahui secara garis besar masakan khas betawi tersebut.

1.3 Nilai Berita dan Impact

Nilai yang ingin saya tunjukan adalah proximity (kedekatan)

masyarakat lokal maupun non lokal kedekatan disini maknanya sangat
bervariasi , yakni dapat berarti dekat dlihat dari segi lokasi dari masakan
betawi tersebut dan segi terkenalnya makanan dari kerak telor , soto
betawi dan kue rangi tersebut dan magnitude (pengaruh) terhadap
aneka ciri khas makanan yang sering diminati sekarang dan banyak
paling digemari juga

1.4 Deskripsi Elemen Multimedia Yang Dibutuhkan 

Elemen multimedia yang saya masukin berupa gambar ilustrasi

yang menggambakan makanan khas betawi tersebut seperti kerak telor
dan makanan penutup khas betawi yaitu kue rangi. Foto yang akan
saya liput adalah foto dari masakan Soto khas Betawi yang berisikan
video wawancara bagaimana pembuatan yang sederhana dari masakan
Soto Betawi tersebut yang akan dimasukin ke rancangan project
tersebut. Terdapat text yang berisikan berbagai informasi pengertian
dari masakan kerak telor , soto betawi , dan Kue rangi. Lalu juga ada
penyajian beberapa dari masakan betawi tersebut.

1.5 Rangka Cerita

Kerangka ceritanya saya akan mulai dari menjelaskan dari

makanan khas betawi tersebut , awal mulanya betawi cuisne ini mulai
terkenal dari sejak kapan , apakah dulu makanan khas betawi ini juga
banyak diminati atau tidak. Lalu menjelaskan salah satu makanan khas
betawi yang paling diminati kalangan masyarakat.lalu yang kedua
terdapat gambar soto betawi , soto betawi ini juga menjelaskan
bagaimana banyak yang paling digemari dan banyak resep resep yang
kiata belum ketahui isi isi dari soto betawi tersebut , berikut juga
beberapa daerah yang digemari dari masakan khas soto betawi
tersebut. Lalu yang ketiga terdapat gambar foto Kue Rangi , yang
menceritakan salah satu makanan ciri khas ketiga yaitu makanan
penutup dan makanan tradisional khas betawi itu.

Dari kue rangi tersebut terdapat berbagai info cara penyajian ,

pengertian dan ukuran dari masakan khas betawi tersebut. Lalu
dihalaman kedua , memakai dari berita tentang soto betawi yang
banyak digemari masyarakat terdapat juga video hasil wawancara
dengan pedagang soto betawi tersebut dan mengambil cara
pembuatannya juga

2
2. Desain Wireframe

Halaman 1 :
Halaman 2
3. Dummy / Desain Visual

Halaman 1
Halaman 2
4. Coding HTML and CSS
Html

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-

scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>Document</title>

<link rel="stylesheet" href="../css/style.css" type="text/css">

</head>

<body>

<div class="grid">

<div class="span-col-4">

<ul>

<li><a href="default.asp">Home</a></li>

<li><a href="news.asp">News</a></li>

<li><a href="contact.asp">Contact</a></li>

<li><a href="about.asp">About</a></li>

</ul>
 </div>

<div class="span-col-4"id="artikel4">

<h1 style="text-align:right;">KulinerKU</h1>

</div>

<div class="span-col-4"id="artikel6">

<h1>Makanan Ciri Khas</h1>

</div>

<div><img src="../gambar/keraktelor 1.jpg" alt=""

width="100%">Makanan yang menarik cita rasa</div>

<div class="span-col-3"id="artikel1">

<p>Kerak telur adalah makanan asli daerah Jakarta (Betawi),

dengan bahan-bahan beras ketan putih, telur ayam, ebi (udang
kering yang diasinkan) yang disangrai kering ditambah bawang
merah goreng, lalu diberi bumbu yang dihaluskan berupa kelapa
sangrai, cabai merah, kencur, jahe, merica butiran, garam dan gula
pasir. Kerak telor dapat ditemukan pada hari biasa. Anda bisa
menemukan kerak telor di sekitar Kota Tua, Jakarta Barat. Menurut
sejarah, Kerak Telor sudah ada dari zaman kolonial Belanda, kerak
telor diciptakan oleh masyarakat Betawi secara tak sengaja Pada
tahun 1970an

</div>

<div class="span-col-4">

</div>

<div class="span-col-3" id="artikel2">

<p>Soto Betawi merupakan soto yang populer di daerah

Jakarta. Seperti halnya soto Madura dan soto sulung, soto Betawi
juga menggunakan jeroan. Selain jeroan, sering kali organ-organ
lain juga disertakan, seperti mata, terpedo, dan juga hati. Daging
sapi juga menjadi bahan campuran dalam soto Betawi. Kuah soto
Betawi merupakan campuran santan dan susu. Kedua campuran
inilah yang membuat rasa soto Betawi begitu khas.</p>

</div>

<div><img src="../gambar/soto betawi 2.jpg" alt=""

width="100%">Soto Paling digemar banyak orang</div>

<div class="span-col-4">

</div>
 <div class="span-col-4"id="artikel5">

<h1>Hidangan Penutup Khas Betawi</h1>

</div>

<div><img src="../gambar/Kue Rangi.jpg" alt=""

width="100%"></div>

<div class="span-col-2" id="artikel3">

<p> Kue rangi, atau juga disebut sagu rangi, adalah salah satu
kue tradisional Betawi. Kue ini terbuat dari campuran tepung kanji
(orang Betawi biasa menyebutnya tepung sagu) dengan kelapa
parut yang dipanggang dengan cetakan khusus di atas tungku
kecil. Kue rangi disajikan dengan olesan gula merah yang
dikentalkan dengan sedikit tepung kanji. Agar berbau harum dan
menggugah selera, gula cair kental ini adakalanya dicampuri
dengan potongan nangka, nanas atau durian. Kue rangi rasanya
gurih dan beraroma wangi karena dimasak dengan cara
dipanggang menggunakan bahan bakar kayu.

Cetakan kue rangi mirip dengan cetakan kue pancong atau

bandros tetapi ukurannya lebih kecil. Beberapa pedagang kecil
membuat kue rangi tanpa menggunakan cetakan kue, jadi hanya
dikecilkan dan ditipiskan ukurannya.

</div>

<div><iframe width="560" height="315"

src="https://www.youtube.com/embed/hEtQVHFbuEM"
frameborder="0" allow="accelerometer; autoplay; encrypted-
media; gyroscope; picture-in-picture"
allowfullscreen></iframe></div>

<div class="span-col-4" >

<footer>

<img src="../gambar/insatgram.png" alt=" "width="6%">

<img src="../gambar/whatsapp.png" alt=" "width="5%">

<p> Creted by : Ignasius Marcel NIM 00000031387

</footer>

</div>

</div>

</body>

</html>

CSS :

.grid {
 display: grid;

grid-template-columns: repeat(4, 1fr);

grid-gap: 10px;

.span-col-4{grid-column: span 4 / auto;}

.span-col-3{grid-column: span 3 / auto;}

.span-col-2{grid-column: span 2 / auto;}

ul {

list-style-type: none;

margin: 0;

padding: 0;

overflow: hidden;

background-color: #333;

li {

float: left;

}
li a {

display: block;

color: white;

text-align: center;

padding: 14px 16px;

text-decoration: none;

li a:hover {

background-color: #111;

#artikel1{

background-color: #E9967A;

#artikel2{

background-color: #FFC0CB;

#artikel3{
 background-color: #FA8072 ;

#artikel4{

padding: 60px;

text-align: center;

background-image:url(../gambar/AnekaMakanan.jpg);

color: white;

font-size: 30px;

font-family: fantasy;

#artikel5{

background-color: #FFD700;

#artikel6{

background-color: #F0E68C;

/* Style the footer */

footer {

background-color: #777;

padding: 10px;
 text-align: center;

color: white;