<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="id-ID" xml:lang="id-ID"><head>
	<title>Augmented Reality Pelacak Lokasi Pustaka dengan Ar Marker | Mardiana | Jurnal Teknologi Informasi dan Ilmu Komputer</title>
	
	<!--<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />-->
	  <meta charset="utf-8">
	  <meta http-equiv="X-UA-Compatible" content="IE=edge">
	  <meta name="viewport" content="width=device-width, initial-scale=1">

	  <!--Meta Style-->
	  <meta name="theme-color" content="#002f77">
	  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
	  
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="description" content="Augmented Reality Pelacak Lokasi Pustaka dengan Ar Marker" />
	
		
	
	<link rel="icon" href="http://jtiik.ub.ac.id/public/site/jtiik/dist/img/jtiik.ico" />
    
	<!-- <link rel="stylesheet" href="http://jtiik.ub.ac.id/styles/ojs.style.css" type="text/css" /> -->
	<link rel="stylesheet" href="http://jtiik.ub.ac.id/public/site/jtiik/dist/css/filkom-jtiik.min.css" type="text/css" />
	 <link href="http://jtiik.ub.ac.id/public/site/jtiik/dist/plugins/animate/animate.min.css" rel="stylesheet">
	  <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet">

	<link rel="schema.DC" href="http://purl.org/dc/elements/1.1/" />

	<meta name="DC.Contributor.Sponsor" xml:lang="id" content="LPPM Unila"/>
	<meta name="DC.Creator.PersonalName" content="Mardiana Mardiana"/>
	<meta name="DC.Creator.PersonalName" content="Meizano Ardhi Muhammad"/>
	<meta name="DC.Creator.PersonalName" content="Wahyu Eko Sulistiono"/>
	<meta name="DC.Creator.PersonalName" content="Gita Paramita Djausal"/>
	<meta name="DC.Date.created" scheme="ISO8601" content="2020-02-04"/>
	<meta name="DC.Date.dateSubmitted" scheme="ISO8601" content="2018-12-05"/>
	<meta name="DC.Date.issued" scheme="ISO8601" content="2020-02-04"/>
	<meta name="DC.Date.modified" scheme="ISO8601" content="2020-02-04"/>
	<meta name="DC.Description" xml:lang="id" content=" Teknologi  Augmented Reality  (AR) saat ini banyak digunakan untuk penyebaran informasi dan bahkan untuk transaksi pada pelayanan yang bersifat publik.Teknologi ini sudah cukup dikenal oleh masyarakat luas, bersamaan dengan dikenalnya teknologi  Virtual Reality  (VR) yang banyak digunakan pada permainan (game).Pengunjung Perpustakaan terutama di Universitas, sebagian besar merupakan masyarakat dengan kategori generasi  digital native .Untuk menemukan lokasi buku, waktu yang dibutuhkan oleh pengunjung perpustakaan biasanya relatif lama dan sangat tergantung dari pengalaman kunjungan atau frekuensi pencarian yang dilakukan.Untuk itu, pengunjung perpustakaan memerlukan aplikasi yang memudahkan mereka melacak dan menemukan lokasi koleksi pustaka yang dicari, dengan menggunakan ponsel cerdas mereka.Penelitian ini bertujuan untuk mengembangkan perangkat lunak layanan perpustakaan dengan memanfaatkan teknologi AR dan berbasis AR marker.Ruang lingkup pengembangan aplikasi ini menggunakan metoda rekayasa perangkat lunak  RAD . Aplikasi dikembangkan menggunakan metoda  template matching  dan algoritma A* untuk  pathfinding . Skema layanan data pada alikasi terdiri dari empat bagian, yaitu OPAC ( Online Public Access Catalog ), deteksi lokasi,  pathfinding  dan navigasi. Lokasi yang dipetakan adalah gedung Perpustakaan Universitas Lampung yang terdiri dari 3 lantai. Hasil dari penelitian ini berupa realisasi perangkat lunak menggunakan teknologi AR yang dapat memvisualisasikan arah menuju lokasi pustaka. Pengujian aplikasi dilakukan dengan skenario (a) pencarian Pustaka dengan OPAC, (b) mendeteksi lokasi (AR), (c) komputasi Pathfinding, (d) menampilkan marker, dan seluruhnya memperoleh hasil yang sesuai dengan  requirement .       Abstract     Augmented Reality technology is now extensively being used to distribute information and even in transaction on public service. This technology is already well known, along with the Virtual Reality technology which is often used in game application. Library visitors, especially in universities, are mostly people categorized as digital native. To find a book location, the time needed by the visitors is generally high, which depends mostly on visitation experience or searching frequency. Therefore, visitors need an application that helps them to find the location of the library collection, with their smartphones. Library automation system helps to provide collection location information that library visitors must relate themselves to places in library building.AR allows this information to be embedded in the real world, making it easier for library searches.This research aims to develop software for library service that helps visitors finding book location by employing AR technology and based on AR Marker. The scope of this development is using RAD software engineering method. The application is developed using template matching method and algorithm A* for pathfinding. There are four parts of data service scheme: OPAC (Online Public Access Catalog), location detection, pathfinding, and navigation. Location of is the building of Universitas Lampung’s library, which consists of 3 floors. The result of this research is software realization using AR technology which can visualize the direction to the location of the collection. The application testing uses the scenarios: (a) finding collection using OPAC, (b) detecting location (AR), (c) computing pathfinding, (d) showing marker, and overall it achieves result as the requirement. Computation time on AR devices is measured against the process of algorithm A *, marker generation, and overall computing. The total computational time needed is an average of 37,379 ms, 44 ms mode, and a median of 38 ms. Overall computing time is below the 50 ms TTI limit value. The survey results show that more than 70% of library visitors have a Good and Very Good User Experience (UX).         "/>
	<meta name="DC.Format" scheme="IMT" content="application/pdf"/>
	<meta name="DC.Identifier" content="1343"/>
	<meta name="DC.Identifier.pageNumber" content="77-86"/>
						<meta name="DC.Identifier.URI" content="http://jtiik.ub.ac.id/index.php/jtiik/article/view/1343"/>
	<meta name="DC.Language" scheme="ISO639-1" content="id"/>
	<meta name="DC.Rights" content="##submission.copyrightStatement##" />
	<meta name="DC.Rights" content=""/>
	<meta name="DC.Source" content="Jurnal Teknologi Informasi dan Ilmu Komputer"/>
	<meta name="DC.Source.ISSN" content="2528-6579"/>
	<meta name="DC.Source.Issue" content="1"/>	<meta name="DC.Source.URI" content="http://jtiik.ub.ac.id/index.php/jtiik"/>
	<meta name="DC.Source.Volume" content="7"/>	<meta name="DC.Title" content="Augmented Reality Pelacak Lokasi Pustaka dengan Ar Marker"/>
		<meta name="DC.Type" content="Text.Serial.Journal"/>
	<meta name="DC.Type.articleType" content="Ilmu Komputer"/>
		<meta name="gs_meta_revision" content="1.1" />
	<meta name="citation_journal_title" content="Jurnal Teknologi Informasi dan Ilmu Komputer"/>
	<meta name="citation_issn" content="2528-6579"/>
        <meta name="citation_author" content="Mardiana Mardiana"/>
        <meta name="citation_author_institution" content="Program Studi Teknik Informatika, Universitas Lampung"/>
        <meta name="citation_author" content="Meizano Ardhi Muhammad"/>
        <meta name="citation_author_institution" content="Program Studi Teknik Informatika, Universitas Lampung"/>
        <meta name="citation_author" content="Wahyu Eko Sulistiono"/>
        <meta name="citation_author_institution" content="Program Studi Teknik Informatika, Universitas Lampung"/>
        <meta name="citation_author" content="Gita Paramita Djausal"/>
        <meta name="citation_author_institution" content="Program Studi Hubungan Internasional, Universitas Lampung"/>
<meta name="citation_title" content="Augmented Reality Pelacak Lokasi Pustaka dengan Ar Marker"/>

	<meta name="citation_date" content="2020/02/04"/>

	<meta name="citation_volume" content="7"/>
	<meta name="citation_issue" content="1"/>

			<meta name="citation_firstpage" content="77"/>
				<meta name="citation_lastpage" content="86"/>
							<meta name="citation_abstract_html_url" content="http://jtiik.ub.ac.id/index.php/jtiik/article/view/1343"/>
	<meta name="citation_language" content="id"/>
						<meta name="citation_pdf_url" content="http://jtiik.ub.ac.id/index.php/jtiik/article/download/1343/pdf"/>
				


	

	<!-- Base Jquery -->
	<script type="text/javascript" src="//www.google.com/jsapi"></script>
	<script type="text/javascript">
		// Provide a local fallback if the CDN cannot be reached
		if (typeof google == 'undefined') {
			document.write(unescape("%3Cscript src='http://jtiik.ub.ac.id/lib/pkp/js/lib/jquery/jquery.min.js' type='text/javascript'%3E%3C/script%3E"));
			document.write(unescape("%3Cscript src='http://jtiik.ub.ac.id/lib/pkp/js/lib/jquery/plugins/jqueryUi.min.js' type='text/javascript'%3E%3C/script%3E"));
		} else {
			google.load("jquery", "1.4.4");
			google.load("jqueryui", "1.8.6");
		}
	</script>
	
	<!-- Compiled scripts -->
			
<script type="text/javascript" src="http://jtiik.ub.ac.id/lib/pkp/js/lib/jquery/plugins/jquery.tag-it.js"></script>
<script type="text/javascript" src="http://jtiik.ub.ac.id/lib/pkp/js/lib/jquery/plugins/jquery.cookie.js"></script>

<script type="text/javascript" src="http://jtiik.ub.ac.id/lib/pkp/js/functions/fontController.js"></script>
<script type="text/javascript" src="http://jtiik.ub.ac.id/lib/pkp/js/functions/general.js"></script>
<script type="text/javascript" src="http://jtiik.ub.ac.id/lib/pkp/js/functions/jqueryValidatorI18n.js"></script>

<script type="text/javascript" src="http://jtiik.ub.ac.id/lib/pkp/js/classes/Helper.js"></script>
<script type="text/javascript" src="http://jtiik.ub.ac.id/lib/pkp/js/classes/ObjectProxy.js"></script>
<script type="text/javascript" src="http://jtiik.ub.ac.id/lib/pkp/js/classes/Handler.js"></script>
<script type="text/javascript" src="http://jtiik.ub.ac.id/lib/pkp/js/classes/linkAction/LinkActionRequest.js"></script>
<script type="text/javascript" src="http://jtiik.ub.ac.id/lib/pkp/js/classes/features/Feature.js"></script>

<script type="text/javascript" src="http://jtiik.ub.ac.id/lib/pkp/js/controllers/SiteHandler.js"></script><!-- Included only for namespace definition -->
<script type="text/javascript" src="http://jtiik.ub.ac.id/lib/pkp/js/controllers/UrlInDivHandler.js"></script>
<script type="text/javascript" src="http://jtiik.ub.ac.id/lib/pkp/js/controllers/AutocompleteHandler.js"></script>
<script type="text/javascript" src="http://jtiik.ub.ac.id/lib/pkp/js/controllers/ExtrasOnDemandHandler.js"></script>
<script type="text/javascript" src="http://jtiik.ub.ac.id/lib/pkp/js/controllers/form/FormHandler.js"></script>
<script type="text/javascript" src="http://jtiik.ub.ac.id/lib/pkp/js/controllers/form/AjaxFormHandler.js"></script>
<script type="text/javascript" src="http://jtiik.ub.ac.id/lib/pkp/js/controllers/form/ClientFormHandler.js"></script>
<script type="text/javascript" src="http://jtiik.ub.ac.id/lib/pkp/js/controllers/grid/GridHandler.js"></script>
<script type="text/javascript" src="http://jtiik.ub.ac.id/lib/pkp/js/controllers/linkAction/LinkActionHandler.js"></script>

<script type="text/javascript" src="http://jtiik.ub.ac.id/js/pages/search/SearchFormHandler.js"></script>
<script type="text/javascript" src="http://jtiik.ub.ac.id/js/statistics/ReportGeneratorFormHandler.js"></script>
<script type="text/javascript" src="http://jtiik.ub.ac.id/plugins/generic/lucene/js/LuceneAutocompleteHandler.js"></script>

<script type="text/javascript" src="http://jtiik.ub.ac.id/lib/pkp/js/lib/jquery/plugins/jquery.pkp.js"></script>	
	
	<script type="text/javascript" src="http://jtiik.ub.ac.id/js/relatedItems.js"></script>
	<script type="text/javascript" src="http://jtiik.ub.ac.id/js/inlinePdf.js"></script>
	<script type="text/javascript" src="http://jtiik.ub.ac.id/js/pdfobject.js"></script>

</head>

<header id="header">
  <div class="header-top">
    <div class="container">
      <div class="header-top-content">
        <ul class="list-right">
          <li><a href="http://ub.ac.id" target="_blank">UB Official</a></li>
			<li><a href="http://bits.ub.ac.id" target="_blank">BITS</a></li>
			<li><a href="http://mail.ub.ac.id" target="_blank">Webmail</a></li>
			<li><a href="http://prasetya.ub.ac.id" target="_blank">UB News</a></li>
        </ul>
        <!--<form class="form form-inline form-left">-->
        <!--<div class="form-group form-group-sm">-->
        <!--<label class="sr-only" for="searchHeaderTop">Search</label>-->
        <!--<input type="text" class="form-control" placeholder="Search" id="searchHeaderTop">-->
        <!--</div>-->
        <!--</form>-->
      </div>
    </div>
  </div>
  <div class="header-bottom">
    <div class="container">
      <div class="row">
        <div class="col-sm-6">
          <a class="link-block text-center text-left-md" href="http://jtiik.ub.ac.id">
            <img class="img img-responsive img-responsive-center header-bottom-logo" src="http://jtiik.ub.ac.id/public/site/jtiik/dist/img/logo_header.png"
                 alt="Logo">
          </a>
        </div>
        <div class="col-sm-6">
          <div class="header-bottom-detail">
            <div>Akreditasi No. 30/E/KPT/2018</div>
		<div class="text-bold">p-ISSN: 2355-7699, e-ISSN: 2528-6579</div>
            <ul>
              <li>
                <div>
                  <span class="fa fa-phone header-bottom-list-icon"></span> +62-341-577911
                </div>
              </li>
              <li>
                <a href="mailto:jtiik@ub.ac.id">
                  <span class="fa fa-envelope header-bottom-list-icon"></span> jtiik@ub.ac.id
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="header-navigation">
    <nav class="navbar navbar-default navbar-static-top">
      <div class="container">
		 
  <div class="navbar-header">
		
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                  data-target="#navbar-main-collapse"
                  aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
         <a class="navbar-brand collapsed" href="#" data-toggle="collapse" data-target="#navbar-main-collapse"
             aria-expanded="false">Menu</a> 
        </div>
        <div class="collapse navbar-collapse" id="navbar-main-collapse">
          <ul class="nav navbar-nav">
           <li id="home"><a href="http://jtiik.ub.ac.id/index.php/jtiik/index">Beranda</a></li>
			<li id="about"><a href="http://jtiik.ub.ac.id/index.php/jtiik/about">Tentang Kami</a></li>
           				<!-- <li id="login"><a href="http://jtiik.ub.ac.id/index.php/jtiik/login">Login</a></li> -->
									<!-- <li id="register"><a href="http://jtiik.ub.ac.id/index.php/jtiik/user/register">Register</a></li>-->
							          

					<li id="current"><a href="http://jtiik.ub.ac.id/index.php/jtiik/issue/current">Terkini</a></li>
			<li id="forthcoming"><a href="http://jtiik.ub.ac.id/index.php/jtiik/issue/forthcoming">Artikel Akan Terbit</a></li>
			<li id="archives"><a href="http://jtiik.ub.ac.id/index.php/jtiik/issue/archive">Arsip</a></li>
		
					<li id="announcements"><a href="http://jtiik.ub.ac.id/index.php/jtiik/announcement">Informasi</a></li>
				
		<!-- <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                 data-submenu="true"
                 aria-expanded="false">Editor <span class="caret"></span></a>
				 <ul class="dropdown-menu">
					<li><a href="http://jtiik.ub.ac.id/index.php/jtiik/pages/view/daftar-sebagai-editor">Daftar sebagai Editor</a></li>
					<li><a href="http://jtiik.ub.ac.id/index.php/jtiik/pages/view/pedoman-editor">Pedoman bagi Editor</a></li>
					<li><a href="http://jtiik.ub.ac.id/index.php/jtiik/about/editorialTeam">Tim Editor</a></li>
					
				</ul>
		</li>-->
		
		<li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                 data-submenu="true"
                 aria-expanded="false">Editor/Reviewer <span class="caret"></span></a>
				 <ul class="dropdown-menu">
					<!--<li><a href="http://jtiik.ub.ac.id/index.php/jtiik/announcement/view/4">Daftar sebagai Reviewer</a></li>-->
					<li><a href="http://jtiik.ub.ac.id/index.php/jtiik/pages/view/registrasi-reviewer">Daftar sebagai Reviewer</a></li>
					<!--<li><a href="http://jtiik.ub.ac.id/index.php/jtiik/pages/view/pedoman-reviewer">Pedoman bagi Editor/Reviewer</a></li>-->
					<li><a href="http://jtiik.ub.ac.id/index.php/jtiik/about/editorialTeam">Tim Editor/Reviewer</a></li>
				</ul>
		</li>

		

											
		 			<li id="search"><a href="http://jtiik.ub.ac.id/index.php/jtiik/search">Cari</a></li>
		          </ul>
        </div>
		       
      </div>
    </nav>
  </div>
</header>
<body id="pkp-common-openJournalSystems">


<main id="wrapper">
  <div class="container">
	 <article class="content-single">
	 
	 <h2 class="content-single-title margin-top-sm margin-bottom-lg">
     Augmented Reality Pelacak Lokasi Pustaka dengan Ar Marker
      </h2>

      <ol class="breadcrumb text-right-md">
		<li><a href="http://jtiik.ub.ac.id/index.php/jtiik/index" target="_parent">Beranda</a></li>
		<li><a href="http://jtiik.ub.ac.id/index.php/jtiik/issue/view/43" target="_parent">Vol 7, No 1</a></li>		<li class="active"><a href="http://jtiik.ub.ac.id/index.php/jtiik/article/view/1343/0" class="current" target="_parent">Mardiana</a></li>
       
      </ol>

<!-- <div id="breadcrumb" class="breadcrumb">
		<a href="http://jtiik.ub.ac.id/index.php/jtiik/index">Beranda</a> &gt;
			<a href="http://jtiik.ub.ac.id/index.php/jtiik/article/view/1343" class="current"></a></div> 

<div id="body" class="clear entry-content">-->


<div id="" class="row">


<div id="content" class="col-md-9">


 <div class="content-single-box" id="topBar">
	
					
		
						
	
	<div class="content-single-box-header">
              <!--<h4 class="margin-top-no margin-bottom-no text-bold">Augmented Reality Pelacak Lokasi Pustaka dengan Ar Marker</h4>-->
			  <h4 class="margin-top-no margin-bottom-no text-bold">Penulis</h4> Mardiana Mardiana, Meizano Ardhi Muhammad, Wahyu Eko Sulistiono, Gita Paramita Djausal
			  
			  				
				<a href="http://jtiik.ub.ac.id/index.php/jtiik/article/view/1343/pdf"  target="_parent" class="file btn btn-success btn-sm btn-radius-no pull-right btn-download-pdf">
					<span class="fa fa-file-pdf-o"></span> <span class="hidden-xs">Download PDF</span>
				  </a>
						
              <!--<div><a href="#" class="btn btn-success btn-sm btn-radius-no pull-right btn-download-pdf">
                <span class="fa fa-file-pdf-o"></span> <span class="hidden-xs">Download PDF</span>
              </a></div>-->
            </div>
	<!--<div id="articleTitle"><h3>Augmented Reality Pelacak Lokasi Pustaka dengan Ar Marker</h3></div>
	<div id="authorString"><em>Mardiana Mardiana, Meizano Ardhi Muhammad, Wahyu Eko Sulistiono, Gita Paramita Djausal</em></div> -->
	 <div class="content-single-box-body">
			 		
              <div class="content-single-box-content text-justify">
					<div id="articleAbstract">
					<h4 class="text-bold">Abstrak </h4>
					<p>Teknologi <em>Augmented Reality</em> (AR) saat ini banyak digunakan untuk penyebaran informasi dan bahkan untuk transaksi pada pelayanan yang bersifat publik.Teknologi ini sudah cukup dikenal oleh masyarakat luas, bersamaan dengan dikenalnya teknologi <em>Virtual Reality</em> (VR) yang banyak digunakan pada permainan (game).Pengunjung Perpustakaan terutama di Universitas, sebagian besar merupakan masyarakat dengan kategori generasi <em>digital native</em>.Untuk menemukan lokasi buku, waktu yang dibutuhkan oleh pengunjung perpustakaan biasanya relatif lama dan sangat tergantung dari pengalaman kunjungan atau frekuensi pencarian yang dilakukan.Untuk itu, pengunjung perpustakaan memerlukan aplikasi yang memudahkan mereka melacak dan menemukan lokasi koleksi pustaka yang dicari, dengan menggunakan ponsel cerdas mereka.Penelitian ini bertujuan untuk mengembangkan perangkat lunak layanan perpustakaan dengan memanfaatkan teknologi AR dan berbasis AR marker.Ruang lingkup pengembangan aplikasi ini menggunakan metoda rekayasa perangkat lunak <em>RAD</em>. Aplikasi dikembangkan menggunakan metoda <em>template matching</em> dan algoritma A* untuk <em>pathfinding</em>. Skema layanan data pada alikasi terdiri dari empat bagian, yaitu OPAC (<em>Online Public Access Catalog</em>), deteksi lokasi, <em>pathfinding</em> dan navigasi. Lokasi yang dipetakan adalah gedung Perpustakaan Universitas Lampung yang terdiri dari 3 lantai. Hasil dari penelitian ini berupa realisasi perangkat lunak menggunakan teknologi AR yang dapat memvisualisasikan arah menuju lokasi pustaka. Pengujian aplikasi dilakukan dengan skenario (a) pencarian Pustaka dengan OPAC, (b) mendeteksi lokasi (AR), (c) komputasi Pathfinding, (d) menampilkan marker, dan seluruhnya memperoleh hasil yang sesuai dengan <em>requirement</em>.</p><p> </p><p><em><strong>Abstract</strong></em></p><p><em>Augmented Reality technology is now extensively being used to distribute information and even in transaction on public service. This technology is already well known, along with the Virtual Reality technology which is often used in game application. Library visitors, especially in universities, are mostly people categorized as digital native. To find a book location, the time needed by the visitors is generally high, which depends mostly on visitation experience or searching frequency. Therefore, visitors need an application that helps them to find the location of the library collection, with their smartphones. Library automation system helps to provide collection location information that library visitors must relate themselves to places in library building.AR allows this information to be embedded in the real world, making it easier for library searches.This research aims to develop software for library service that helps visitors finding book location by employing AR technology and based on AR Marker. The scope of this development is using RAD software engineering method. The application is developed using template matching method and algorithm A* for pathfinding. There are four parts of data service scheme: OPAC (Online Public Access Catalog), location detection, pathfinding, and navigation. Location of is the building of Universitas Lampung’s library, which consists of 3 floors. The result of this research is software realization using AR technology which can visualize the direction to the location of the collection. The application testing uses the scenarios: (a) finding collection using OPAC, (b) detecting location (AR), (c) computing pathfinding, (d) showing marker, and overall it achieves result as the requirement. Computation time on AR devices is measured against the process of algorithm A *, marker generation, and overall computing. The total computational time needed is an average of 37,379 ms, 44 ms mode, and a median of 38 ms. Overall computing time is below the 50 ms TTI limit value. The survey results show that more than 70% of library visitors have a Good and Very Good User Experience (UX).</em></p><p><em><strong><br /></strong></em></p>
					</div>
				</div>
	
	
				
			<div class="content-single-box-content">
		<div id="articleFullText">
		<h4 class="text-bold">Teks Lengkap:</h4>
									<a href="http://jtiik.ub.ac.id/index.php/jtiik/article/view/1343/pdf" class="file" target="_parent">PDF</a>
															</div>
		</div>
	
			<div class="content-single-box-content">
			<div id="articleCitations">
				<h4 class="text-bold">Referensi</h4>
				<br />
				<div>
											<p>AFISSUNANI, A., SALEH, A., ASSIDIQI, M. H., 2011. Multi Marker Augmented Reality Untuk Aplikasi MagicBook. Tersedia di :  [Diakses 2 Mei 2018]</p>
											<p>ARIFIN, Y., SASTRIA, T. G., BARLIAN, E., 2018. User Experience Metric for Augmented Reality Application: A Review. Prosiding 3rd International Conference on Computer Science and Computational Intelligence 2018. Procedia Computer Science, Vol. 135, pp. 648-656.</p>
											<p>ARONGRANBERG., 2018. Get Started with the A* Pathfinding Project. Tersedia di :  [Diakses 29 Agustus 2018]</p>
											<p>AVILA, S., 2017. Implementing Augmented Reality in Academic Libraries. Public Services Quarterly, 13:3, pp. 190-199.</p>
											<p>BARATOFF, G., NEUBECK, A., REGENBRECHT, H., 2002. Interactive Multi-Marker Calibration for Augmented Reality Applications Mixed and Augmented Reality. ISMAR International Symposium, pp. 107-116.</p>
											<p>BRATA, K.C., BRATA, A. H., PRAMANA,Y. A., 2018. Pengembangan Aplikasi Mobile Augmented Reality Untuk Mendukung Pengenalan Koleksi Museum. Jurnal Teknologi Informasi dan Ilmu Komputer (JTIIK). Vol.5, No.3, Agustus 2018, hlm. 347‐352.</p>
											<p>CRAIGHTON, R.H., 2011. Unity 3D Game Development by Example. Birmingham: Packt Publishing.</p>
											<p>CURRAN, K., FUREY, E., LUNNEY, T., SANTOS, J., WOODS, D., MCCAUGHEY, A., 2011. An evaluation of indoor location determination technologies. Journal of Location Based Services. Vol. 5 No. 2, pp. 61-78.</p>
											<p>DALIM, C.S.C., KOLIVAND, H., KADHIM, H., SUNAR, M.S., BILLINGHURST, M., 2017. Factors Influencing the Acceptance of Augmented Reality in Education: A Review of the Literature. Journal of Computer Science Vol. 13 No. 11, pp. 581-589.</p>
											<p>GUPTA, A., BHATIA, K., GUPTA, K., VARDHAN, M., 2018. A Comparative Study of Marker-Based and Marker-Less Indoor Navigation in Augmented Reality. International Research Journal of Engineering and Technology (IRJET), Vol. 05 No. 04., pp.3569-3572.</p>
											<p>HAHN, J., 2012. Mobile augmented reality applications for library services. New Library World. Vol. 113 Iss: 9/10, pp.429 – 438</p>
											<p>HALLER, M., BILINGHURST, M.T., BRUCE, H., 2007. Emerging Technologies of Augmented Reality : Interfaces and Design, Idea Group Inc (IGI).</p>
											<p>JANG, S. H., 2012. A QR Code-based Indoor Navigation System Using Augmented Reality, Conferenceon Geo Graphhic Information Science. USA.</p>
											<p>MAHADIK, A.A., KATTA, Y., NAIK, R., NAIKWADE, N., SHAIKH, N. F., 2016. A review of Augmented Reality and its application in context aware library system. International Conferenceon ICT in Business Industry &amp; Government, pp. 1-6.</p>
											<p>MASSIS, B., 2015. Using virtual and augmented reality in the library.New Library World, Vol. 116 Iss 11/12, pp. 796 – 799.</p>
											<p>PRESSMAN, R. S., 2010, Software Engineering : A practitioner's Approach, Seventh Edition. New York: McGraw-Hill.</p>
											<p>SANTOS, J. F., BETAN, E., MARIA, S., 2017. Advantages and Challenges of Using Augmented Reality for Library Orientations in an Academic/ Research Library Setting. Proceedings of the IATUL Conferences. Paper 7.</p>
											<p>SLiMS, Senayan Library Management System, 2018. Tersedia di :  [Diakses 3 Maret 2018]</p>
											<p>SUDIAR, A. A., SATRIO, A. P., STAMBOEL, P. A.I.A., 2016. Pengembangan Bisnis Model Virtual Reality &amp; Augmented Reality Platform di Bidang E-Commerce. Thesis Pasca Sarjana, Manajemen, Binus Jakarta.</p>
											<p>Web Incubator CG, 2018. Time to Interactive Explainer. Tersedia di :  [Diakses 29 Oktober 2018]</p>
											<p>YANG, R., 2011. The study and improvement of Augmented reality based on feature matching. Software Engineering and Service Science (ICSESS), IEEE 2nd International Conference, pp. 586-589.</p>
									</div>
				<br />
			</div>
		</div>
			
	</div>

																								
<div class="content-single-box-footer">
<div class="separator"></div>

<h3>Refbacks</h3>

<ul>
				<li>Saat ini tidak ada refbacks.</li>
	</ul></div>
</div>


		


		</div>
		<div id="" class="col-md-3">
			<aside class="content-sidebar">
			
			
			 
 <div class="content-box content-box-small content-box-transparent">
	  <div class="content-box-header content-box-small">
	<h3 class="content-box-header-title text-bold"><span class="content-box-header-title-text">Alat Artikel</span></h3>
	
	<div class="block" id="sidebarRTArticleTools">
	
			<div class="articleToolItem">
			<img src="http://jtiik.ub.ac.id/plugins/blocks/readingTools/icons/abstract.png" class="articleToolIcon" alt="" /> <a href="http://jtiik.ub.ac.id/index.php/jtiik/article/view/1343" target="_parent">Abstrak</a><br />
		</div>
				<div class="articleToolItem">
			<!--<img src="http://jtiik.ub.ac.id/plugins/blocks/readingTools/icons/printArticle.png" class="articleToolIcon" alt="" /> <a href="http://jtiik.ub.ac.id/index.php/jtiik/article/download/1343/0">Cetak Artikel ini</a>-->
			
			<img src="http://jtiik.ub.ac.id/plugins/blocks/readingTools/icons/printArticle.png" class="articleToolIcon" alt="" /> <a href="javascript:openRTWindow('http://jtiik.ub.ac.id/index.php/jtiik/rt/printerFriendly/1343/0');">Cetak Artikel ini</a>
		</div>
				<div class="articleToolItem">
			<img src="http://jtiik.ub.ac.id/plugins/blocks/readingTools/icons/metadata.png" class="articleToolIcon" alt=""/> <a href="javascript:openRTWindow('http://jtiik.ub.ac.id/index.php/jtiik/rt/metadata/1343/0');">metadata pengindeksan</a><br />
		</div>
				<div class="articleToolItem">
			<img src="http://jtiik.ub.ac.id/plugins/blocks/readingTools/icons/citeArticle.png" class="articleToolIcon" alt=""/> <a href="javascript:openRTWindow('http://jtiik.ub.ac.id/index.php/jtiik/rt/captureCite/1343/0');">Bagaimana mengutip item</a><br />
		</div>
				<div class="articleToolItem">
			<img src="http://jtiik.ub.ac.id/plugins/blocks/readingTools/icons/suppFiles.png" class="articleToolIcon" alt=""/> <a href="javascript:openRTWindow('http://jtiik.ub.ac.id/index.php/jtiik/rt/suppFiles/1343/0');">File tambahan</a><br />
		</div>
						<div class="articleToolItem">
			<img src="http://jtiik.ub.ac.id/plugins/blocks/readingTools/icons/emailArticle.png" class="articleToolIcon" alt=""/>
			Email Artikel ini <span style="font-size: 0.8em">(Login dibutuhkan)</span>		</div>
				<div class="articleToolItem">
			<img src="http://jtiik.ub.ac.id/plugins/blocks/readingTools/icons/emailArticle.png" class="articleToolIcon" alt=""/>
			Kirim email ke penulis <span style="font-size: 0.8em">(Login dibutuhkan)</span>		</div>
		</div>
</div>
</div>
 

			
  <div class="content-box content-box-small content-box-transparent">
	  <div class="content-box-header content-box-small">
		<h3 class="content-box-header-title text-bold">
		 				<span class="content-box-header-title-text blockTitle">Login JTIIK</span>
					 
		</h3>
	  </div>
	  <div class="content-box-body">
		<div class="block" id="sidebarUser">
							<!-- <span class="blockTitle">Pengguna</span> -->
			
												<form method="post" action="http://jtiik.ub.ac.id/index.php/jtiik/login/signIn">
						 <div class="form-group">
							<label class="sr-only" for="inputLoginUsername">Nama Pengguna</label>
							<div class="input-group">
							  <div class="input-group-addon"><span class="fa fa-user"></span></div>
							  <input type="text" class="form-control" placeholder="Username" id="inputLoginUsername" id="sidebar-username" name="username">
							</div>
						  </div>
						  <div class="form-group">
							<label class="sr-only" for="inputLoginPassword">Password</label>
							<div class="input-group">
							  <div class="input-group-addon"><span class="fa fa-lock"></span></div>
							  <input type="password" name="password" class="form-control" placeholder="Password" id="inputLoginPassword" value="" >
							</div>
						  </div>
						  
						  <div class="text-right">
							  <input type="checkbox" id="remember" name="remember" value="1" class="text-light-blue pull-left"/> <label for="remember" class="pull-left">Ingat Saya</label>
							<button type="submit" value="Login" class="btn btn-primary-alt btn-radius-no">Login</button>
							<!--<a href="#" class="text-light-blue pull-left">Forgot Password</a>-->
						  </div>
				  
						<!-- <table>
							<tr>
								<td><label for="sidebar-username">Nama Pengguna</label></td>
								<td><input type="text" id="sidebar-username" name="username" value="" size="12" maxlength="32" class="textField form-control" /></td>
							</tr>
							<tr>
								<td><label for="sidebar-password">Kata Sandi</label></td>
								<td><input type="password" id="sidebar-password" name="password" value="" size="12" class="textField form-control" /></td>
							</tr>
							<tr>
								<td colspan="2"><input type="checkbox" id="remember" name="remember" value="1" /> <label for="remember">Ingat Saya</label></td>
							</tr>
							<tr>
								<td colspan="2"><input type="submit" value="Login" class="button" /></td>
							</tr>
						</table>-->
					</form>
									</div>
	</div>
</div>   <div class="content-box content-box-small content-box-transparent">
	  <div class="content-box-header content-box-small">
		<h3 class="content-box-header-title text-bold">
		 				<span class="content-box-header-title-text blockTitle">Notifikasi</span>
					 
		</h3>
	  </div>
	  <div class="content-box-body">
		 			<div class="block" id="notification">
			
			<ul>
									<li><a href="http://jtiik.ub.ac.id/index.php/jtiik/notification">Lihat</a></li>
					<li><a href="http://jtiik.ub.ac.id/index.php/jtiik/notification/subscribeMailList">Langganan</a></li>
							</ul>
		</div>
				</div>
		</div>

 <div class="content-box">
  <div class="content-box-header content-box-small">
	<h3 class="content-box-header-title title-color text-bold">
	  <!--If Not Link use `span` instead `a`-->
	  <span class="content-box-header-title-text">Reviewer Terbaik Vol 7 No 1-2</span>
	</h3>
  </div>
  <div class="content-box-body">				
		<ul class="content-calendar">
			<li>
				<div class="row">
					<div class="col-xs-6 col-sm-2 col-md-6">
						<div class="calendar-left">
					  <img src="http://jtiik.ub.ac.id/public/site/profileImage-1258.jpg" class="img img-responsive">
								  </div>
								</div>
								<div class="col-xs-6">
								  <h5 class="calendar-title margin-top-no margin-left-minus-md text-bold margin-bottom-sm"><a href="javascript:openRTWindow('http://jtiik.ub.ac.id/index.php/jtiik/about/editorialTeamBio/1258')">Surjandy</a></h5>
					  <span class="pull-left margin-left-minus-md">Universitas Bina Nusantara, Indonesia</span>
								</div>
				  </div>
			</li>
		</ul>
  </div>
</div>
<!-- <div class="content-box content-box-small content-box-transparent">
  <div class="content-box-header content-box-small">
	<h3 class="content-box-header-title text-bold">
	
	  <span class="content-box-header-title-text">Pengiriman Artikel</span>
	</h3>
  </div>
  <div class="content-box-body">
	<ul class="content-calendar">
		<li>
			<a href="http://jtiik.ub.ac.id/index.php/jtiik/pages/view/pedoman-penulisan-naskah" class="btn btn-primary-alt btn-radius-no padding-top-sm padding-bottom-sm" style='max-height:40px!important;'>
			  <span class="fa fa-file-text-o"></span> Pedoman Penulisan
			</a>
		</li>
		<li>
			<a href="https://drive.google.com/file/d/1KI7OKuETH0g5H0UKXpCunpYDkBs6k4QL/view" class="btn btn-primary-alt btn-radius-no padding-top-sm padding-bottom-sm" style='max-height:40px!important;'>
                		<span class="fa fa-file-text-o"></span> Tutorial Penulisan
              		</a>
            	</li>

		<li>
			<a href="http://jtiik.ub.ac.id/index.php/jtiik/pages/view/etika-publikasi" class="btn btn-primary-alt btn-radius-no padding-top-sm padding-bottom-sm" style='max-height:40px!important;'>
			  <span class="fa fa-file-text-o"></span> Etika Publikasi
			</a>
		</li>
		<li>
			<a href="http://jtiik.ub.ac.id/index.php/jtiik/announcement/view/5" class="btn btn-primary-alt btn-radius-no padding-top-sm padding-bottom-sm" style='max-height:40px!important;'>
			  <span class="fa fa-file-text-o"></span> Diagram Alir
			</a>
		</li>
		<li>
			<a href="https://drive.google.com/open?id=1Vf4U97SlMJ10u9k0-5nPgs5xBxEwQyFg" class="btn btn-primary-alt btn-radius-no padding-top-sm padding-bottom-sm" style='max-height:40px!important;'>
			  <span class="fa fa-download"></span> Download Template
			</a>
		</li>
	</ul>
  </div>
</div>-->

  <div class="content-box">
	  <div class="content-box-header content-box-small">
		  <h3 class="content-box-header-title title-color text-bold">
		<span class="content-box-header-title-text">Sitasi & Reference Manager</span>
		</h3>
		  </div>
		 <div class="content-box-body">	
		<img src="/public/site/images/admin/mendeley.jpg" class="img img-responsive">
		<ul>
			<li><a href="/public/site/file/mendeley-presentation-id.pdf" target="_blank">Tutorial</a></li>
			<li><a href="/public/site/file/mendeley-insert-caption.pdf" target="_blank">Cara sitasi</a></li>
		</ul>
	</div>
</div>
 <div class="content-box">
              <div class="content-box-header content-box-small">
                <h3 class="content-box-header-title title-color text-bold">
                  <!--If Not Link use `span` instead `a`-->
                  <span class="content-box-header-title-text">Pengiriman Artikel</span>
                </h3>
              </div>
              <div class="content-box-body">				
					<ul class="content-calendar">
						<li>
							<a href="http://jtiik.ub.ac.id/index.php/jtiik/pages/view/pedoman-penulisan-naskah" class="btn btn-primary-alt btn-radius-no padding-top-sm padding-bottom-sm" style='max-height:40px!important;'>
							  <span class="fa fa-file-text-o"></span> Pedoman Penulisan
							</a>
						</li>
						<li>
							<a href="https://drive.google.com/file/d/1KI7OKuETH0g5H0UKXpCunpYDkBs6k4QL/view" class="btn btn-primary-alt btn-radius-no padding-top-sm padding-bottom-sm" style='max-height:40px!important;'>
                						<span class="fa fa-file-text-o"></span> Tutorial Penulisan
              						</a>
            					</li>

						<li>
							<a href="http://jtiik.ub.ac.id/index.php/jtiik/pages/view/daftar-pertanyaan" class="btn btn-primary-alt btn-radius-no padding-top-sm padding-bottom-sm" style='max-height:40px!important;'>
                						<span class="fa fa-file-text-o"></span> Daftar Pertanyaan
              						</a>
            					</li>


						<li>
							<a href="http://jtiik.ub.ac.id/index.php/jtiik/pages/view/etika-publikasi" class="btn btn-primary-alt btn-radius-no padding-top-sm padding-bottom-sm" style='max-height:40px!important;'>
							  <span class="fa fa-file-text-o"></span> Etika Publikasi
							</a>
						</li>
						<li>
							<a href="http://jtiik.ub.ac.id/index.php/jtiik/announcement/view/5" class="btn btn-primary-alt btn-radius-no padding-top-sm padding-bottom-sm" style='max-height:40px!important;'>
							  <span class="fa fa-file-text-o"></span> Diagram Alir
							</a>
						</li>
						<li>
							<a href="https://drive.google.com/open?id=1Vf4U97SlMJ10u9k0-5nPgs5xBxEwQyFg" class="btn btn-primary-alt btn-radius-no padding-top-sm padding-bottom-sm" style='max-height:40px!important;'>
							  <span class="fa fa-download"></span> Download Template
							</a>
						</li>
					</ul>
              </div>
            </div> 


    <div class="content-box content-box-small content-box-transparent">
	  <div class="content-box-header content-box-small">
		<h3 class="content-box-header-title text-bold">
		  <!--If Not Link use `span` instead `a`-->
		  <span class="content-box-header-title-text">Pencarian Artikel</span>
		</h3>
	  </div>
	  <div class="content-box-body">
		<div class="block" id="sidebarNavigation">
		<form id="simpleSearchForm" action="http://jtiik.ub.ac.id/index.php/jtiik/search/search">
		<table id="simpleSearchInput">
			<tr>
				<td>
													<!-- <label for="simpleQuery">Cari <br />-->
					<input type="text" id="simpleQuery" name="simpleQuery" size="15" maxlength="255" value="" class="textField form-control" /></label>
								</td>
			</tr>
			<tr>
				<td><label for="searchField">
				Lingkup Pencarian
				<br />
				<select id="searchField" name="searchField" size="1" class="selectMenu form-control">
					<option label="Semua" value="query">Semua</option>
<option label="Penulis" value="authors">Penulis</option>
<option label="Judul" value="title">Judul</option>
<option label="Abstrak" value="abstract">Abstrak</option>
<option label="Indeks" value="indexTerms">Indeks</option>
<option label="Teks Lengkap" value="galleyFullText">Teks Lengkap</option>

				</select></label>
				</td>
			</tr>
			<tr>
				<td><input type="submit" value="Pencarian" class="button" /></td>
			</tr>
		</table>
	</form>

	<br />

		<span class="blockSubtitle">Telusuri</span>
	<ul>
		<li><a href="http://jtiik.ub.ac.id/index.php/jtiik/issue/archive">Berdasarkan Terbitan</a></li>
		<li><a href="http://jtiik.ub.ac.id/index.php/jtiik/search/authors">Berdasarkan Penulis</a></li>
		<li><a href="http://jtiik.ub.ac.id/index.php/jtiik/search/titles">Berdasarkan Judul</a></li>
		
			</ul>
	</div>
	  </div>
	</div>
			


 <div class="content-box">
	  <div class="content-box-header content-box-small">
		<h3 class="content-box-header-title title-color text-bold">
		  <!--If Not Link use `span` instead `a`-->
		  <span class="content-box-header-title-text">Pengunjung</span>
		</h3>
	  </div>
	  <div class="content-box-body">
		<!-- BEGIN: Powered by Supercounters.com -->
		<center><script type="text/javascript" src="http://widget.supercounters.com/flag.js"></script><script type="text/javascript">sc_flag(1369296,"FFFFFF","000000","eeeeee",2,10,0,0)</script><br><noscript><a href="http://www.supercounters.com/">Flag Counter</a></noscript>
		</center>
		<!-- END: Powered by Supercounters.com -->
		</div>
</div>

			 
			  
<div class="content-box">
  <div class="content-box-header content-box-small">
	<h3 class="content-box-header-title title-color text-bold">
	  <!--If Not Link use `span` instead `a`-->
	  <span class="content-box-header-title-text">Keywords</span>
	</h3>
  </div>
  <div class="content-box-body">
	<div class="content-keyword">
		<div class="block" id="sidebarKeywordCloud">
			
							<a href="http://jtiik.ub.ac.id/index.php/jtiik/search?subject=Android"><span style="font-size: 108%;">Android</span></a>
							<a href="http://jtiik.ub.ac.id/index.php/jtiik/search?subject=CCTV"><span style="font-size: 108%;">CCTV</span></a>
							<a href="http://jtiik.ub.ac.id/index.php/jtiik/search?subject=Internet%20of%20Things"><span style="font-size: 108%;">Internet of Things</span></a>
							<a href="http://jtiik.ub.ac.id/index.php/jtiik/search?subject=Klasifikasi"><span style="font-size: 108%;">Klasifikasi</span></a>
							<a href="http://jtiik.ub.ac.id/index.php/jtiik/search?subject=LSTM"><span style="font-size: 108%;">LSTM</span></a>
							<a href="http://jtiik.ub.ac.id/index.php/jtiik/search?subject=Logika%20Fuzzy"><span style="font-size: 142%;">Logika Fuzzy</span></a>
							<a href="http://jtiik.ub.ac.id/index.php/jtiik/search?subject=Naive%20Bayes"><span style="font-size: 142%;">Naive Bayes</span></a>
							<a href="http://jtiik.ub.ac.id/index.php/jtiik/search?subject=Naskah"><span style="font-size: 108%;">Naskah</span></a>
							<a href="http://jtiik.ub.ac.id/index.php/jtiik/search?subject=Pengambilan%20Keputusan"><span style="font-size: 108%;">Pengambilan Keputusan</span></a>
							<a href="http://jtiik.ub.ac.id/index.php/jtiik/search?subject=Prediksi"><span style="font-size: 142%;">Prediksi</span></a>
							<a href="http://jtiik.ub.ac.id/index.php/jtiik/search?subject=Raspberry%20Pi"><span style="font-size: 142%;">Raspberry Pi</span></a>
							<a href="http://jtiik.ub.ac.id/index.php/jtiik/search?subject=Sistem%20Informasi"><span style="font-size: 108%;">Sistem Informasi</span></a>
							<a href="http://jtiik.ub.ac.id/index.php/jtiik/search?subject=Sistem%20Pendukung%20Keputusan"><span style="font-size: 108%;">Sistem Pendukung Keputusan</span></a>
							<a href="http://jtiik.ub.ac.id/index.php/jtiik/search?subject=Weighted%20Product"><span style="font-size: 108%;">Weighted Product</span></a>
							<a href="http://jtiik.ub.ac.id/index.php/jtiik/search?subject=clustering"><span style="font-size: 108%;">clustering</span></a>
							<a href="http://jtiik.ub.ac.id/index.php/jtiik/search?subject=e-government"><span style="font-size: 142%;">e-government</span></a>
							<a href="http://jtiik.ub.ac.id/index.php/jtiik/search?subject=jaringan%20syaraf%20tiruan"><span style="font-size: 108%;">jaringan syaraf tiruan</span></a>
							<a href="http://jtiik.ub.ac.id/index.php/jtiik/search?subject=klasifikasi"><span style="font-size: 142%;">klasifikasi</span></a>
							<a href="http://jtiik.ub.ac.id/index.php/jtiik/search?subject=kriptografi"><span style="font-size: 142%;">kriptografi</span></a>
							<a href="http://jtiik.ub.ac.id/index.php/jtiik/search?subject=particle%20swarm%20optimization"><span style="font-size: 108%;">particle swarm optimization</span></a>
							<a href="http://jtiik.ub.ac.id/index.php/jtiik/search?subject=web"><span style="font-size: 108%;">web</span></a>
					</div>
	</div>
</div>
</div>
<!-- Add javascript required for font sizer -->
<script type="text/javascript">
	<!--
	$(function(){
		fontSize("#sizer", "body", 9, 16, 32, ""); // Initialize the font sizer
	});
	// -->
</script>
  <div class="content-box">
	<div class="content-box-header content-box-small">
		<h3 class="content-box-header-title title-color text-bold">
			Ukuran Huruf
		</h3>
	  </div>
	  <div class="content-box-body">
		<div class="row">
			<div class="block" id="sidebarFontSize" style="margin-bottom: 4px;">
				<div id="sizer"></div>
			</div>
		</div>
	</div>
</div>					
			 </aside>
		</div>
			
		</div>
	</article>
  </div> <!-- content -->
</main>
<footer id="footer">
  <div class="footer-top">
    <div class="container">
      <div class="row">
        <div class="col-sm-8">
          <div class="row">
            <div class="col-sm-12">
              <h3 class="footer-main-title">
                <span>Tautan FILKOM</span>
              </h3>
            </div>
            <div class="col-sm-6 col-md-3">
              <h4>Laboratorium</h4>
              <ul class="list-unstyled">
                <li><a href="http://filkom.ub.ac.id/unit/lab/kcv" target="_blank">Laboratorium Riset</a></li>
                <li><a href="http://filkom.ub.ac.id/unit/lab/pilkom" target="_blank">Laboratorium Pembelajaran</a></li>
              </ul>
            </div>
            <div class="col-sm-6 col-md-3">
              <h4>Mahasiswa</h4>
              <ul class="list-unstyled">
                 <li><a href="http://bemtiik.ub.ac.id/" target="_blank">Badan Eksekutif Mahasiswa (BEM)</a></li>
				 <li><a href="http://dpmptiik.ub.ac.id/" target="_blank">Dewan Perwakilan Mahasiswa (DPM)</a></li>
				 <li><a href="http://hmif.ub.ac.id/" target="_blank">Himpunan Mahasiswa </a></li>
				 <li><a href="http://display.ub.ac.id/" target="_blank">Display</a></li>
				 <li><a href="http://raioncomm.ptiik.ub.ac.id/" target="_blank">Raion</a></li>
				 <li><a href="http://krismatiik.ub.ac.id/" target="_blank">K-risma</a></li>
				 <li><a href="http://optiik.ub.ac.id/" target="_blank">Optiik</a></li>
				 <li><a href="http://poros.ub.ac.id/" target="_blank">Poros</a></li>
				 <li><a href="http://bios.ptiik.ub.ac.id/" target="_blank">Bios</a></li>
              </ul>
            </div>
            <div class="col-sm-6 col-md-3">
              <h4>Direktori FILKOM</h4>
              <ul class="list-unstyled">
                 <li><a href="http://filkom.ub.ac.id/event/pk2maba" target="_blank">PK2Maba</a></li>
				 <li><a href="http://jtiik.ub.ac.id" target="_blank">Jurnal</a></li>
				 <li><a href="http://j-ptiik.ub.ac.id" target="_blank">Jurnal Mahasiswa</a></li>
				 <li><a href="http://filkom.ub.ac.id/page/read/news/" target="_blank">Berita</a></li>
				 <li><a href="http://filkom.ub.ac.id/info/map" target="_blank">Peta</a></li>
				 <li><a href="http://filkom.ub.ac.id/page/read/gallery" target="_blank">Gallery</a></li>
				 <li><a href="http://filkom.ub.ac.id/info/sitemap" target="_blank">Sitemap</a></li>
				 <li><a href="http://filkom.ub.ac.id/page/feedback" target="_blank">Feedback</a></li>
              </ul>
            </div>
            <div class="col-sm-6 col-md-3">
              <h4>Direktori UB</h4>
              <ul class="list-unstyled">
                <li><a href="http://lecture.ub.ac.id/" target="_blank">Blog Dosen</a></li>
				 <li><a href="http://staff.ub.ac.id/" target="_blank">Blog Staff</a></li>
				 <li><a href="http://e-complaint.ub.ac.id/" target="_blank">E-complaint UB</a></li>
				 <li><a href="http://beasiswa.ub.ac.id/" target="_blank">Beasiswa Online UB</a></li>
				 <li><a href="http://jpc.ub.ac.id/" target="_blank">Job Placement Center UB</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-sm-4">
          <h3 class="footer-main-title">
            <span>Tweet</span>
          </h3>
		   <a class="twitter-timeline"  href="https://twitter.com/filkomUB" data-widget-id="366787154426355712" data-height="1" data-chrome="nofooter noborders transparent"></a>
         <!-- <ul class="list-unstyled list-twitter">
			     <li>
					<span class="fa fa-twitter icon-twitter"></span>
					<div class="twitter-content">
						<a href="//twitter.com/filkomUB" target="_blank">@FILKOMUB</a> Pengambilan Transkrip bagi Wisudawan Periode VI TA 2016/2017; https://t.co/iPBdyLuqjs										</div>
				</li>
											 <li>
					<span class="fa fa-twitter icon-twitter"></span>
					<div class="twitter-content">
						<a href="//twitter.com/filkomUB" target="_blank">@FILKOMUB</a> Telah ditemukan dompet dgn identitas a/n Heru Oloan S, Prodi Teknik Informatika 2015. Dompet dapat diambil di TK BSS, menghubungi Bpk. Antok										</div>
				</li>
											 <li>
					<span class="fa fa-twitter icon-twitter"></span>
					<div class="twitter-content">
						<a href="//twitter.com/filkomUB" target="_blank">@FILKOMUB</a> Program Beasiswa S1 BFI Finance; https://t.co/L8Q4IDjYWW										</div>
				</li>
          </ul>-->
          
        </div>
      </div>
    </div>
  </div>
  <div class="footer-bottom">
    <div class="container">
	<div class="col-md-6">
			<img src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" alt="Creative Commons License" />
			<small><a href="https://creativecommons.org/licenses/by-sa/4.0/" rel="license" style="color:#fff">Creative Common Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)</a></small>
	</div>
      <div class="text-center text-right-md small">
        Developed by PKP Project OJS<br>
        Custom Web Design by PSIK FILKOM UB
      </div>
    </div>
  </div>
</footer>






<script type="text/javascript">

<!--
	// Open "Define Terms" context when double-clicking any text
	function openSearchTermWindow(url) {
		var term;
		if (window.getSelection) {
			term = window.getSelection();
		} else if (document.getSelection) {
			term = document.getSelection();
		} else if(document.selection && document.selection.createRange && document.selection.type.toLowerCase() == 'text') {
			var range = document.selection.createRange();
			term = range.text;
		}
		if (term != ""){
			if (url.indexOf('?') > -1) openRTWindowWithToolbar(url + '&defineTerm=' + term);
			else openRTWindowWithToolbar(url + '?defineTerm=' + term);
		}
	}

	if(document.captureEvents) {
		document.captureEvents(Event.DBLCLICK);
	}

	// Make sure to only open the reading tools when double clicking within the galley
	if (document.getElementById('inlinePdfResizer')) {
		context = document.getElementById('inlinePdfResizer');
	}
	else if (document.getElementById('content')) {
		context = document.getElementById('content');
	}
	else {
		context = document;
	}

	context.ondblclick = new Function("openSearchTermWindow('http://jtiik.ub.ac.id/index.php/jtiik/rt/context/1343/0/828')");
// -->

</script>


</div><!-- container -->
</body>
</html>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!--If dont want use cdn from google use this-->
<!--<script src="jtiik/dist/plugins/jquery/jquery-1.12.4.min.js"></script>-->
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="http://jtiik.ub.ac.id/public/site/jtiik/dist/js/filkom-jtiik.min.js"></script>
<script src="http://jtiik.ub.ac.id/public/site/jtiik/dist/js/filkom-jtiik-global.min.js"></script>
<script type="text/javascript">
		<!--
		function changeLanguage() {
			var e = document.getElementById('languageSelect');
			var new_locale = e.options[e.selectedIndex].value;

			var redirect_url = 'http://jtiik.ub.ac.id/index.php/jtiik/user/setLocale/NEW_LOCALE?source=%2Findex.php%2Fjtiik%2Farticle%2Fview%2F1343';
			redirect_url = redirect_url.replace("NEW_LOCALE", new_locale);

			window.location.href = redirect_url;
		}
		//-->
		
			<!--
			$(function(){
				fontSize("#sizer", "body", 9, 16, 32, ""); // Initialize the font sizer
			});
			// -->
		
	</script>