• Tidak ada hasil yang ditemukan

Implementasi Weighted Sum Model (WSM) dan Weighted Product Model (WPM) untuk Pemilihan Service Cloud Computing

N/A
N/A
Protected

Academic year: 2017

Membagikan "Implementasi Weighted Sum Model (WSM) dan Weighted Product Model (WPM) untuk Pemilihan Service Cloud Computing"

Copied!
39
0
0

Teks penuh

(1)
(2)

LISTING PROGRAM

Halaman Utama

<html> <head>

<meta charset="utf-8">

<link href="css/metro-bootstrap.css" rel="stylesheet">

<link href="css/metro-bootstrap-responsive.css" rel="stylesheet"> <link href="css/iconFont.css" rel="stylesheet">

<link href="css/docs.css" rel="stylesheet">

<link href="js/prettify/prettify.css" rel="stylesheet">

<!-- Load JavaScript Libraries -->

<script src="js/jquery/jquery.min.js"></script>

<script src="js/jquery/jquery.widget.min.js"></script> <script src="js/jquery/jquery.mousewheel.js"></script> <script src="js/prettify/prettify.js"></script>

<!-- Metro UI CSS JavaScript plugins --> <script src="js/load-metro.js"></script>

<!-- Local JavaScript -->

<script src="js/docs.js"></script> <script src="js/github.info.js"></script>

<title>IT Public Consultant</title>

<style> </style> </head>

(3)

<div class="">

<div style="background: url(images/cloudbackground.jpg) top left no-repeat; background-size: cover; height: 300px;">

<div class="container" style="padding: 50px 20px">

<h1 class="fg-black">Decision Supporting System WebApp</h1> <h2 class="fg-black">

Helping people to define cloud services for their business<br />

By using two DSS methods either WSM or WPM

</h2>

</div> </div>

<div class="container"> <div class="grid fluid"> <div class="row">

<div class="span4 bg-green padding20 text-center"> <a href="start.php" class="fg-hover-white">

<h2 class="fg-white fg-hover-black">Getting Started<span class="icon-play on-right"></span></h2>

</a> </div>

</div> </div> </div>

<div class="bg-steel no-tablet-portrait no-phone"> <div class="container padding20 fg-white">

<div class="carousel bg-transparent no-overflow" id="carousel2"> <div class="slide">

(4)

<img src="./images/fasilkom-tiA.png" alt="" class="span3"/>

</div>

<h2 class="fg-white ntm">Fuad Alexander Sitanggang</h2> <p class="fg-white">23 Maret 1991, Padang.</p>

<p class="fg-white">Fakultas Ilmu Komputer dan Teknologi Informasi</p>

<p class="fg-white">Universitas Sumatera Utara</p>

</div>

<div class="slide">

<div class="place-right padding20 ntp nrp nbp">

<img src="./images/fasilkom-tiA.png" alt="" class="span3"/> </div>

<h2 class="fg-white ntm">Fuad Alexander Sitanggang</h2> <p class="fg-white">23 Maret 1991, Padang.</p>

<p class="fg-white">Pusat Komunikasi</p>

<p class="fg-white">Kementerian Luar Negeri RI</p>

</div>

<div class="slide">

<div class="place-right">

<img src="./images/fasilkom-tiA.png" alt="" class="span3"/> </div>

<h2 class="fg-white ntm">Thanks to</h2>

<p class="fg-white">DR. Poltak Sihombing, M.kom.</p> <p class="fg-white">Drs. Agus Salim Harahap, M.Sc.</p>

<p class="fg-white">Mohammad Andri Budiman, S.T., M.Comp.Sc, CJP. </p>

(5)

</div> </div> <script>

$(function(){

$("#carousel2").carousel({ height: 210,

period: 5000, duration: 1000, effect: "fade", markers: { show: false }

}); }) </script> </div> </div>

<div class="bg-dark">

<div class="container" style="padding: 10px 0;">

<div class="grid no-margin"> <div class="row no-margin"> <div class="span3 padding10">

<img src="./images/fasilkom-tiB.png" alt="" class="circle"/> </div>

<div class="span6 padding10"> </div>

<div class="span3 padding10"> </div>

(6)

<div class="container tertiary-text bg-dark fg-white" style="padding: 10px"> </div>

</div> </div>

<script src="js/hitua.js"></script>

</body> </html>

HALAMAN INPUT

<!DOCTYPE html> <html>

<head>

<meta charset="utf-8">

<link href="css/metro-bootstrap.css" rel="stylesheet">

<link href="css/metro-bootstrap-responsive.css" rel="stylesheet"> <link href="css/iconFont.css" rel="stylesheet">

<link href="css/docs.css" rel="stylesheet">

<link href="js/prettify/prettify.css" rel="stylesheet">

<!-- Load JavaScript Libraries -->

<script src="js/jquery/jquery.min.js"></script>

<script src="js/jquery/jquery.widget.min.js"></script> <script src="js/jquery/jquery.mousewheel.js"></script> <script src="js/prettify/prettify.js"></script>

(7)

<!-- Local JavaScript -->

<script src="js/docs.js"></script> <script src="js/github.info.js"></script>

<title>IT Public Consultant</title>

<style> </style> </head>

<body class="metro" style="background-color: #efeae3"> <header class="bg-dark" data-load="header.html"></header>

<div class="">

<div style="background: url(images/cloudbackground.jpg) top left no-repeat; background-size: cover; height: 300px;">

<div class="container" style="padding: 50px 20px">

<h1 class="fg-black">Decision Supporting System WebApp</h1> <h2 class="fg-black">

Helping people to define cloud services for their business<br />

By using two DSS methods either WSM or WPM

</h2> </div> </div>

<div class="container"> <div class="grid fluid"> <div class="row">

<?php

(8)

$dbhost = 'localhost'; $dbuser = 'root'; $dbpass = '';

$db = 'database';

$table = 'bobot';

$b1 = $_POST['b1']/100; $b2 = $_POST['b2']/100; $b3 = $_POST['b3']/100; $b4 = $_POST['b4']/100;

$conn = mysql_connect($dbhost, $dbuser, $dbpass);

mysql_select_db($db);

if(! $conn ) {

die('Could not connect: ' . mysql_error()); }

$sql = "INSERT INTO $table ". "(b1,b2,b3,b4) ".

"VALUES('$b1','$b2',$b3,'$b4')";

$retval = mysql_query( $sql, $conn );

if(! $retval )

{

die('Could not enter data: ' . mysql_error());

(9)

header("location:opsi.php");

mysql_close($conn);

} else {

?>

<form method="post" action="<?php $_PHP_SELF ?>"> <table border="0" cellspacing="1" cellpadding="2">

<tr>

<td>Kriteria 1 (dalam persen)<p>Biaya Awal yang dikeluarkan</td>

<td>:</td>

<td><input name="b1" type="text" id="b1"></td> </tr>

<tr>

<td>Kriteria 2 (dalam persen)<p>Biaya Perawatan peripheral yang dikeluarkan tiap bulan</td>

<td>:</td>

<td><input name="b2" type="text" id="b2"></td> </tr>

<tr>

<td>Kriteria 3 (dalam persen)<p>Biaya yang dikeluarkan tiap bulan untuk peripheral tambahan</td>

<td>:</td>

<td><input name="b3" type="text" id="b3"></td> </tr>

<tr>

(10)

<td>:</td>

<td><input name="b4" type="text" id="b4"></td> </tr>

<tr>

<td></td> <td></td> <td>

<input name="simpan" type="submit" id="simpan" value="Proses">

</td> </tr>

</table> </form>

<?php } ?>

</div> </div>

</div>

<div class="bg-steel no-tablet-portrait no-phone"> <div class="container padding20 fg-white">

<div class="carousel bg-transparent no-overflow" id="carousel2"> <div class="slide">

<div class="place-right">

<img src="./images/fasilkom-tiA.png" alt="" class="span3"/>

</div>

<h2 class="fg-white ntm">Fuad Alexander Sitanggang</h2> <p class="fg-white">23 Maret 1991, Padang.</p>

(11)

<p class="fg-white">Universitas Sumatera Utara</p>

</div>

<div class="slide">

<div class="place-right padding20 ntp nrp nbp">

<img src="./images/fasilkom-tiA.png" alt="" class="span3"/> </div>

<h2 class="fg-white ntm">Fuad Alexander Sitanggang</h2> <p class="fg-white">23 Maret 1991, Padang.</p>

<p class="fg-white">Pusat Komunikasi</p>

<p class="fg-white">Kementerian Luar Negeri RI</p>

</div>

<div class="slide">

<div class="place-right">

<img src="./images/fasilkom-tiA.png" alt="" class="span3"/> </div>

<h2 class="fg-white ntm">Thanks to</h2>

<p class="fg-white">DR. Poltak Sihombing, M.kom.</p> <p class="fg-white">Drs. Agus Salim Harahap, M.Sc.</p>

<p class="fg-white">Mohammad Andri Budiman, S.T., M.Comp.Sc, CJP. </p>

<p class="fg-white">Dian Rachmawati,S.Si., M.kom.</p>

</div> </div> <script>

$(function(){

$("#carousel2").carousel({ height: 210,

(12)

duration: 1000, effect: "fade", markers: { show: false }

}); }) </script> </div> </div>

<div class="bg-dark">

<div class="container" style="padding: 10px 0;">

<div class="grid no-margin"> <div class="row no-margin"> <div class="span3 padding10">

<img src="./images/fasilkom-tiB.png" alt="" class="circle"/> </div>

<div class="span6 padding10"> </div>

<div class="span3 padding10"> </div>

</div> </div> </div>

<div class="container tertiary-text bg-dark fg-white" style="padding: 10px"> </div>

</div> </div>

(13)

</body> </html>

HALAMAN OPSI

<html> <head>

<meta charset="utf-8">

<link href="css/metro-bootstrap.css" rel="stylesheet">

<link href="css/metro-bootstrap-responsive.css" rel="stylesheet"> <link href="css/iconFont.css" rel="stylesheet">

<link href="css/docs.css" rel="stylesheet">

<link href="js/prettify/prettify.css" rel="stylesheet">

<!-- Load JavaScript Libraries -->

<script src="js/jquery/jquery.min.js"></script>

<script src="js/jquery/jquery.widget.min.js"></script> <script src="js/jquery/jquery.mousewheel.js"></script> <script src="js/prettify/prettify.js"></script>

<!-- Metro UI CSS JavaScript plugins --> <script src="js/load-metro.js"></script>

<!-- Local JavaScript -->

<script src="js/docs.js"></script> <script src="js/github.info.js"></script>

<title>IT Public Consultant</title>

(14)

</head>

<body class="metro" style="background-color: #efeae3"> <header class="bg-dark" data-load="header.html"></header>

<div class="">

<div style="background: url(images/cloudbackground.jpg) top left no-repeat; background-size: cover; height: 300px;">

<div class="container" style="padding: 50px 20px">

<h1 class="fg-black">Decision Supporting System WebApp</h1> <h2 class="fg-black">

Helping people to define cloud services for their business<br />

By using two DSS methods either WSM or WPM

</h2>

</div> </div>

<div class="container"> <div class="grid fluid"> <div class="row">

<div class="span4 bg-amber padding20 text-center"> <a href="hapusbobot.php" class="fg-hover-white">

<h2 class="fg-white fg-hover-black">Ulangi Perhitungan<span class="icon-cloud on-right"></span></h2>

</a> </div>

<div class="span4 bg-green padding20 text-center"> <a href="hasilWsm.php" class="fg-hover-white">

<h2 class="fg-white fg-hover-black">Lihat Hasil WSM <span class="icon-mobile-2 on-right"></span></h2>

(15)

</div>

<div class="span4 bg-red padding20 text-center"> <a href="hasilWpm.php" class="fg-hover-white">

<h2 class="fg-white fg-hover-black">Lihat Hasil WPM <span class="icon-monitor on-right"></span></h2>

</a> </div>

</div> </div> </div>

<div class="bg-steel no-tablet-portrait no-phone"> <div class="container padding20 fg-white">

<div class="carousel bg-transparent no-overflow" id="carousel2"> <div class="slide">

<div class="place-right">

<img src="./images/fasilkom-tiA.png" alt="" class="span3"/>

</div>

<h2 class="fg-white ntm">Fuad Alexander Sitanggang</h2> <p class="fg-white">23 Maret 1991, Padang.</p>

<p class="fg-white">Fakultas Ilmu Komputer dan Teknologi Informasi</p>

<p class="fg-white">Universitas Sumatera Utara</p>

</div>

<div class="slide">

<div class="place-right padding20 ntp nrp nbp">

<img src="./images/fasilkom-tiA.png" alt="" class="span3"/> </div>

(16)

<p class="fg-white">Pusat Komunikasi</p>

<p class="fg-white">Kementerian Luar Negeri RI</p>

</div>

<div class="slide">

<div class="place-right">

<img src="./images/fasilkom-tiA.png" alt="" class="span3"/> </div>

<h2 class="fg-white ntm">Thanks to</h2>

<p class="fg-white">DR. Poltak Sihombing, M.kom.</p> <p class="fg-white">Drs. Agus Salim Harahap, M.Sc.</p>

<p class="fg-white">Mohammad Andri Budiman, S.T., M.Comp.Sc, CJP. </p>

<p class="fg-white">Dian Rachmawati,S.Si., M.kom.</p>

</div> </div> <script>

$(function(){

$("#carousel2").carousel({ height: 210,

period: 5000, duration: 1000, effect: "fade", markers: { show: false }

(17)

<div class="bg-dark">

<div class="container" style="padding: 10px 0;">

<div class="grid no-margin"> <div class="row no-margin"> <div class="span3 padding10">

<img src="./images/fasilkom-tiB.png" alt="" class="circle"/> </div>

<div class="span6 padding10"> </div>

<div class="span3 padding10"> </div>

</div> </div> </div>

<div class="container tertiary-text bg-dark fg-white" style="padding: 10px"> </div>

</div> </div>

<script src="js/hitua.js"></script>

</body> </html>

HALAMAN HASIL WSM

<!DOCTYPE html> <html>

(18)

<meta charset="utf-8">

<link href="css/metro-bootstrap.css" rel="stylesheet">

<link href="css/metro-bootstrap-responsive.css" rel="stylesheet"> <link href="css/iconFont.css" rel="stylesheet">

<link href="css/docs.css" rel="stylesheet">

<link href="js/prettify/prettify.css" rel="stylesheet">

<!-- Load JavaScript Libraries -->

<script src="js/jquery/jquery.min.js"></script>

<script src="js/jquery/jquery.widget.min.js"></script> <script src="js/jquery/jquery.mousewheel.js"></script> <script src="js/prettify/prettify.js"></script>

<!-- Metro UI CSS JavaScript plugins --> <script src="js/load-metro.js"></script>

<!-- Local JavaScript -->

<script src="js/docs.js"></script> <script src="js/github.info.js"></script>

<title>IT Public Consultant</title>

<style> </style> </head>

<body class="metro" style="background-color: #efeae3"> <header class="bg-dark" data-load="header.html"></header>

<div class="">

<div style="background: url(images/cloudbackground.jpg) top left no-repeat; background-size: cover; height: 300px;">

<div class="container" style="padding: 50px 20px">

(19)

<h2 class="fg-black">

Helping people to define cloud services for their business<br />

By using two DSS methods either WSM or WPM

</h2>

<a href="hasilWPM.php" class="place-left button darkRed bg-hover-red fg-white fg-hover-white bd-orange" style="margin-top: 10px">

<h3 style="margin: 10px 40px">Lihat Hasil WPM <span class="icon-play-alt on-right"></span></h3>

</a>

</div> </div>

<div class="container"> <div class="grid fluid"> <div class="row">

<?php include "rankWSM.php";?>

<p><a href="detilWsm.php">Lihat Detail</a></p>

</div> </div>

</div>

<div class="bg-steel no-tablet-portrait no-phone"> <div class="container padding20 fg-white">

<div class="carousel bg-transparent no-overflow" id="carousel2"> <div class="slide">

<div class="place-right">

<img src="./images/fasilkom-tiA.png" alt="" class="span3"/>

</div>

(20)

<p class="fg-white">23 Maret 1991, Padang.</p>

<p class="fg-white">Fakultas Ilmu Komputer dan Teknologi Informasi</p>

<p class="fg-white">Universitas Sumatera Utara</p>

</div>

<div class="slide">

<div class="place-right padding20 ntp nrp nbp">

<img src="./images/fasilkom-tiA.png" alt="" class="span3"/> </div>

<h2 class="fg-white ntm">Fuad Alexander Sitanggang</h2> <p class="fg-white">23 Maret 1991, Padang.</p>

<p class="fg-white">Pusat Komunikasi</p>

<p class="fg-white">Kementerian Luar Negeri RI</p>

</div>

<div class="slide">

<div class="place-right">

<img src="./images/fasilkom-tiA.png" alt="" class="span3"/> </div>

<h2 class="fg-white ntm">Thanks to</h2>

<p class="fg-white">DR. Poltak Sihombing, M.kom.</p> <p class="fg-white">Drs. Agus Salim Harahap, M.Sc.</p>

<p class="fg-white">Mohammad Andri Budiman, S.T., M.Comp.Sc, CJP. </p>

<p class="fg-white">Dian Rachmawati,S.Si., M.kom.</p>

</div> </div> <script>

(21)

$("#carousel2").carousel({ height: 210,

period: 5000, duration: 1000, effect: "fade", markers: { show: false }

}); }) </script> </div> </div>

<div class="bg-dark">

<div class="container" style="padding: 10px 0;">

<div class="grid no-margin"> <div class="row no-margin"> <div class="span3 padding10">

<img src="./images/fasilkom-tiB.png" alt="" class="circle"/> </div>

<div class="span6 padding10"> </div>

<div class="span3 padding10"> </div>

</div> </div> </div>

<div class="container tertiary-text bg-dark fg-white" style="padding: 10px"> </div>

(22)

</div>

<script src="js/hitua.js"></script>

</body> </html>

HALAMAN DETAIL HASIL WSM

<!DOCTYPE html> <html>

<head>

<meta charset="utf-8">

<link href="css/metro-bootstrap.css" rel="stylesheet">

<link href="css/metro-bootstrap-responsive.css" rel="stylesheet"> <link href="css/iconFont.css" rel="stylesheet">

<link href="css/docs.css" rel="stylesheet">

<link href="js/prettify/prettify.css" rel="stylesheet">

<!-- Load JavaScript Libraries -->

<script src="js/jquery/jquery.min.js"></script>

<script src="js/jquery/jquery.widget.min.js"></script> <script src="js/jquery/jquery.mousewheel.js"></script> <script src="js/prettify/prettify.js"></script>

<!-- Metro UI CSS JavaScript plugins --> <script src="js/load-metro.js"></script>

<!-- Local JavaScript -->

(23)

<title>IT Public Consultant</title>

<style> </style> </head>

<body class="metro" style="background-color: #efeae3"> <header class="bg-dark" data-load="header.html"></header>

<div class="">

<div style="background: url(images/cloudbackground.jpg) top left no-repeat; background-size: cover; height: 300px;">

<div class="container" style="padding: 50px 20px">

<h1 class="fg-black">Decision Supporting System WebApp</h1> <h2 class="fg-black">

Helping people to define cloud services for their business<br />

By using two DSS methods either WSM or WPM

</h2>

<a href="opsi.php" class="place-left button red bg-hover-yellow fg-white fg-hover-white bd-orange" style="margin-top: 10px">

<h3 style="margin: 10px 40px">Kembali<span class="icon-play-alt on-left"></span></h3>

</a>

<a href="detilWPM.php" class="place-right button bg-green bg-hover-red fg-white fg-hover-white bd-orange" style="margin-top: 10px">

<h3 style="margin: 10px 40px">Lihat Detil WPM<span class="icon-play-alt on-right"></span></h3>

</a> </div>

</div>

(24)

<div class="grid fluid"> <div class="row">

<?php include "normalisasiWSM.php";?> <?php include "rankWSM.php";?>

</div> </div>

</div>

<div class="bg-steel no-tablet-portrait no-phone"> <div class="container padding20 fg-white">

<div class="carousel bg-transparent no-overflow" id="carousel2"> <div class="slide">

<div class="place-right">

<img src="./images/fasilkom-tiA.png" alt="" class="span3"/>

</div>

<h2 class="fg-white ntm">Fuad Alexander Sitanggang</h2> <p class="fg-white">23 Maret 1991, Padang.</p>

<p class="fg-white">Fakultas Ilmu Komputer dan Teknologi Informasi</p>

<p class="fg-white">Universitas Sumatera Utara</p>

</div>

<div class="slide">

<div class="place-right padding20 ntp nrp nbp">

<img src="./images/fasilkom-tiA.png" alt="" class="span3"/> </div>

<h2 class="fg-white ntm">Fuad Alexander Sitanggang</h2> <p class="fg-white">23 Maret 1991, Padang.</p>

(25)

<p class="fg-white">Kementerian Luar Negeri RI</p>

</div>

<div class="slide">

<div class="place-right">

<img src="./images/fasilkom-tiA.png" alt="" class="span3"/> </div>

<h2 class="fg-white ntm">Thanks to</h2>

<p class="fg-white">DR. Poltak Sihombing, M.kom.</p> <p class="fg-white">Drs. Agus Salim Harahap, M.Sc.</p>

<p class="fg-white">Mohammad Andri Budiman, S.T., M.Comp.Sc, CJP. </p>

<p class="fg-white">Dian Rachmawati,S.Si., M.kom.</p>

</div> </div> <script>

$(function(){

$("#carousel2").carousel({ height: 210,

period: 5000, duration: 1000, effect: "fade", markers: { show: false }

(26)

<div class="bg-dark">

<div class="container" style="padding: 10px 0;">

<div class="grid no-margin"> <div class="row no-margin"> <div class="span3 padding10">

<img src="./images/fasilkom-tiB.png" alt="" class="circle"/> </div>

<div class="span6 padding10"> </div>

<div class="span3 padding10"> </div>

</div> </div> </div>

<div class="container tertiary-text bg-dark fg-white" style="padding: 10px"> </div>

</div> </div>

<script src="js/hitua.js"></script>

</body> </html>

HALAMAN HASIL WPM

<!DOCTYPE html> <html>

(27)

<meta charset="utf-8">

<link href="css/metro-bootstrap.css" rel="stylesheet">

<link href="css/metro-bootstrap-responsive.css" rel="stylesheet"> <link href="css/iconFont.css" rel="stylesheet">

<link href="css/docs.css" rel="stylesheet">

<link href="js/prettify/prettify.css" rel="stylesheet">

<!-- Load JavaScript Libraries -->

<script src="js/jquery/jquery.min.js"></script>

<script src="js/jquery/jquery.widget.min.js"></script> <script src="js/jquery/jquery.mousewheel.js"></script> <script src="js/prettify/prettify.js"></script>

<!-- Metro UI CSS JavaScript plugins --> <script src="js/load-metro.js"></script>

<!-- Local JavaScript -->

<script src="js/docs.js"></script> <script src="js/github.info.js"></script>

<title>IT Public Consultant</title>

<style> </style> </head>

<body class="metro" style="background-color: #efeae3"> <header class="bg-dark" data-load="header.html"></header>

<div class="">

<div style="background: url(images/cloudbackground.jpg) top left no-repeat; background-size: cover; height: 300px;">

<div class="container" style="padding: 50px 20px">

(28)

<h2 class="fg-black">

Helping people to define cloud services for their business<br />

By using two DSS methods either WSM or WPM

</h2>

<a href="hasilWSM.php" class="place-left button bg-darkRed bg-hover-red fg-white fg-hover-white bd-orange" style="margin-top: 10px">

<h3 style="margin: 10px 40px">Lihat Hasil WSM <span class="icon-play-alt on-right"></span></h3>

</a> </div> </div>

<div class="container"> <div class="grid fluid"> <div class="row">

<?php include "rankWPM.php";?>

<p><a href="detilWpm.php">Lihat Detail</a></p>

</div> </div>

</div>

<div class="bg-steel no-tablet-portrait no-phone"> <div class="container padding20 fg-white">

<div class="carousel bg-transparent no-overflow" id="carousel2"> <div class="slide">

<div class="place-right">

<img src="./images/fasilkom-tiA.png" alt="" class="span3"/>

</div>

(29)

<p class="fg-white">23 Maret 1991, Padang.</p>

<p class="fg-white">Fakultas Ilmu Komputer dan Teknologi Informasi</p>

<p class="fg-white">Universitas Sumatera Utara</p>

</div>

<div class="slide">

<div class="place-right padding20 ntp nrp nbp">

<img src="./images/fasilkom-tiA.png" alt="" class="span3"/> </div>

<h2 class="fg-white ntm">Fuad Alexander Sitanggang</h2> <p class="fg-white">23 Maret 1991, Padang.</p>

<p class="fg-white">Pusat Komunikasi</p>

<p class="fg-white">Kementerian Luar Negeri RI</p>

</div>

<div class="slide">

<div class="place-right">

<img src="./images/fasilkom-tiA.png" alt="" class="span3"/> </div>

<h2 class="fg-white ntm">Thanks to</h2>

<p class="fg-white">DR. Poltak Sihombing, M.kom.</p> <p class="fg-white">Drs. Agus Salim Harahap, M.Sc.</p>

<p class="fg-white">Mohammad Andri Budiman, S.T., M.Comp.Sc, CJP. </p>

<p class="fg-white">Dian Rachmawati,S.Si., M.kom.</p>

</div> </div> <script>

(30)

$("#carousel2").carousel({ height: 210,

period: 5000, duration: 1000, effect: "fade", markers: { show: false }

}); }) </script> </div> </div>

<div class="bg-dark">

<div class="container" style="padding: 10px 0;">

<div class="grid no-margin"> <div class="row no-margin"> <div class="span3 padding10">

<img src="./images/fasilkom-tiB.png" alt="" class="circle"/> </div>

<div class="span6 padding10"> </div>

<div class="span3 padding10"> </div>

</div> </div> </div>

<div class="container tertiary-text bg-dark fg-white" style="padding: 10px"> </div>

(31)

</div>

<script src="js/hitua.js"></script>

</body> </html>

HALAMAN PEMEROSESAN WSM

<?php

$hostname = 'localhost';

$username = 'root';

$password = '';

$database = 'database';

$table = 'nilailayanan';

mysql_connect($hostname, $username, $password) or die ('cannot connect, please check the server');

mysql_select_db($database);

$sql = "SELECT * FROM nilailayanan";

$doSql = mysql_query($sql);

echo "<H3>Hasil Akhir Pemeringkatan</H3>

<table width='300' style='border:1px; #ddd; solid; border-collapse:collapse' border=1>

<tr>

<th>Nama</th>

<th>Hasil Perhitungan</th> </tr>";

while($data = mysql_fetch_array($doSql))

(32)

$srcMax = "SELECT max(k1) AS max1, max(k2) AS max2, max(k3) AS max3, max(k4) AS max4 FROM nilailayanan";

$exeMax = mysql_query($srcMax);

echo"<tr>";

while($getDo = mysql_fetch_array($exeMax))

{

$sqlBobot = "SELECT b1,b2,b3,b4 FROM

bobot";

$doBobot = mysql_query($sqlBobot);

while($setPeringkat = mysql_fetch_array($doBobot))

{

echo"<th>".$data['layanan']."</th>";

echo"<th>".round((($data['k1']/$getDo['max1'])*$setPeringkat['b1'])+

(($data['k2']/$getDo['max2'])*$setPeringkat['b2'])+

(($data['k3']/$getDo['max3'])*$setPeringkat['b3'])+

(($data['k4']/$getDo['max4'])*$setPeringkat['b4']),2)."</th>";

} }

}

echo"</tr>"; echo"</table>";

echo"<p>Hasil Penilaian dengan Nilai Teringgi Menjadi Alternatif Yang Disarankan</p>";

(33)

HALAMAN DETAL HASIL WPM

<!DOCTYPE html> <html>

<head>

<meta charset="utf-8">

<link href="css/metro-bootstrap.css" rel="stylesheet">

<link href="css/metro-bootstrap-responsive.css" rel="stylesheet"> <link href="css/iconFont.css" rel="stylesheet">

<link href="css/docs.css" rel="stylesheet">

<link href="js/prettify/prettify.css" rel="stylesheet">

<!-- Load JavaScript Libraries -->

<script src="js/jquery/jquery.min.js"></script>

<script src="js/jquery/jquery.widget.min.js"></script> <script src="js/jquery/jquery.mousewheel.js"></script> <script src="js/prettify/prettify.js"></script>

<!-- Metro UI CSS JavaScript plugins --> <script src="js/load-metro.js"></script>

<!-- Local JavaScript -->

<script src="js/docs.js"></script> <script src="js/github.info.js"></script>

<title>IT Public Consultant</title>

<style> </style> </head>

(34)

<div class="">

<div style="background: url(images/cloudbackground.jpg) top left no-repeat; background-size: cover; height: 300px;">

<div class="container" style="padding: 50px 20px">

<h1 class="fg-black">Decision Supporting System WebApp</h1> <h2 class="fg-black">

Helping people to define cloud services for their business<br />

By using two DSS methods either WSM or WPM

</h2>

<a href="opsi.php" class="place-left button red bg-hover-yellow fg-white fg-hover-white bd-orange" style="margin-top: 10px">

<h3 style="margin: 10px 40px">Kembali<span class="icon-play-alt on-left"></span></h3>

</a>

<a href="detilWSM.php" class="place-right button bg-green bg-hover-red fg-white fg-hover-white bd-orange" style="margin-top: 10px">

<h3 style="margin: 10px 40px">Lihat Detil WSM<span class="icon-play-alt on-right"></span></h3>

</a> </div>

</div>

<div class="container"> <div class="grid fluid"> <div class="row">

<?php include "matriksWPM.php";?> <?php include "normalisasiWPM.php";?> <?php include "rankWPM.php";?>

<p>Alternatif yang disarankan adalah yang mendapat nilai terbesar</p>

(35)

</div> </div>

<div class="bg-steel no-tablet-portrait no-phone"> <div class="container padding20 fg-white">

<div class="carousel bg-transparent no-overflow" id="carousel2"> <div class="slide">

<div class="place-right">

<img src="./images/fasilkom-tiA.png" alt="" class="span3"/>

</div>

<h2 class="fg-white ntm">Fuad Alexander Sitanggang</h2> <p class="fg-white">23 Maret 1991, Padang.</p>

<p class="fg-white">Fakultas Ilmu Komputer dan Teknologi Informasi</p>

<p class="fg-white">Universitas Sumatera Utara</p>

</div>

<div class="slide">

<div class="place-right padding20 ntp nrp nbp">

<img src="./images/fasilkom-tiA.png" alt="" class="span3"/> </div>

<h2 class="fg-white ntm">Fuad Alexander Sitanggang</h2> <p class="fg-white">23 Maret 1991, Padang.</p>

<p class="fg-white">Pusat Komunikasi</p>

<p class="fg-white">Kementerian Luar Negeri RI</p>

</div>

<div class="slide">

<div class="place-right">

(36)

</div>

<h2 class="fg-white ntm">Thanks to</h2>

<p class="fg-white">DR. Poltak Sihombing, M.kom.</p> <p class="fg-white">Drs. Agus Salim Harahap, M.Sc.</p>

<p class="fg-white">Mohammad Andri Budiman, S.T., M.Comp.Sc, CJP. </p>

<p class="fg-white">Dian Rachmawati,S.Si., M.kom.</p>

</div> </div> <script>

$(function(){

$("#carousel2").carousel({ height: 210,

period: 5000, duration: 1000, effect: "fade", markers: { show: false }

}); }) </script> </div> </div>

<div class="bg-dark">

<div class="container" style="padding: 10px 0;">

<div class="grid no-margin"> <div class="row no-margin"> <div class="span3 padding10">

(37)

</div> <div class="span6 padding10"> </div>

<div class="span3 padding10"> </div>

</div> </div> </div>

<div class="container tertiary-text bg-dark fg-white" style="padding: 10px"> </div>

</div> </div>

<script src="js/hitua.js"></script>

</body> </html>

HALAMAN PEMEROSESAN WPM

<?php

$hostname = 'localhost';

$username = 'root';

$password = '';

$database = 'database';

$table = 'nilailayanan';

mysql_connect($hostname, $username, $password) or die ('cannot connect, please check the server');

(38)

$sqlMatrik = "SELECT * FROM $table";

$doSql = mysql_query($sqlMatrik);

$tableBobot = 'bobot';

$sqlBobot = "SELECT * FROM $tableBobot"; $doSqlBobot = mysql_query($sqlBobot);

while($arrBobot = mysql_fetch_row ($doSqlBobot)) {

$w =

array($arrBobot[1],$arrBobot[2],$arrBobot[3],$arrBobot[4]);

$totalW= array_sum($w);

$wp[1]=round(($arrBobot[1]/$totalW),2); $wp[2]=round(($arrBobot[2]/$totalW),2); $wp[3]=round(($arrBobot[3]/$totalW),2); $wp[4]=round(($arrBobot[4]/$totalW),2);

$sqlAlt = "SELECT * FROM $table";

$doSqlAlt = mysql_query($sqlAlt);

while($altGet = mysql_fetch_row ($doSqlAlt)) {

$sumSatu = round(pow(0.1, -$wp[1]),3) *

round(pow(0.3,$wp[2]),3) * round(pow(0.2, -$wp[3]),3) * round(pow(0.5, $wp[4]),3);

$sumDua = round(pow(0.2, -$wp[1]),3) *

round(pow(0.25,$wp[2]),3) * round(pow(0.15, -$wp[3]),3) * round(pow(0.4, $wp[4]),3);

$sumTiga = round(pow(0.3, -$wp[1]),3) *

(39)

$vSatu = round(($sumSatu /($sumSatu + $sumDua + $sumTiga)),4);

$vDua = round(($sumDua /($sumSatu + $sumDua + $sumTiga)),4);

$vTiga = round(($sumTiga /($sumSatu + $sumDua + $sumTiga)),4);

}

echo "<table width='300' style='border:1px; #ddd; solid; border-collapse:collapse' border=1>";

echo "<th>Alternatif</<th>";

echo "<th>Hasil Perhitungan</<th>"; echo "<tr>";

echo "<th>SaaS</th>"; echo "<th>$vSatu</th>"; echo "</tr>";

echo "<tr>";

echo "<th>PaaS</th>"; echo "<th>$vDua</th>"; echo "</tr>";

echo "<tr>";

echo "<th>IaaS</th>"; echo "<th>$vTiga</th>"; echo "</tr>";

echo "</table>"; }

Referensi

Dokumen terkait

[ H]Quisqualic acid (QA) was synthesized and used to label metabotropic glutamate receptor (mGluR) in rat brain synaptic membranes in the presence of three different

[r]

Although this H-reflex analysis did not provide evidence of spasticity, there was a significant influence of pen- tobarbital, which was consistent with recent results show- ing

Membaca teks Qiraah ةنهملا ةايحلاو dengan lafadz dan intonasi yang benar 2.. Menemukan mufrodat baru pada Qiraah

In this paper, we use the 3D spatial grids to represent the 3D distribution of ionospheric tomography in different layers, and realize the further comprehensive

Capaian Program Jumlah ketersediaan cakupan (jenis) sarana dan prasarana perkantoran / aparatur secara memadai dan sesuai dengan standar. Jumlah ketersediaan cakupan (jenis)

Capaian Program Jumlah Cakupan (Jenis) Sarana Dan Prasarana Perkantoran/Aparatur Yang Berada Dalam Kondisi Yang Bagus Dan Berfungsi Dengan Baik Sesuai Standar. Jumlah Cakupan

The global 3-D coverage of Earth Observation Systems (EOS) provides plenty of earth system data for the ESS and global change researches. How to share these datasets effectively is