LAPORAN AKHIR
PRAKTIKUM PEMROGRAMAN MOBILE
LABORATORIUM REKAYASA PERANGKAT
LUNAK
[BANK MANDIRI SYARIAH
KEPULAUAN RIAU]
Disusun Oleh:
Nama/NPM :Robi Alben / 1410128262010
PROGRAM STUDI TEKNIK
INFORMATIKA
SEKOLAH TINGGI TEKNIK IBNU SINA BATAM
2017
HASIL DAN PEMBAHASAN
4.1.
Penjelasan Dan Screenshot Program
1.
Tampilan pada halaman user yang
berisikan Bank Mandiri Syariah yang ada dikepulauan riau beserta alamat dan no
telpon, seperti pada gambar :
Gambar 4.1 Halaman User
2. Form login pada program Bank Syariah Mandiri
kepulauan riau
Gambar 4.2
Form Login
3. Form register akan di input di DataBase pada tabel_register
Gambar 4.3
Form Register
4.
Tampilan dialog pada account atau
admin pembuat program
Gambar 4.4
Tampilan Dialog Account
5.
Tampilan pada halaman admin pada program Bank Syariah Mandiri kepulauan
riau
Gambar 4.5 Tampilan Pada Halaman
Admin
6. Form pada tambah Bank pada program Bank Mandiri Syariah
kepulauan riau
Gambar
4.6 Form Tambah Bank
7.
Form tambah kota yang fungsi
nya menyesuaikan pada alamat Bank Mandiri Syariah sesuai dengan kota/kabupaten .
Gambar 4.7 Form Tambah Kota/kabupaten
8.
Tampilan pada halaman delete
data Bank Syariah Mandiri yang mana data Bank Syariah Mandiri ini tersimpan
pada DataBase
Gambar 4.8 Halaman Tampilan
Data Pada Program
4.2 Kelebihan dan Kekurangan Program
Adapu
kekurangan dan kelebihan pada program Bank Syariah Mandiri kepulauan riau
berbasis mobile antara lain seperti berikut :
1.
Kelebihan
a.
Program Bank Syariah Mandiri
kepulauan riau memberikan manfaat kepada pengguna untuk melihat data data Bank
Syariah Mandiri yang ada di kepulauan riau
b.
Program Bank Syariah Mandiri kepulauan
riau memiliki tampilan responsiv yang dapat dibuka di Komputer maupun Hanphone
dengan tampilan mobile
2.
Kekurangan
Adapun juga kekurangan pada program Bank Syariah Mandiri
kepulauan riau yang kami buat pada praktikum pemrograman mobile ini antara lain
:
a.
Program Bank Syariah Mandiri
kepulauan riau yang kami buat dalam praktikum
pemrograman mobile ini masih hanya dapat dijalankan pada localhost saja,
belum online pada server
b.
Pada program Bank Syariah
Mandiri kepuluan riau belum dapat menjalankan cari data pada data Bank Syariah
Mandiri kepulauan riau
4.3 Source Code
File index.php
|
<?php
session_start();
?>
<!DOCTYPE html>
<html>
<head>
<!-- Include meta tag to ensure proper rendering and touch
zooming -->
<meta name="viewport" content="width=device-width,
initial-scale=1">
<!-- Include jQuery Mobile stylesheets -->
<link rel="stylesheet"
href="css/jquery.mobile-1.4.5.min.css">
<!-- Include the jQuery library -->
<script src="js/jquery-1.11.3.min.js"></script>
<!-- Include the jQuery Mobile library -->
<script
src="js/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<div data-role="page"
id="page-login">
<div
data-role="header" data-theme="a"
data-position="fixed" >
<h2>
<img src="img/bsm.png" align="left"/></h2>
<nav
data-role="navbar" class="ui-navbar"
role="navigation">
<ul class="ui-grid-c"
data-positin="fixed">
<li
class="ui-block-a"><a href="index.php"
data-transition="flip" data-icon="home"
class="ui-link ui-btn ui-icon-home
ui-btn-icon-top">Home</a></li>
<li
class="ui-block-b"><a href="login.php"
data-rel="dialog" data-icon="user" class="ui-link
ui-btn ui-icon-user ui-btn-icon-top">login</a></li>
<li
class="ui-block-c"><a href="register.php"
data-rel="dialog" data-icon="search"
class="ui-link ui-btn ui-icon-user
ui-btn-icon-top">Register</a></li>
<li
class="ui-block-b"><a href="account.php"
data-rel="dialog" data-icon="user" class="ui-link
ui-btn ui-icon-user ui-btn-icon-top">Account</a></li>
</ul>
</nav>
</div>
<div
data-role="main" class="ui-content">
<ul data-role="listview"
data-filter="true" data-filter-placeholder="Cari
Bank......." data-inset="true">
<div
data-role="main" class="ui-content">
<ul data-role="listview"
data-inset="true">
<?php
$conn = mysql_connect("localhost", "root",
"");
mysql_select_db("db_jbsm",
$conn);
$sql
= mysql_query("select * from tbl_bank order by id desc");
while($row
= mysql_fetch_array($sql)){
?>
<li>
<a href="#">
<img
src="admin/uploads/<?php echo $row['img'] ?>">
<h2><?php echo
$row['nama'] ?></h2>
<p><?php echo
$row['alamat'] ?></p>
</a>
</li>
<?php
}
?>
</ul>
</div>
</div>
<div
data-role="footer" data-theme="a"
data-position="fixed" >
<h1></h1>
</div>
</div>
</div>
</body>
</html>
|
|
<ul
data-role="listview" data-filter="true"
data-filter-placeholder="Cari Bank......."
data-inset="true">
<div
data-role="main" class="ui-content">
<ul data-role="listview"
data-inset="true">
<?php
$conn =
mysql_connect("localhost", "root", "");
mysql_select_db("db_jbsm",
$conn);
$sql = mysql_query("select
* from tbl_bank order by id desc");
while($row =
mysql_fetch_array($sql)){
?>
<li>
<a href="#">
<img src="admin/uploads/<?php
echo $row['img'] ?>">
<h2><?php echo
$row['nama'] ?></h2>
<p><?php echo
$row['alamat'] ?></p>
</a>
</li>
<?php
}
?>
</ul>
</div>
</div>
<div
data-role="footer" data-theme="a" data-position="fixed"
>
<h1></h1>
</div>
</div>
</div>
|
Header.php
|
<!DOCTYPE html>
<html>
<head>
<!-- Include meta tag to ensure proper
rendering and touch zooming -->
<meta name="viewport"
content="width=device-width, initial-scale=1">
<!-- Include jQuery Mobile stylesheets
-->
<link rel="stylesheet"
href="../css/jquery.mobile-1.4.5.min.css">
<!-- Include the jQuery library -->
<script
src="../js/jquery-1.11.3.min.js"></script>
<!-- Include the jQuery Mobile library
-->
<script
src="../js/jquery.mobile-1.4.5.min.js"></script>
</head>
<!--It
's for header -->
|
Halaman Admin index.php
|
!DOCTYPE
html>
<html>
<head>
<!-- Include meta tag to ensure proper
rendering and touch zooming -->
<meta name="viewport"
content="width=device-width, initial-scale=1">
<!-- Include jQuery Mobile stylesheets
-->
<link rel="stylesheet"
href="../css/jquery.mobile-1.4.5.min.css">
<!-- Include the jQuery library -->
<script
src="../js/jquery-1.11.3.min.js"></script>
<!-- Include the jQuery Mobile library
-->
<script
src="../js/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
|
|
<div
data-role="page" id="page-login">
<div data-role="header"
data-position="fixed">
<h1>Halaman
Admin</h1>
<?php
include('nav.php') ?>
</div>
<div data-role="main"
class="ui-content">
<div
data-role="main" class="ui-content">
<ul data-role="listview"
data-inset="true">
<li>
<a
href="https://www.google.co.id/">
<img
src="../img/chrome.png">
<h2>Google Chrome</h2>
<p>Google Chrome is a free,
open-source web browser. Released in 2008.</p>
</a>
</li>
<li>
<a
href="https://www.google.co.id/">
<img
src="../img/firefox.png">
<h2>Mozilla
Firefox</h2>
<p>Firefox is a web browser
from Mozilla. Released in 2004.</p>
</a>
</li>
<li>
<a
href="https://www.facebook.com">
<img
src="../img/facebook.png">
<h2>Facebook</h2>
<p> Sign in with Facebook to
get started. Sign In. Keep me signed in. Get the app on iOS , Windows Phone
, Android </p>
</a>
</li>
<li>
<a href="https://twitter.com/">
<img
src="../img/twitter.png">
<h2>Twitter</h2>
<p> From breaking news and
entertainment to sports and politics, get the full story with all the live
commentary </p>
</a>
</li>
</ul>
</div>
</div>
|
|
<div
data-role="footer" data-position="fixed">
<h1></h1>
</div>
</div>
</body>
</html>
|
File Nav.php
|
<nav
data-role="navbar" class="ui-navbar" role="navigation">
<ul
class="ui-grid-c" data-positin="fixed">
<li
class="ui-block-a"><a href="index.php"
data-transition="flip" data-icon="home"
class="ui-link ui-btn ui-icon-home
ui-btn-icon-top">Home</a></li>
<li
class="ui-block-c"><a href="tambah_bank.php"
data-transition="flip" data-icon="plus"
class="ui-link ui-btn ui-icon-plus
ui-btn-icon-top">Bank</a></li>
<li
class="ui-block-d"><a href="tambah_kota.php"
data-role="" data-icon="plus" class="ui-link
ui-btn ui-icon-plus ui-btn-icon-top">Kota</a></li>
<li
class="ui-block-d"><a href="tampil_bank.php"
data-role="" data-icon="delete" class="ui-link
ui-btn ui-icon-delete ui-btn-icon-top">Bank </a></li>
</ul>
</nav>
|
Posting Komentar