Tugas Project Praktikum Pemrograman Web - LAPORAN AKHIR PRAKTIKUM WEB

Source Code:

index.php

<!DOCTYPE html>

<html>

<head>

<title>Created by Al Dzuhry | HYPOXIA</title>

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

<script type="text/javascript" src="jquery.js"></script>

<audio src="lawkana.mp3" controls autoplay muted></audio>

</head>

<body>

<header>

<h1 class="judul">HYPOXIA</h1>

<h3 class="deskripsi">Created by Al Dzuhry</h3>

</header>

<div class="menu">

<ul>

<li><a href="index.php?page=home">HOME</a></li>

<li><a href="index.php?page=tentang">TENTANG</a></li>

<li><a href="index.php?page=modul">MODUL</a></li>

<li><a href="index.php?page=quotes">QUOTES</a></li>

</ul>

</div>

<form class="form-inline my-2 my-lg-0">

<input class="form-control mr-sm-2" type="search"

placeholder="Cari" aria-label="Cari">

<button class="btn btn-outline-success my-2 my-sm-0"

type="submit">Cari</button>

</form>

<div class="badan">

home.php

<h2>Welcome to Hypoxia Website</h2>

<p>Assalamualaikum Warahmatullahi wabarakatuh</p>

<p></p>

<div class="read-page-upper"

data-cache-key="https_liputan6.com:bump:xhp_desktop__read_page__read_page_upper:2980b8 2ae812a19010ba06e078ab35d8:TextTypeArticle#4466595_1611583022:new_style"

data-cache-ttl="120" data-component-name="desktop:read-page:read-page-upper"><main><article><h2 class="read-page--header--title entry-title"

itemprop="headline"

data-component-name="desktop:read-page:header:title">HEADLINE: Pendeteksi Covid-19 GeNose Siap Dipasang di Stasiun, Gantikan Tes Swab?</h2><div id="author-4466595" class="read-page--header--author vcard" data-component="desktop:read-page:header:author"

data-component-name="desktop:read-page:header:author"><a class="read-page--header--author__avatar-link url fn"

href="https://www.liputan6.com/me/Fachrur_Rozie" title="Fachrur Rozie"

itemprop="url" rel="author"><picture class="read-page--header--author__avatar"><source

srcset="https://cdn0-production-images-kly.akamaized.net/c4V7hHZquR4lnLpGbkWkuTuCIfA=/40x40/smart/filters:quality(

90):strip_icc():format(webp)/kly-media-production/avatars/1164/original/090050300_1522315375-alung.JPG 1x,

https://cdn0-production-images-kly.akamaized.net/10-Qhtiep8PiJndUMMhCt4hazB8=/80x80/smart/filters:quality(90):strip_icc():forma t(webp)/kly-media-production/avatars/1164/original/090050300_1522315375-alung.JPG 2x" type="image/webp" data-template-var="source-webp"><source

srcset="https://cdn0-production-images-kly.akamaized.net/k-Oos8BlbmWiVY9ZFZG820pc0j4=/40x40/smart/filters:quality(90):strip_icc():form at(jpeg)/kly-media-production/avatars/1164/original/090050300_1522315375-alung.JPG 1x,

https://cdn0-production-images-kly.akamaized.net/YDG-

ynVvVq3eAQ- ww_GrojAU9F0=/80x80/smart/filters:quality(90):strip_icc():format(jpeg)/kly-media-production/avatars/1164/original/090050300_1522315375-alung.JPG 2x"

data-template-var="source"><img src="https://cdn0-production-images-

kly.akamaized.net/k-Oos8BlbmWiVY9ZFZG820pc0j4=/40x40/smart/filters:quality(90):strip_icc():form at(jpeg)/kly-media-production/avatars/1164/original/090050300_1522315375-alung.JPG" alt="Fachrur Rozie" class="read-page--header--author__avatar-img" data-width="40" data-height="40"

data-template-var="image"></picture></a><div class="read-page--header--author__wrapper"><span itemtype="http://schema.org/Person"

itemscope="itemscope"><a class="read-page--header--author__link url fn"

href="https://www.liputan6.com/me/Fachrur_Rozie" itemprop="url"

rel="author"><span class="read-page--header--author__prefix"></span><span class="read-page--header--author__name fn" itemprop="name">Fachrur

Rozie</span></a></span><p class="read-page--header--author__datetime-wrapper"><time class="read-page--header--author__datetime updated"

itemprop="datePublished" datetime="2021-01-26 00:03:58">26 Jan 2021, 00:03 WIB<i class="read-page--header--author__arrow

i-time-arrow"></i></time></p><hr></div></div><meta itemprop="image"

content="https://cdn0-production-images-63 kly.akamaized.net/MFyB5HgL8MRsPTw6hzVO5ypB3tk=/673x379/smart/filters:qualit

y(75):strip_icc():format(jpeg)/kly-media-

production/medias/3248952/original/037962400_1601013293-IMG-20200925-WA0014.jpg"><meta itemprop="thumbnailUrl" content="https://cdn0-production-

images-kly.akamaized.net/BgbpdH1eIsU6U1QnUAfg3_rQkKc=/144x81/smart/filters:quality

(75):strip_icc():format(jpeg)/kly-media-

production/medias/3248952/original/037962400_1601013293-IMG-20200925-WA0014.jpg"></header><div -content"><div class="read-page--top-media" data-component="desktop:read-page:top-media" data-component-name="desktop:read-page:top-media"><figure class="read-page--photo-gallery--item" id="gallery-image-3248952" photo-gallery-page="1"

data- image="https://cdn0-production-images-

kly.akamaized.net/yw5cz46qthjdFbTQpxFKGUf- Uz4=/640x360/smart/filters:quality(75):strip_icc():format(jpeg)/kly-media- production/medias/3248952/original/037962400_1601013293-IMG-20200925-WA0014.jpg" data-description="GeNose, alat pendeteksi Covid-19 melalui hembusan napas diklaim memiliki tingkat akurasi ketepatan mencapai 97 persen." data-title="GeNose, alat pendeteksi Covid-19 melalui hembusan nafas diklaim memiliki tingkat akurasi ketepatan mencapai 97 persen." data- class="read-page--photo-gallery--item__content js-gallery-content" style="background-color:

rgb(221, 221, 221);"><a href="#" item__link"><picture

class="read-page--photo-gallery--item__picture"><source

data-srcset="https://cdn0-production-images-kly.akamaized.net/AnYaLzjAN4o38VTh1cjFB5DD6_Q=/640x360/smart/filters:qualit

y(75):strip_icc():format(webp)/kly-media- production/medias/3248952/original/037962400_1601013293-IMG-20200925-WA0014.jpg 1x,

https://cdn0-production-images-

kly.akamaized.net/sSYzqC_WOjZed-cNACysb4qJNrg=/1280x720/smart/filters:quality(75):strip_icc():format(webp)/

kly-media-production/medias/3248952/original/037962400_1601013293-IMG-20200925-WA0014.jpg 2x" type="image/webp" data-template-var="source-webp"

srcset="https://cdn0-production-images-kly.akamaized.net/AnYaLzjAN4o38VTh1cjFB5DD6_Q=/640x360/smart/filters:qualit

y(75):strip_icc():format(webp)/kly-media- production/medias/3248952/original/037962400_1601013293-IMG-20200925-WA0014.jpg 1x,

https://cdn0-production-images-

kly.akamaized.net/sSYzqC_WOjZed-cNACysb4qJNrg=/1280x720/smart/filters:quality(75):strip_icc():format(webp)/

kly-media-production/medias/3248952/original/037962400_1601013293-IMG-20200925-WA0014.jpg 2x"><source data-srcset="https://cdn0-production-

images-kly.akamaized.net/yw5cz46qthjdFbTQpxFKGUf- Uz4=/640x360/smart/filters:quality(75):strip_icc():format(jpeg)/kly-media- production/medias/3248952/original/037962400_1601013293-IMG-20200925-WA0014.jpg 1x,

https://cdn0-production-images-kly.akamaized.net/htFQTUCAK88Vmc6uXg32RsqrdYc=/1280x720/smart/filters:quali

ty(75):strip_icc():format(jpeg)/kly-media- production/medias/3248952/original/037962400_1601013293-IMG-20200925-WA0014.jpg 2x" data-template-var="source" srcset="https://cdn0-production-

https://cdn0-production-images-kly.akamaized.net/htFQTUCAK88Vmc6uXg32RsqrdYc=/1280x720/smart/filters:quali

ty(75):strip_icc():format(jpeg)/kly-media- production/medias/3248952/original/037962400_1601013293-IMG-20200925-WA0014.jpg 2x"><img

src="https://cdn0-production-images-

images-kly.akamaized.net/yw5cz46qthjdFbTQpxFKGUf- Uz4=/640x360/smart/filters:quality(75):strip_icc():format(jpeg)/kly-media-

production/medias/3248952/original/037962400_1601013293-IMG-20200925-WA0014.jpg" data-width="640" data-height="360" alt="GeNose, alat pendeteksi Covid-19 melalui hembusan nafas diklaim memiliki tingkat akurasi ketepatan mencapai 97 persen."

page--photo-gallery--item__picture-lazyload page--photo-gallery--item__picture-lazyloaded" data-template-var="image"></picture><div class="read-page--photo-gallery--item__icon--new-zoom"><i

class="i-gallery-enlarge"></i><span

gallery--item__icon--new-zoom__enlarge-caption">Perbesar</span></div><span class="read-page--photo-gallery--item__icon read-page--photo-class="read-page--photo-gallery--item__icon_plus i-gallery-plus js-icon-i-gallery-plus" style="display: block;"></span></a><div class="read-page--photo-gallery--item__social-share js-social-share" style="opacity:

0;"><a class="read-page--photo-gallery--item__share-button js-share-button"

href="https://www.facebook.com/sharer/sharer.php?u=https://www.liputan6.com /news/read/4466595/headline-pendeteksi-covid-19-genose-siap-dipasang-di-stasiun-gantikan-tes-swab"><span

class="read-page--photo-gallery--item__share-icon read-page--photo-gallery--class="read-page--photo-gallery--item__share-icon_facebook i-gallery-facebook"></span></a><a

class="read-page--photo-gallery--item__share-button js-share-button"

href="https://twitter.com/intent/tweet?text=https://www.liputan6.com/news/r ead/4466595/headline-pendeteksi-covid-19-genose-siap-dipasang-di-stasiun-gantikan-tes-swab"><span class="read-page--photo-gallery--item__share-icon read-page--photo-gallery--item__share-icon_twitter

i-gallery-twitter"></span></a><a class="read-page--photo-gallery--item__share-button js-share-button"

href="https://plus.google.com/share?url=https://www.liputan6.com/news/read/

4466595/headline-pendeteksi-covid-19-genose-siap-dipasang-di-stasiun-gantikan-tes-swab"><span class="read-page--photo-gallery--item__share-icon read-page--photo-gallery--item__share-icon_google-plus

i-gallery-gplus"></span></a><a class="read-page--photo-gallery--item__share-button"

href="mailto:?to=&subject=%5BLIPUTAN6%5D%20HEADLINE%3A%20Pendeteksi%20C

ovid-19%20GeNose%20Siap%20Dipasang%20di%20Stasiun%2C%20Gantikan%20Tes%20Swab%3F&

amp;body=https%3A%2F%2Fwww.liputan6.com%2Fnews%2Fread%2F4466595%2Fheadline-

pendeteksi-covid-19-genose-siap-dipasang-di-stasiun-gantikan-tes-swab"><span class="photo-gallery--item__share-icon read-page--photo-gallery--item__share-icon_email i-gallery-email"></span></a><a class="read-page--photo-gallery--item__share-button js-copy-link"

href="https://www.liputan6.com/news/read/4466595/headline-pendeteksi-covid-19-genose-siap-dipasang-di-stasiun-gantikan-tes-swab"><span class="item__share-icon

read-page--photo-gallery--item__share-icon_copy-link

i-gallery-copy-link"></span></a></div></div><figcaption class="read-page--photo-gallery--item__caption"><span>GeNose, alat pendeteksi Covid-19 melalui hembusan napas diklaim memiliki tingkat akurasi ketepatan mencapai 97

persen.</span></figcaption></figure></div><div class="article-content-body article-content-body_with-aside" data-component="desktop:read-page:article-content-body" itemprop="articleBody" data-component-name="desktop:read-page:article-content-body"><div class="article-content-body__item-page "

data-page="1" data-title=""><div class="article-content-body__item-content"

data-component-name="desktop:read-page:article-content-body:section:text"><p><b>Liputan6.com, Jakarta -</b> Tak ada keraguan di wajah Menteri Koordinator Kemaritiman dan Investasi Luhut Binsar

65 Pandjaitan. Dalam kunjungannya di Stasiun Kereta Api Pasar Senen, Jakarta Pusat, Sabtu (23/1/2021), Luhut langsung mencoba alat deteksi <a

href="https://www.liputan6.com/health/read/4465872/penumpang-kereta-api-dan-bus-akan-dites-covid-19-dengan-genose-mulai-5-februari-2021"

title="GeNose ">GeNose </a>dengan cara menghembuskan napas ketiga ke dalam kantung yang telah disiapkan.</p>

<p>Hasilnya, alat GeNose buatan tim dari Universitas Gadjah Mada (UGM) itu menyatakan Luhut negatif Covid-19. Dia pun tampak semringah dan langsung mempromosikan alat tersebut. Luhut mengatakan, alat GeNose ini telah mendapatkan izin edar dari Kementerian Kesehatan (Kemenkes).</p>

<div class="baca-juga" data-category="Rajut"

data-cache-key="https_liputan6.com:bump:TextTypeArticle#4466595::isNotMobile::f6fd9e47 e8a49eb92e92b056c09ef7cf" data-cache-ttl="360"

data-component-name="desktop:read-page:article-content-body:section:bacajuga">

<ul class="baca-juga__list"><li><a target="_blank"

href="https://www.liputan6.com/news/read/4466680/kasus-gisel-dibandingkan-dengan-ibu-di-bone-ditahan-bersama-bayinya-ini-respons-polisi">Kasus Gisel Dibandingkan dengan Ibu di Bone Ditahan Bersama Bayinya, Ini Respons

Polisi</a></li></ul>

</div><div class="bb_iawr"

id="bb-iawr-inarticle-liputan6_float_to_bottom_right_after_scroll" style="position: relative;

display: none; overflow: hidden; font-family: arial, helvetica, sans-serif;

width: 100%; height: 0px; opacity: 0.01;"><div class="bb-media bb_wrapper bb-muted bb-pendingplay bb-mode-commercial bb-phase-exit bb-state-idle"

id="bb-wr-inarticle-liputan6_float_to_bottom_right_after_scroll"

style="position: relative; background-color: rgb(128, 128, 128); width:

100%; cursor: auto; margin: 0px auto; height: 360px;" sid="mPAKqHN7VEXP" currenttime="0" duration="90" data-isready="true" data-autoplaynextremainingtime="0"><style>.bb_wrapper {cursor: default; margin:0; box-sizing: content-box; } .bb_wrapper div {margin:0;} .bb_wrapper .bb-layer { position: absolute; top:0; left:0;

width:100%; height:100%; pointer-events:none !important; overflow:hidden;}

.bb_wrapper .bb-layer .bb-head, .bb_wrapper .bb-layer .bb-head video { width:100%; height: 100%; } .bb_wrapper video::-webkit-media-controls-start-playback-button {display: none; -webkit-appearance: none;}

.bb_wrapper audio::-webkit-media-controls-start-playback-button {display:

none; -webkit-appearance: none;} .bb_wrapper .bb-fitme {pointer-events:none

!important;} .bb_wrapper .bb-fitme.bb-poster-layer

{width:100%;height:100%;}</style><div class="bb-layer

bb-content-layer"><div class="bb-fitme bb-head-layer" style="z-index: 0; width: 0px;

height: 0px; position: absolute; left: 0px; top: 0px;"><div class="bb-head bb-head-html5-video" style="position:absolute; width:100%; height:100%;

top:0; left:0;" data-usemediamanager="true" data-retryonplayfailed="false"

data-shouldplayinline="false"><video muted="" preload="metadata"

playsinline="" webkit-playsinline="" aria-hidden="true"

controlslist="nodownload" style="max-width: none; max-height: none;

display: block; top: 0px; left: 0px; position: absolute; background-color:

rgb(128, 128, 128); object-fit: contain; transform: scale(1, 1); transform-origin: 0px 0px; height: 100%; width: 100%;" defaultmuted=""></video><style type="text/css">.bb_wrapper .bb-head-html5-video video{max-width:none

!important;max-height:none !important;}</style><div

style="width:100%;height:100%;position:absolute;top:0;left:0;"></div><canva s style="left: 0px; top: 0px; width: 100%; height: 100%; position:

absolute; display: none;"></canvas></div></div><div class="fitme bb-poster-layer" style="z-index: 0; display: none; width: 0px; height: 0px;

position: absolute; left: 0px; top: 0px;" aria-hidden="true"><img style="width: 100%; height: 100%; display: none;" alt="poster"><img

style="width: 100%; height: 100%; display: none;" alt="poster"></div><div class="bb-fitme bb-timeline-layer" style="z-index: 0; width: 0px; height:

0px; position: absolute; left: 0px; top: 0px;"><div class="bb-arena"

66 style="position: absolute; width: 100%; height: 100%; top: 0px; left: 0px;

display: none;"></div><style>.bb-timeline-layer .bb-arena

.bb_timelinewidget{ pointer-events: auto !important; }.bb-timeline-layer arena .bb_timelinewidget:focus{ outline: 0; } timeline-layer .bb-arena input:focus { outline: 0 !important; } .bb-timeline-layer .bb-.bb-arena

*:focus { outline: 0 !important; } .bb-timeline-layer .bb-arena

.bb_timelinewidget.bb_timelineappwidget{ pointer-events: none !important;

}</style></div><div class="bb-layer bb-subtitle-layer" style="z-index:0;"><div class="bb-subtitledisplay" style="position: absolute;

pointer-events: none !important; left: 10%; bottom: 5px; width: 80%; text-align: center; font-family: Helvetica, sans-serif; font-weight: bold;

color: rgb(255, 255, 255); text-shadow: rgb(0, 0, 0) -1.5px -1.5px 0px, rgb(0, 0, 0) 0px -1.5px 0px, rgb(0, 0, 0) 1.5px -1.5px 0px, rgb(0, 0, 0) 1.5px 0px 0px, rgb(0, 0, 0) 1.5px 1.5px 0px, rgb(0, 0, 0) 0px 1.5px 0px, rgb(0, 0, 0) -1.5px 1.5px 0px, rgb(0, 0, 0) -1.5px 0px 0px; transition:

bottom 0.25s ease 0s; background: none; line-height: initial; font-size:

14.4px;"><span style="color: rgb(255, 255, 255); background: none; margin:

5px auto 0px; padding: 0px 5px; display:

inline-block;"></span>   </div></div></div><div class="layer bb-commercial-layer"><div class="bb-layer bb-placeholder-layer" style="z-index: 0; display: table; visibility: hidden;"><a style="display: table-cell; vertical-align: middle; align: center; font-size: 1.5em; text-decoration: none; background-color: rgb(128, 128, 128); color: rgb(255, 255, 255);">Learn more</a></div><div class="bb-fitme bb-head-layer"

style="z-index: 0; width: 640px; height: 360px; position: absolute; left:

0px; top: 0px;"><div class="bb-head bb-head-html5-ima" style="position:

absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1;

visibility: inherit; pointer-events: none; display: none;"

data-retryonplayfailed="true" data-borrowhtml5media="true"><style>.bb_wrapper .bb-head-html5-ima .bb-ad-container video {left:0;top:0;}</style><div class="bb-ad-container" style="width: 100%; height: 100%; position:

absolute; pointer-events: auto;"><div style="position: absolute;"><div style="display: none;"><video title="Advertisement"

webkit-playsinline="true" webkit-playsinline="true" style="background-color: rgb(0, 0, 0); position: absolute; width: 100%; height: 100%; left: 0px; top:

0px;"></video><div style="position: absolute; width: 100%; height: 100%;

left: 0px; top: 0px;"></div></div><div style="display: none;"><video title="Advertisement" webkit-playsinline="true" playsinline="true"

style="background-color: rgb(0, 0, 0); position: absolute; width: 100%;

height: 100%; left: 0px; top: 0px;"></video><div style="position: absolute;

width: 100%; height: 100%; left: 0px; top: 0px;"></div></div><iframe

src="https://imasdk.googleapis.com/js/core/bridge3.435.0_en.html#goog_11050 97629" allowfullscreen="" allow="autoplay" style="border: 0px; opacity: 0;

margin: 0px; padding: 0px; position: relative; color-scheme:

light;"></iframe></div><div style="position: absolute; width: 640px;

height: 360px;"><div style="display: none;"><video title="Advertisement"

webkit-playsinline="true" playsinline="true" style="background-color:

rgb(0, 0, 0); position: absolute; width: 100%; height: 100%; left: 0px;

top: 0px;"></video><div style="position: absolute; width: 100%; height:

100%; left: 0px; top: 0px;"></div></div><div style="display: none;"><video title="Advertisement" webkit-playsinline="true" playsinline="true"

style="background-color: rgb(0, 0, 0); position: absolute; width: 100%;

height: 100%; left: 0px; top: 0px;"></video><div style="position: absolute;

width: 100%; height: 100%; left: 0px; top: 0px;"></div></div><iframe

src="https://imasdk.googleapis.com/js/core/bridge3.435.0_en.html#goog_11050 97628" allowfullscreen="" allow="autoplay" style="border: 0px; opacity: 1;

margin: 0px; padding: 0px; position: relative; color-scheme: light;"

width="640" height="360"></iframe></div></div><div class="bb-ad-clicklayer"

style="width: 100%; height: 66.7%; position: absolute; cursor: pointer;

pointer-events: auto; display: none;"></div><div class="bb-ad-clicklayer"

style="width: 100%; height: 66.7%; position: absolute; cursor: pointer;

67 pointer-events: auto; display: none;"></div></div></div><div class="bb-layer bb-cta-class="bb-layer" style="z-index: 0; display:

none;"><style>.bb-commercial-layer .bb-cta-layer .bb-dimmed { background: rgba(0,0,0,0.4);

transition: background 0.3s linear; } .bb-commercial-layer .bb-cta-layer

Dalam dokumen LAPORAN AKHIR PRAKTIKUM WEB (Halaman 62-93)