Web Desain

Senin, 03 Agustus 2015

Karya tulis

LAPORAN PRAKTIKUM WEB DESAIN

Disusun Oleh :

MUHAMMAD MIFTAHUL JANNAH

MI6

AKADEMI KOMUNITAS (POLTEK) NEGERI BOJONEGORO

1. Tema wordpress menggunakan Twenty Thirteen

Web ini bertema tentang informasi menegenai cara instal windows menggunakan vmware

2. Latar Belakang

Informasi tentang cara instal windows menggunakan vmware sangat dibutuhkan oleh banyak orang web mengenai hal tersebut.

Sedangkan memilih Twenty Thirteen sebagai theme wordpress adalah karena desain yang simple, mudah diedit dan tema Twenty Thirteen ringan digunakan, tidak memberatkan.

3. Kajian

a. Tentang Web

Web ini berisi tentang informasi mengenai cara instal windows menggunakan vmware.

Dalam menu ini terdapat beberapa menu yaitu :

1) Menu utama yang berisi tentang isi web.

2) Menu Tutorial , dalam menu ini terdapat sub menu yaitu Tutorial instal windows 7di vmware,Tutorial instal windows 8.1 di wmware dan Tutorial instal windows xp di vmware. Dalam sub menu Tutorial instal windows 7di vmware berisi informasi tentang bagai mana cara instal windows 7 di wmware selain itu juga di jelaskan apa itu vmware dan ada juga kelebihan dan kekurangan vmware sehingga pengunjung langsung bisa dipraktekan .

Sedangkan untuk Tutorial instal windows 8.1 di wmware berisi informasi tentang Tutorial instal windows 8.1 di wmware sehingga dengan informasi ini pembaca dapat menegtahui cara instal windows di vmware.

b. Perbandingan Sebelum dan sesudah

Sebelum :

Sesudah:

Sebelum:

Sesudah:

www.mjnfjr.zz.mu

Senin, 11 Mei 2015

bootstrap

GETBOOTSTRAP

Assaloamu’alaikum Wr.Wb

Hari ini saya belajar tentang BOOSTSTRAP web ini sangat cocok intuk saya atau teman” yang suka duniya web desain ,css,java skrip DLL web ini sangtat mudah di aksess dan sangat mudah di pahami saya sebagai pengguna sangatlah bangga dengan adanya web ini.

Apa Itu Bootstrap?

Bootstrap adalah front-end framework yang solek, bagus dan luar biasa yang mengedapankan tampilan untuk mobile device (Handphone, smartphone dll.) guna mempercepat dan mempermudah pengembangan website. Bootstrap menyediakan HTML, CSS dan Javascript siap pakai dan mudah untuk dikembangkan.

Web ini sangat lengkap dan mudah dipelajarii web ini ada fitur yang lengkap meliputi

a. Getting started

Di fitur ini anda dapat melihat dan mendownload fitur Bootstrap sesuai yang anda inginkan

CSS

Di fitur CSS ini anda dapat melihat skrip css dan bisa di pahamii

c. Components

Di fitur ini ada puluhan componen

Saya berikan contoh sedikit tentang css

a. Membuat table dan isinya

>>skrip

>>hasil

b. Sekrip kedua ini tentang form membuat login

>>hasil

Setelah saya belajar dan liyat web ini saya bisa dan memahami tentang web,css dll

Saya sangat mendukung dengan keberadaan web ini ,web ini cocok sekali untuk anda yang ambil studi TEKNIK INFORMATIKA trimakasih itu ungkapan saya setelah saya belajar Bootstrap.

Wassalamu’alaikum Wr.Wb

Senin, 04 Mei 2015

quiz2

skrip>>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="author" content="crude" />

<title>Ukuran area division</title>
<style type="text/css">
.atas {
width: 100%;
font-family: arial;
height: 100px;
padding: 30px 10px 0 30px;
text-transform: uppercase;
background:#3a5795;
border: black;
float: left;
font-weight: bold;
font-size: 30px;
color: white;
}
.samping {
width: 500px;
height: 100px;
border: black;
background:#3a5795;
float: right;
}
.samping1 {
width: 600px;
height: 500px;
border: rgb(50,100,100);
float: right;
}
.samping2 {
width: 600px;
height: 500px;
color: #3a5795;
padding: 30px 10px 0 30px;
border: ;
float: bottom;
font-weight: bold;
image-orientation: auto;
font-family: arial;
}
.bawah {
width: 100%;
height: 150px;
border: 1px double;
float: left;
}
</style>
</head>

<body>
<div class="atas">
<div class="samping"></div></div>
<div class="samping1">
</div>
<div class="samping2">
<p align="left" class="style10">Facebook membantu anda terhubung dan </p>
<p align="left" class="style10">berbagi dengan orang-orang </p>
<p align="left" class="style10">kehidupan anda </p>
<img src="a.PNG"/></div>
<div class="bawah"></div>
</body>
</html>

Senin, 20 April 2015

quiz 1

SKRIP>>>>

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="author" content="crude" />

<title>Quiz 1</title>
</head>
<body>
<table border=0 cellspacing=0 cellpadding=0>
<tr>
<th bgcolor=White></th>
<th colspan=3 bgcolor=white width ="890"><img src="D:\SEMESTER 2\WEB DESEN\Quiz 1\q.png" />FORMULIR DETEKSI DINI/LAPORAN KEJADIAN HASIL (Healthcart Associated Infections)</th>
</tr>
<tr>
<th bgcolor=white></th>
<th colspan=3 bgcolor=white>DI RS.ST.ELISABETH SEMARANG</th>
</tr>
<tr>
<td>Ruang</td>
<td>:...................................</td>
<td colspan=3 align="left" width="160"> Tgl.Masuk/jam :........../....</td>
</tr>
<tr>
<td>Cara dirawat</td>
<td>:Emergency/Elektif</td>
<td colspan=3 align="left" width="160"> No.Rekam medik :..............</td>
<td></td>
</table> <hr color="black" />
<table border=0 cellspacing=0 cellpadding=0>
</tr>
<tr>
<th colspan=3 align="left">I. IDENTITAS PASIEN</th>

</tr>
<tr>
<td>1. Nama Pasien</td>
<td>:........................................</td><br /><br />
</tr>
<tr>
<td>2. Umur</td>
<td>: th/ bln/ hr</td>

</tr>
<tr>
<td>3. Jenis kelamin</td>
<td>:L/P</td>
</tr>
<tr>
<td>4. Alamat</td>
<td>:.......................................</td>
<tr>
<th colspan=3 align="left">II. DIAGNOSA WAKTU MASUK</th>
</tr>
<td>.....................................................</td>
<td>.....................................................</td>
<tr>
<th colspan=3 align="left">III. PINDAH KE RUANGAN</th>
</tr>
</tr>
<tr>
<td>1. .............................</td>
<td>Tgl. .......................................</td>
</tr>
<tr>
<td>2. .............................</td>
<td>Tgl. .......................................</td>
<tr>
<th colspan=3 align="left">IV. FAKTOR RESIKO SELAMA DIRAWAT</th>
</tr>
<table border=1>
<tr>
<th rowspan=2 width="50" >NO</th>
<th rowspan=2 width="122">Jenis tindakan /alkes</th>
<th rowspan=2 width="150">Lokasi</th>
<th colspan=2 width="150">Tanggal pemasangan</th>
<th colspan=0 width="50">total harga</th>
<th colspan=0 width="50">Tanggal infeksi</th>
<th colspan=0 width="50">catatan</th>
</tr>
<tr>
<th>Mulai</th>
<th>S/D</th>
</tr>
<tr>
<td>1</td>
<td>intra vena keteter</td>
<td align="center"rowspan=5 width="150">-</td>
<td align="center"rowspan=5 width="150">-</td>
<td align="center"rowspan=5 width="150">-</td>
<td align="center"rowspan=5 width="150">-</td>
<td align="center"rowspan=5 width="150">-</td>
<td align="center"rowspan=5 width="150">-</td>
<tr>
<td></td>
<td><input type="checkbox" name="" size="10"/>Vena Sentral<br /></td>
</tr>
</body>
<tr>
<td></td>
<td><input type="checkbox" name="" size="10"/>Vena Periver<br /></td>
</tr>
<tr>
<td></td>
<td><input type="checkbox" name="" size="10"/>Arteri<br /></td>
</tr>
<tr>
<td></td>
<td><input type="checkbox" name="" size="10"/>Umbikal<br /></td>

</tr>
</tr>
<tr>
<td>2</td>
<td><input type="checkbox" name="" size="10"/>Urine Kateter<br /></td>
<td align="center"rowspan=2 width="150">-</td>
<td align="center"rowspan=2 width="150">-</td>
<td align="center"rowspan=2 width="150">-</td>
<td align="center"rowspan=2 width="150">-</td>
<td align="center"rowspan=2 width="150">-</td>
<td align="center"rowspan=2 width="150">-</td>
</tr>
<tr>
<td></td>
<td><input type="checkbox" name="" size="10"/>Suprabubik Kateter<br /></td>
</tr>
<tr>
<td>3</td>
<td>Ventilasi Mekanik</td>
<td align="center"rowspan=3 width="150">-</td>
<td align="center"rowspan=3 width="150">-</td>
<td align="center"rowspan=3 width="150">-</td>
<td align="center"rowspan=3 width="150">-</td>
<td align="center"rowspan=3 width="150">-</td>
<td align="center"rowspan=3 width="150">-</td>
</tr>
<tr>
<td></td>
<td><input type="checkbox" name="" size="10"/>Tuba Endotrakeal<br /></td>
</tr>
<tr>
<td></td>
<td><input type="checkbox" name="" size="10"/>Trakeostomi<br /></td>
</tr>
<tr>
<td>4</td>
<td>Lain-lain.......</td>
<td align="center"rowspan=2 width="150">-</td>
<td align="center"rowspan=2 width="150">-</td>
<td align="center"rowspan=2 width="150">-</td>
<td align="center"rowspan=2 width="150">-</td>
<td align="center"rowspan=2 width="150">-</td>
<td align="center"rowspan=2 width="150">-</td>
</tr>
<tr>
<td></td>
<td>Drain/IABP/CVVH</td></tr>
<tr>
<th></th>
</tr>

</table>
<table border=0 cellspacing=0 cellpadding=0>
<tr>
<th bgcolor=White></th>
<th colspan=3 bgcolor=white width ="890"></th>
</tr>
<tr>
<th bgcolor=white></th>
<th colspan=3 bgcolor=white></th>
</tr>
<tr>
<th colspan="3" align="left">Faktor penyakit</th>
<td></td>
<th colspan=3 align="left" width="300"> Hasil laboratorium :</th>
</tr>
<tr>
<td>HBS Ag</td>
<td>: Positif/Negatif/Tidak diperiksa</td>
<td colspan=3 align="left" width="160"> Leukocit<td>:....................</td></td>
</tr>
<tr>
<td>Anti HCV</td>
<td>: Positif/Negatif/Tidak diperiksa</td>
<td colspan=3 align="left" width="160"> LED<td>:....................</td></td>
</tr>
<tr>
<td>Anti HIV</td>
<td>: Positif/Negatif/Tidak diperiksa</td>
<td colspan=3 align="left" width="160"> GDS<td>:....................</td></td>
</tr>
<tr>
<td>Lain-lain</td>
<td>: ................................</td>
<td colspan=3 align="left" width="160"> HB<td>:....................</td></td>
</tr>
<tr>
<td></td>
<td></td>
<td colspan=3 align="left" width="160"> Albumin<td>:....................</td></td>
</tr>
</table>
<table>
<tr>
<th colspan=3 align="left" width="300"> Hasil Radiologi : ...................................................................................................................................</th>
</table> <hr color="black" />
<table border=0 cellspacing=0 cellpadding=0>
</tr>
<tr>
<th colspan=3 align="left">V. TINDAKAN/OPERASI</th>

</tr>
<tr>
<td>1.Macam tindakan</td>
<td> :............................................................................</td>

</tr>
<tr>
<td>(di kamar operasi mana dikerjakan</td>
<td> KOI/II/III/IV/V lainya......)</td>

</tr>
<tr>
<td>2. diaknosa</td>
<td> : ..............................................................................</td>
</tr>
<tr>
<td>3. Tgl Operasi</td>
<td>1 :.............Lama Operasi............ Jam, ..............Mnt</td>
</tr>
<tr>
<td></td>
<td>2 :.............Lama Operasi............ Jam, ..............Mnt</td>
</tr>
<tr>
<td>4. Jenis operasi (A)</td>
<td>:<input type="checkbox" size="10"/>Bersih<input type="checkbox" size="10"/>Bersih Tercemar<input type="checkbox" size="10"/>Tercemar<input type="checkbox" size="10"/>Kotor<br /><br /><br /><br /></td>
</tr>
<th colspan=3 align="left">II. DIAGNOSA WAKTU MASUK</th>
</tr>
<td>.....................................................</td>
<td>.....................................................</td>
<tr>
<th colspan=3 align="left">III. PINDAH KE RUANGAN</th>
</tr>
</tr>
<tr>
<td>1. .............................</td>
<td>Tgl. .......................................</td>
</tr>
<tr>
<td>2. .............................</td>
<td>Tgl. .......................................</td>
<tr>
<th colspan=3 align="left">IV. FAKTOR RESIKO SELAMA DIRAWAT</th>
</body>
</html>