Tugas Mata Kuliah Pemrograman Web Maulana Azhar Asyifa.20.01.0.0011

TUGAS MATA KULIAH PEMROGRAMAN WEB
Membuat Tema Web Application

Dosen Pengampu : Tresna Yuda Prawira, M.Kom.
Disusun Oleh:
Nama : Maulana Azhar Asyifa
NIM : 20.01.0.0011
KELAS 2B
PROGRAM STUDI TEKNIK INFORMATIKA
STMIK MUHAMMADIYAH PAGUYANGAN BREBES
TAHUN 2021
BAB I
PENDAHULUAN
1.1. Latar Belakang
Teknologi semakin hari semakin berkembang. Salah satunya teknologi informasi, banyak
sekali bidang yang memanfaatkan teknologi Informasi. Tuntutan kebutuhan akan informasi dan
penggunaan komputer yang semakin banyak mendorong terbentuknya sebuah jaringan komputer
yang mampu melayani berbagai kebutuhan tertentu.
Jaringan komputer kita kenal dengan nama Internet. Internet bisa diakses dan dimanfaatkan
untuk berbagai keperluan, oleh siapa saja dan dimana saja, kapanpun kita mau menggunakannya.
Salah satunya adalah Pemrograman WEB, yang mampu menyediakan informasi dalam bentuk
teks, gambar, suara maupun gambar bergerak. Dengan kemampuan sepeti ini, web menjadi
sangat terkenal dan perkembangannya sangatlah pesat.
Dengan terus berkembangnya roda perkembangan teknologi, web berkembang menjadi alat
bantu yang tidak hanya mampu menyediakan informasi, namun juga mampu untuk mengolah
informasi. Proses pengolahan informasi dengan memanfaatkan teknologi web menyebabkan web
menjadi media yang dinamis. Hal ini membutuhkan sarana teknis yang yang menentukan. Sarana
tersebut banyak bergantung pada penggunaan perangkat lunak yang kuat, aman, terpercaya, dan
cepat. Pada kesempatan ini penulis akan membahas tentang Pembuatan Temple
Sederhanadengan HTML, CSS, Java Script, Jquery atau Framework Bootstrap.
1.2. Rumusan Masalah
Dalam menyusun laporan ini, penulis merumuskan beberapa masalah berkaitan dengan :
1. Rancangan Site Maps Application.
2. Tema yang diConversikan.
BAB II
PEMBAHASAN
1. Hasil Rancangan Site Maps Application Sederhana
<head>
<meta charset="utf-8">
<title>cerita;
body {
font-family: Thimes New Roman;
padding: 10px;
background: black;
.topnav {
background-color: #333;
overflow: hidden;manfaat berorganisasi</title>
<style>
.header {
padding: 30px;
text-align: center;
background: white<!DOCTYPE html>

<html>
.topnav a {
float: left;
display: block;
color: blue;
text-align: center;
padding: 14px 16px;
text-decoration: none;
.topnav a:hover {
background-color: black;
color: white;
.leftcolumn {
float: left;
background-color: #f1f1f1;
width: 75%;
.card {
background-color: white;
padding: 20px;
margin-top: 20px;
.footer {
padding: 20px;
text-align: center;
background: white;
margin-top: 20px;
height: 300px;
@media screen and (max-width: 800px) {
.leftcolumn, .rightcolumn {
width: 100%;
padding: 0;
</style>
</head>
<body>
<div id="main">
<div class="header">
<h1 > cerita manfaat berorganisasi </h1>
<p> <font color="black"> Where there is a will there is a way </font> </p>
<div class="topnav">
<a href="#">Home</a>
<a href="#">Contact</a>
</div>
<div class="card">
<h1><font color="black">human menjadi seorang mahasiswa</font></h1>
<h3><font color="black">cerita manfaat berorganisai</font></h3>
<p><font color="black"> </font></p>Human, Menjadi seorang mahasiswa bukanlah hal mudah,

namun bisa dipermudah jika kita mau untuk menjalaninya dengan baik. Caranya, kita harus menjalankan
kewajiban kita sebagai mahasiswa dengan semestinya. Menjadi mahasiswa jangan hanya sebatas datang
ke kampus dan duduk manis mendengarkan dosen mengajar. Kita harus mengikuti arus pergaulan
kampus, tentunya pergaulan yang memberikan dampak positif bagi perkuliahan kita.
Di kampus, kita harus bisa membiasakan diri untuk menunjukkan rasa sosial yang tinggi, yaitu dengan
peduli melihat keadaan dan permasalahan yang ada di kampus. Itu semua bisa diwujudkan dengan
bergabung di organisasi-organisasi yang ada di kampus, salah satunya organisasi jurusan manajemen
yakni Himpunan Mahasiswa Manajemen (Human). Disana kita bisa menunjukkan bahwa kita mampu
memberikan dampak yang baik di lingkungan kampus. Kita harusnya bisa menjadi contoh bagi teman-
teman kita yang lain maupun junior yang akan bergabung nantinya.
Organisasi juga merupakan sesuatu yang tidak bisa dipisahkan dengan mahasiswa yang menimba ilmu di
kampus. Organisasi sebetulnya sangat penting untuk kebaikan kita sebagai mahasiswa, namun
kesadaran berorganisasi itu sangat minim pada dewasa ini. Sudah semakin berkurang tampaknya
mahasiswa yang berminat untuk bergabung dengan organisasi-organisasi yang ada di kampus. Padahal,
dengan berorganisasi kita mampu menemukan jati diri kita sesungguhnya sebagai kaum intelektual.
Tidak hanya sekedar duduk dan mendengarkan dosen memberi pelajaran perkuliahan, tetapi kita juga
bisa merasakan kepuasan menjadi seorang pemimpin pada sebuah organisasi, pengembangan skil,
potensi bakat dan sebagainya.
Dalam berorganisasi, kita bisa mengenal dunia kampus lebih luas. Misalnya, kita adakan study banding
ke kampus-kampus lain atas nama organisasi. Banyak hal yang kita dapatkan dalam mengikuti
organisasi, contohnya kita adalah seorang mahasiswa yang tidak terbiasa dengan berbicara di depan
orang banyak (Public Speaking), dengan berorganisasi kita akan mendapat pelajaran itu. Setidaknya,
keluar dari organisasi tersebut kita mampu untuk berbicara secara terbuka di depan orang banyak, tentu
berdasar kualitas yang bergantung pada proses berorganisasinya.
Aspek utama yang harus kita miliki dalam berorganisasi yaitu mental. Jika kita sudah punya mental
untuk berlabuh pada sebuah organisasi, maka akan mudah bagi kita untuk melanjutkan perjalanan
selanjutnya. Setelah itu barulah kita melaksanakan pembinaan dalam organisasi tersebut dengan baik.
Berbeda dengan orang yang tidak pernah berorganisasi, jangankan untuk berbicara di depan orang
banyak, berdiskusi dengan ruang lingkup yang kecil pun tidak sanggup rasanya untuk berpendapat. Di
dalam organisasi kita akan dilatih untuk terbiasa berdiskusi dan saling bertukar pikiran, menuangkan ide
dan gagasannya sebagai kaum intelektual.
Nah, begitupun pentingnya organisasi tidak mampu kita ukur secara formal, namun bisa kita rasakan
dengan perasaan. Dahulunya kita hanyalah seorang yang pendiam dan jarang bergaul, setelah mencoba
untuk berorganisasi maka kita bisa untuk mengeluarkan pendapat dan berbicara dengan tenang. Kita
tidak lagi merasakan gugup atau gemetar melihat kumpulan orang yang akan mendengar apa yang akan
kita ucapkan.
Seorang mahasiswa akan mengarungi perjalanan panjang untuk meraih mimpinya sebagai seorang
sarjana, kemudian mendapatkan pekerjaan yang layak tentunya. Begitulah kira-kira keinginan semua
mahasiswa yang berjuang keras melewati perjalanan panjangnya selama duduk di bangku perguruan
tinggi. Perjalanan panjang itu tidak boleh disia-siakan, karena kita harus bisa memanfaatkan segala hal
yang baik untuk memberi hasil positif bagi diri kita sendiri. Akan lebih baik jika kita juga mampu
memberikan dampak positif bagi orang lain.
Bagi mahasiswa yang belum menemukan jati dirinya sebagai seorang mahasiswa, maka berusahalah
untuk bergabung dengan organisasi yang ada di kampus. Semua itu akan berguna untuk kelangsungan
perkuliahan dan mampu menjalin persahabatan antara sesama mahasiswa di kampus. Janganlah
menjadi mahasiswa seperti batu yang terselip dalam pondasi, yang hanya bertahan pada satu tempat
berdiam. Sama halnya dengan mahasiswa yang hanya duduk di bangku kuliah tanpa memberikan umpan
balik dalam perkuliahan. Mungkin kita pernah mendengar istilah “mahasiswa kupu-kupu (kuliahpulang-
kuliahpulang)” yang artinya mahasiswa tersebut hanya datang untuk perkuliahan semata. Sementara
untuk informasi lainnya yang ada di kampus tidak ia hiraukan jika tidak ada sangkut pautnya dengan
mata kuliah. Sebaiknya, kita jangan mencontoh mahasiswa yang demikian. Hendaknya kita bisa menjadi
mahasiswa sejati dan mampu memberikan dampak positif bagi kehidupan kita dengan berorganisasi di
kampus.
Melihat kondisi di kampus yang kita cintai ini, masih banyaknya mahasiswa yang “Apatis” dan minimnya
minat untuk mengikuti sebuah organisasi. Padahal didalam fungsi mahasiswa yang katanya sebagai
Agent Of Change, lantas di mana letak kita sebagai mahasiswa yang akan melakukan perubahan jika
mahasiswanya tidak perduli akan kondisi kampus.
</div>
<div class="card">
<h2>Penulis</h2>
<p>Perkenalkan Nama maulana azhar asyifa, biasa dipanggil maulana Umur saya 20 tahun, saya dari
DK.MARGADADI, Kec. Bmiayu, Kab. Brebes. Saya Mahasiswa semester dua Program studi T di STMIK
Muhammadiyah Paguyangan Brebes. Ini adalah situs web pertama saya. Tujuan pembuatan website ini
untuk memenuhi tugas, lebih tepatnya tugas Ujian Akhir Semester Dua dari Mata Kuliah Pemrograman
Web. Isi website, yang merupakan cerita inspirasi hidup stephen hawking seorang ilmuan asal inggris,
Itulah singkat ceritanya, Terima kasih. Selamat membaca :) </p>
</div>
</div>
<p>Hidup itu sederhana; Goreng, angkat dan tiriskan ;)</p>
</div>
</body>
</html>
2. Hasil Tema yang di Conversi
BAB II
PENUTUP
Kesimpulan
Sitemap merupakan sebuah halaman khusus pada sebuah situs yang biasanya dibuat dengan
format XML. Halaman ini memuat semua link di sebuah situs yang tujuannya untuk
mempermudah mesin pencari dalam melakukan proses index. Tanpa
adanya sitemap kemungkinan besar sebuah website tidak akan bisa ditemukan di mesin pencari.
Membuat sitemaps rupanya mudah saja, apalagi jika menggunakan CSP yang diantaranya:
HTML, CSS, Java Script, JQuery atau Framework bootstrap. selain dapat mengoptimalkan
Internet Sublime text situs, plugin tersebut juga dapat membuat sitemaps dengan mudah dan
cepat.

Tugas Mata Kuliah Pemrograman Web Maulana Azhar Asyifa.20.01.0.0011

Diunggah oleh

Informasi Dokumen

Deskripsi Asli:

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Tugas Mata Kuliah Pemrograman Web Maulana Azhar Asyifa.20.01.0.0011

Diunggah oleh

Hak Cipta:

Format Tersedia

TUGAS MATA KULIAH PEMROGRAMAN WEB

Membuat Tema Web Application

Nama : Maulana Azhar Asyifa

1.1. Latar Belakang

1.2. Rumusan Masalah

1. Hasil Rancangan Site Maps Application Sederhana

font-family: Thimes New Roman;

overflow: hidden;manfaat berorganisasi</title>

background: white<!DOCTYPE html>

padding: 14px 16px;

@media screen and (max-width: 800px) {

<h1 > cerita manfaat berorganisasi </h1>

<h1><font color="black">human menjadi seorang mahasiswa</font></h1>

<h3><font color="black">cerita manfaat berorganisai</font></h3>

<p><font color="black"> </font></p>Human, Menjadi seorang mahasiswa bukanlah hal mudah,

<p>Hidup itu sederhana; Goreng, angkat dan tiriskan ;)</p>

Anda mungkin juga menyukai