diff --git a/.classpath b/.classpath
new file mode 100644
index 0000000..994786a
--- /dev/null
+++ b/.classpath
@@ -0,0 +1,11 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/.project b/.project
new file mode 100644
index 0000000..bcf6cc5
--- /dev/null
+++ b/.project
@@ -0,0 +1,36 @@
+
+
+ ruko
+
+
+
+
+
+ org.eclipse.wst.jsdt.core.javascriptValidator
+
+
+
+
+ org.eclipse.jdt.core.javabuilder
+
+
+
+
+ org.eclipse.wst.common.project.facet.core.builder
+
+
+
+
+ org.eclipse.wst.validation.validationbuilder
+
+
+
+
+
+ org.eclipse.jem.workbench.JavaEMFNature
+ org.eclipse.wst.common.modulecore.ModuleCoreNature
+ org.eclipse.wst.common.project.facet.core.nature
+ org.eclipse.jdt.core.javanature
+ org.eclipse.wst.jsdt.core.jsNature
+
+
diff --git a/.settings/.jsdtscope b/.settings/.jsdtscope
new file mode 100644
index 0000000..3a28de0
--- /dev/null
+++ b/.settings/.jsdtscope
@@ -0,0 +1,12 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/.settings/org.eclipse.jdt.core.prefs b/.settings/org.eclipse.jdt.core.prefs
new file mode 100644
index 0000000..c537b63
--- /dev/null
+++ b/.settings/org.eclipse.jdt.core.prefs
@@ -0,0 +1,7 @@
+eclipse.preferences.version=1
+org.eclipse.jdt.core.compiler.codegen.inlineJsrBytecode=enabled
+org.eclipse.jdt.core.compiler.codegen.targetPlatform=1.6
+org.eclipse.jdt.core.compiler.compliance=1.6
+org.eclipse.jdt.core.compiler.problem.assertIdentifier=error
+org.eclipse.jdt.core.compiler.problem.enumIdentifier=error
+org.eclipse.jdt.core.compiler.source=1.6
diff --git a/.settings/org.eclipse.wst.common.component b/.settings/org.eclipse.wst.common.component
new file mode 100644
index 0000000..489cc88
--- /dev/null
+++ b/.settings/org.eclipse.wst.common.component
@@ -0,0 +1,8 @@
+
+
+
+
+
+
+
+
diff --git a/.settings/org.eclipse.wst.common.project.facet.core.xml b/.settings/org.eclipse.wst.common.project.facet.core.xml
new file mode 100644
index 0000000..c0922dd
--- /dev/null
+++ b/.settings/org.eclipse.wst.common.project.facet.core.xml
@@ -0,0 +1,9 @@
+
+
+
+
+
+
+
+
+
diff --git a/.settings/org.eclipse.wst.jsdt.ui.superType.container b/.settings/org.eclipse.wst.jsdt.ui.superType.container
new file mode 100644
index 0000000..3bd5d0a
--- /dev/null
+++ b/.settings/org.eclipse.wst.jsdt.ui.superType.container
@@ -0,0 +1 @@
+org.eclipse.wst.jsdt.launching.baseBrowserLibrary
\ No newline at end of file
diff --git a/.settings/org.eclipse.wst.jsdt.ui.superType.name b/.settings/org.eclipse.wst.jsdt.ui.superType.name
new file mode 100644
index 0000000..05bd71b
--- /dev/null
+++ b/.settings/org.eclipse.wst.jsdt.ui.superType.name
@@ -0,0 +1 @@
+Window
\ No newline at end of file
diff --git a/INSTALL.md b/INSTALL.md
new file mode 100644
index 0000000..5268289
--- /dev/null
+++ b/INSTALL.md
@@ -0,0 +1,5 @@
+IF3110-Tubes-II
+===============
+PETUNJUK INSTALASI
+
+- Jalankan Eclipse, buka project ini lalu jalankan project ini dengan memilih menu "Run As - Run On Server"
diff --git a/MEMBER.md b/MEMBER.md
new file mode 100644
index 0000000..0f0a4ba
--- /dev/null
+++ b/MEMBER.md
@@ -0,0 +1,7 @@
+IF3110-Tubes-II
+===============
+ANGGOTA KELOMPOK
+
+- BAHARUDIN AFIF (13511021) - 13511021@std.stei.itb.ac.id - Github ID : baharudinafif
+- FATHAN ADI PRANAYA (13511027) - 13511027@std.stei.itb.ac.id - Github ID : fathanpranaya
+- RENUSA ANDRA PRAYOGO (13511063) - 13511063@std.stei.itb.ac.id - Github ID : andra49
\ No newline at end of file
diff --git a/WebContent/AJS_style.css b/WebContent/AJS_style.css
new file mode 100644
index 0000000..954139c
--- /dev/null
+++ b/WebContent/AJS_style.css
@@ -0,0 +1,312 @@
+body {
+ margin: 0;
+ padding: 0;
+ color: #999;
+ font-family: Tahoma, Geneva, sans-serif;
+ font-size: 12px;
+ line-height: 1.4em;
+ background-color: #665f5f;
+ background-repeat: repeat;
+ background-image: url(images/AJS_body.jpg)
+}
+
+a, a:link, a:visited { color: #0299aa; font-weight: normal; text-decoration: none }
+a:hover { text-decoration: underline; }
+
+a.addtocart{ display: inline-block; width: 80px; height: 21px; line-height: 21px; text-align: center; font-size: 10px; font-weight: bold; color: #333; background: url(images/AJS_addtocart.png) }
+a.detail{ display: inline-block; width: 64px; height: 20px; line-height: 20px; text-align: center; font-size: 10px; font-weight: bold; color: #333; background: url(images/AJS_detail.png) }
+
+p { margin: 0 0 10px 0; padding: 0; }
+img { border: none; }
+blockquote { border: 1px solid #039fb1; border-left: 5px solid #000; padding: 19px; margin: 20px 0 0 0}
+cite a, cite a:link, cite a:visited { font-size: 12px; text-decoration: none; font-style: normal }
+cite span { font-weight: 400; color: #333; }
+
+.tmo_list { margin: 10px 0 10px 15px; padding: 0; list-style: none }
+.tmo_list li { color:#999; margin: 0 0 5px 0; padding: 0 0 0 15px; background: url(images/AJS_list.png) no-repeat scroll 0 5px }
+.tmo_list li a { color: #999; font-weight: normal }
+.tmo_list li a:hover { color: #333 }
+
+
+h1, h2, h3, h4, h5, h6 { color: #333; font-weight: normal; }
+h1 { font-size: 30px; margin: 0 0 30px; padding: 5px 0 }
+h2 { font-size: 26px; margin: 0 0 25px; padding: 5px 0 }
+h3 { font-size: 20px; margin: 0 0 20px; padding: 0; }
+h4 { font-size: 16px; margin: 0 0 15px; padding: 0; }
+h5 { font-size: 14px; margin: 0 0 10px; padding: 0; }
+h6 { font-size: 12px; margin: 0 0 5px; padding: 0; }
+
+.cleaner { clear: both }
+.h10 { height: 10px }
+.h20 { height: 20px }
+.h30 { height: 30px }
+.h40 { height: 40px }
+.h50 { height: 50px }
+
+.float_l { float: left }
+.float_r { float: right }
+
+#AJS_body_wrapper {
+ width: 100%;
+ background: url(images/AJS_body_top.jpg) repeat-x top
+}
+
+#AJS_wrapper {
+ width: 980px;
+ margin: 0 auto;
+}
+
+#AJS_header {
+ width: 960px;
+ height: 70px;
+ padding: 30px 10px;
+ background: url(images/AJS_header_bg.png) no-repeat bottom;
+}
+
+#AJS_menubar {
+ width: 980px;
+ height: 60px;
+ background: url(images/AJS_menubar.png) no-repeat;
+}
+
+#AJS_main {
+ width: 940px;
+ padding: 10px 20px;
+ background: url(images/AJS_main_bg.png) repeat-y
+}
+
+#content { width: 690px }
+#sidebar { width: 220px }
+
+#AJS_footer {
+ width: 960px;
+ padding: 30px 10px;
+ text-align: center;
+ background: url(images/AJS_footer.png) no-repeat top
+}
+
+#site_title { float: left; margin-top: 30px; }
+#site_title h1 { margin: 0; padding: 0 }
+#site_title h1 a { display: block; width: 300px; height: 40px; padding-top: 30px; font-size: 12px; letter-spacing: 4px; color: #2f2f2f; text-align: left; background: url(images/AJS_logo.png) no-repeat top left }
+
+#header_right { float: right; margin: 35px 240px 0 0; color: #666; }
+#header_right a { color: #fff }
+
+#menu_second_bar { padding: 5px 10px; }
+#top_shopping_cart { float: left; padding: 5px 0; font-size: 11px; }
+
+#AJS_search { float: right; margin: 10px 30px 0; width: 220px; height: 34px; background: url(images/AJS_search_bg.png) }
+#AJS_search form {
+ margin: 0;
+ padding: 0;
+}
+
+#AJS_search .txt_field {
+ float: left;
+ display: block;
+ height: 22px;
+ line-height: 22px;
+ width: 170px;
+ color: #999;
+ font-size: 12px;
+ padding: 5px;
+ font-variant: normal;
+ border: none;
+ background: none;
+}
+
+#AJS_search .sub_btn {
+ float: right;
+ display: block;
+ color: #fff;
+ height: 33px;
+ width: 40px;
+ font-size: 11px;
+ font-weight: 700;
+ line-height: 26px;
+ cursor: pointer;
+ border: none;
+ background: none;
+}
+
+.sidebar_box {
+ position: relative;
+ background: #f0f0f0;
+ margin-bottom: 36px;
+ border: 1px solid #dbdbdb
+}
+.sidebar_box_icon {width:33px; height:33px; overflow:hidden; display:block; float:left; cursor:default;}
+.sidebar_box h3 { font-size: 14px; font-weight: 700; padding: 0 10px 0 35px; margin: 0; width: 173px; height: 33px; line-height: 33px; margin-bottom: 0; background: url(images/AJS_sidebar_header.png) right center no-repeat; color: #2f2f2f; position:relative }
+
+.sidebar_box h3 a {position:absolute; left:0;}
+#sidebar .sidebar_box .content {
+ padding: 10px 10px 0;
+}
+
+#sidebar .sidebar_list { margin: 0; padding: 0 0 10px; list-style: none; }
+#sidebar .sidebar_list li { display: block; margin: 0; padding: 5px 0; border-top: 1px solid #fff; border-bottom: 1px solid #d3d3d3 }
+#sidebar .sidebar_list li.first { border-top: none }
+#sidebar .sidebar_list li.last { border-bottom: none }
+#sidebar .sidebar_list li a { color: #666; }
+#sidebar .sidebar_list li a:hover { color: #000; text-decoration: none }
+
+.bs_box { clear: both; margin-bottom: 20px }
+.bs_box img { float: left; margin-right: 10px; border: 4px solid #fff }
+.bs_box h4 { margin-bottom: 0 }
+.bs_box h4 a { font-size: 11px; color: #000; font-weight: 700}
+.bs_box .price { font-size: 12px; font-weight: 700; color: #11bdd1}
+
+.product_box {
+ float: left;
+ width: 220px;
+ text-align: center;
+ margin: 0 10px 30px 0;
+ padding-bottom: 20px;
+ border-bottom: 1px dotted #ccc
+}
+
+.product_box img {
+ margin-bottom: 5px;
+}
+.product_box h3 {
+ font-size: 11px;
+ color: #000;
+ font-weight: 700;
+ margin-bottom: 10px;
+}
+.product_box .product_price {
+ color: #11bdd1;
+ font-size: 14px;
+ font-weight: 700;
+ margin-bottom: 20px;
+}
+.product_box .detail {
+ float: right;
+ display: block;
+}
+.product_box .addtocart {
+ float: left;
+ display: block;
+}
+
+#contact_form { padding: 0; width: 300px; margin-bottom: 40px }
+#contact_form form { margin: 0px; padding: 0px; }
+
+#contact_form form .input_field {
+ font-family: Arial, Helvetica, sans-serif;
+ width: 270px;
+ padding: 5px;
+ color: #808b98;
+ background: #fff;
+ border: 1px solid #dedede;
+}
+
+#contact_form form label { display: block; width: 100px; margin-right: 12px; font-size: 11px }
+
+#contact_form form textarea {
+ font-family: Arial, Helvetica, sans-serif;
+ width: 270px;
+ height: 200px;
+ padding: 5px;
+ color: #808b98;
+ background: #fff;
+ border: 1px solid #dedede;
+}
+
+#contact_form form .submit_btn {
+ display: block;
+ padding: 5px 12px;
+ text-align: center;
+ text-decoration: none;
+ font-weight: bold;
+ background-color: #000;
+ border: 1px solid #fff;
+ color: #fff;
+ font-size:11px;
+ cursor: pointer;
+}
+
+.content_half { width: 320px }
+.content_13 { width: 220px; margin-right: 10px }
+
+.faqs p { margin-bottom: 20px }
+.faqs h5 { margin-bottom: 5px }
+
+#AJS_footer {
+ color: #999
+}
+#AJS_footer a {
+ color: #fff;
+}
+
+/*============================*/
+/*=== Custom Slider Styles ===*/
+/*============================*/
+#slider-wrapper {
+ float: left;
+ width: 680px;
+ height: 300px;
+ margin-right: 20px;
+ margin-bottom: 60px;
+}
+
+#slider {
+ position:relative;
+ width: 620px;
+ height: 300px;
+ background:url(images/loading.gif) no-repeat 50% 50%;
+}
+#slider img {
+ position:absolute;
+ top:0px;
+ left:0px;
+ display:none;
+}
+#slider a {
+ border:0;
+ display:block;
+}
+
+.nivo-controlNav {
+ position:absolute;
+ right: 10px;
+ bottom: -30px;
+}
+.nivo-controlNav a {
+ display:block;
+ width:14px;
+ height:18px;
+ background:url(images/bullets.png) no-repeat;
+ text-indent:-9999px;
+ border:0;
+ margin-right:3px;
+ float:left;
+}
+.nivo-controlNav a.active {
+ background-position:0 -18px;
+}
+
+.nivo-directionNav a {
+ display:block;
+ width:30px;
+ height:30px;
+ background:url(images/arrows.png) no-repeat;
+ text-indent:-9999px;
+ border:0;
+}
+a.nivo-nextNav {
+ background-position:-30px 0;
+ right:15px;
+}
+a.nivo-prevNav {
+ left:15px;
+}
+
+.nivo-caption {
+ text-shadow:none;
+ font-family: Helvetica, Arial, sans-serif;
+}
+.nivo-caption a {
+ color:#efe9d1;
+ text-decoration:underline;
+}
\ No newline at end of file
diff --git a/WebContent/META-INF/MANIFEST.MF b/WebContent/META-INF/MANIFEST.MF
new file mode 100644
index 0000000..254272e
--- /dev/null
+++ b/WebContent/META-INF/MANIFEST.MF
@@ -0,0 +1,3 @@
+Manifest-Version: 1.0
+Class-Path:
+
diff --git a/WebContent/WEB-INF/lib/mysql-connector-java-5.1.26-bin.jar b/WebContent/WEB-INF/lib/mysql-connector-java-5.1.26-bin.jar
new file mode 100644
index 0000000..79a1fc3
Binary files /dev/null and b/WebContent/WEB-INF/lib/mysql-connector-java-5.1.26-bin.jar differ
diff --git a/WebContent/WEB-INF/web.xml b/WebContent/WEB-INF/web.xml
new file mode 100644
index 0000000..63f5680
--- /dev/null
+++ b/WebContent/WEB-INF/web.xml
@@ -0,0 +1,7 @@
+
+
+ ruko
+
+ index
+
+
\ No newline at end of file
diff --git a/WebContent/barang.jsp b/WebContent/barang.jsp
new file mode 100644
index 0000000..d40db01
--- /dev/null
+++ b/WebContent/barang.jsp
@@ -0,0 +1,26 @@
+
+
+
+
Tambah Barang
+
+
+
+
+
\ No newline at end of file
diff --git a/WebContent/beli.jsp b/WebContent/beli.jsp
new file mode 100644
index 0000000..2941a16
--- /dev/null
+++ b/WebContent/beli.jsp
@@ -0,0 +1,43 @@
+<%@page import="bean.DatabaseAccess"%>
+<%@page import="bean.Transaksi"%>
+<%@page import="java.util.ArrayList"%>
+<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
+ pageEncoding="ISO-8859-1"%>
+
+<%
+ ArrayList shopList = (ArrayList) session.getAttribute("IT");
+ String kartu=(String)request.getParameter("kartuTerpilih");
+ DatabaseAccess dbAccess = new DatabaseAccess();
+ out.print("Terima Kasih "+session.getAttribute("username")+"
");
+ out.print("Berikut barang-barang yang Anda telah beli :
");
+ int total=0;
+ int sisa=0;
+ for(int i=0; i"+shopList.get(i).getBarang().getNama_barang()+" Berjumlah = "+shopList.get(i).getQt()+"");
+ String SQL1 = "UPDATE barang SET stok="+sisa+" WHERE id_barang ="+shopList.get(i).getBarang().getId_barang();
+ dbAccess.doQueryUpdate(SQL1);
+ System.out.println((i+1)+". SQL 1=>"+ SQL1);
+ if(sisa<=0){
+ String SQL2 = "DELETE FROM progin_13511021 WHERE id_barang="+shopList.get(i).getBarang().getId_barang();
+ dbAccess.doQueryUpdate(SQL2);
+ System.out.println((i+1)+". SQL 2=>"+ SQL2);
+ }
+ System.out.println("INI SISA, "+sisa+", "+shopList.get(i).getQt());
+ if(iAnda membayar dengan kartu kredit bernomor "+kartu+", dengan total pembelian Anda: "+total+"");
+%>
+
+
+
diff --git a/WebContent/cardregist.jsp b/WebContent/cardregist.jsp
new file mode 100644
index 0000000..bb1d0d5
--- /dev/null
+++ b/WebContent/cardregist.jsp
@@ -0,0 +1,50 @@
+<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
+ pageEncoding="ISO-8859-1"%>
+
+
+<%
+ if(session.getAttribute("username")!=null){
+ //punya session atau udah login
+%>
+
+<%
+ }else{
+ out.println("Login dulu bos
");
+ }
+%>
+
\ No newline at end of file
diff --git a/WebContent/css/ddsmoothmenu.css b/WebContent/css/ddsmoothmenu.css
new file mode 100644
index 0000000..accad07
--- /dev/null
+++ b/WebContent/css/ddsmoothmenu.css
@@ -0,0 +1,116 @@
+.ddsmoothmenu{
+ float: left;
+}
+
+.ddsmoothmenu ul{
+ z-index:100;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+}
+
+/*Top level list items*/
+.ddsmoothmenu ul li{
+ position: relative;
+ display: inline;
+ float: left;
+}
+
+/*Top level menu link items style*/
+.ddsmoothmenu ul li a {
+ display: block;
+ padding: 0 30px;
+ height: 40px;
+ line-height: 40px;
+ font-size: 12px;
+ color: #2f2f2f;
+ text-decoration: none;
+ outline: none;
+ text-align: center;
+}
+
+* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
+display: inline-block;
+}
+
+.ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li a:hover { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
+ color: #fff;
+ background: #2f2f2f;
+}
+
+/*1st sub level menu*/
+.ddsmoothmenu ul li ul {
+ position: absolute;
+ left: 0;
+ padding: 10px 0 0;
+ display: none; /*collapse all sub menus to begin with*/
+ visibility: hidden;
+ background: #313131;
+ border-bottom: 4px solid #000
+}
+
+/*Sub level menu list items (undo style from Top level List Items)*/
+.ddsmoothmenu ul li ul li{
+display: list-item;
+float: none;
+}
+
+/*All subsequent sub menu levels vertical offset after 1st level sub menu */
+.ddsmoothmenu ul li ul li ul{
+top: 0;
+}
+
+/* Sub level menu links style */
+.ddsmoothmenu ul li ul li a{
+ font-weight: 400;
+ width: 130px; /*width of sub menus*/
+ height: 30px;
+ padding: 0 30px;
+ line-height: 30px;
+ font-size: 11px;
+ text-align: left;
+ background: none;
+ color: #ccc;
+ border-bottom: 1px solid #222;
+ border-top: 1px solid #444;
+}
+
+.ddsmoothmenu ul li ul li a.selected, .ddsmoothmenu ul li ul li a:hover {
+ color: #fff;
+ font-weight: 700;
+ background: #222;
+}
+
+/* Holly Hack for IE \*/
+* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
+
+
+/* ######### CSS classes applied to down and right arrow images ######### */
+
+.downarrowclass{
+position: absolute;
+top: 12px;
+right: 7px;
+}
+
+.rightarrowclass{
+position: absolute;
+top: 6px;
+right: 5px;
+}
+
+/* ######### CSS for shadow added to sub menus ######### */
+
+.ddshadow{
+position: absolute;
+left: 0;
+top: 0;
+width: 0;
+height: 0;
+}
+
+.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
+opacity: 0.5;
+}
+
+/* menu */
diff --git a/WebContent/css/layout.css b/WebContent/css/layout.css
new file mode 100644
index 0000000..3bfb524
--- /dev/null
+++ b/WebContent/css/layout.css
@@ -0,0 +1,43 @@
+*{
+ margin:0;
+ padding:0;
+}
+body {
+ background-color:#eee;
+ font:14px/1.3 Arial,sans-serif;
+}
+header {
+ background-color:#212121;
+ box-shadow: 0 -1px 2px #111111;
+ color:#fff;
+ display:block;
+ height:70px;
+ position:relative;
+ width:100%;
+ z-index:100;
+}
+header h2{
+ font-size:22px;
+ font-weight:normal;
+ left:50%;
+ margin-left:-400px;
+ padding:22px 0;
+ position:absolute;
+ width:540px;
+}
+header a.stuts,a.stuts:visited{
+ border:none;
+ text-decoration:none;
+ color:#fcfcfc;
+ font-size:14px;
+ left:50%;
+ line-height:31px;
+ margin:23px 0 0 110px;
+ position:absolute;
+ top:0;
+}
+header .stuts span {
+ font-size:22px;
+ font-weight:bold;
+ margin-left:5px;
+}
\ No newline at end of file
diff --git a/WebContent/css/modal.css b/WebContent/css/modal.css
new file mode 100644
index 0000000..3b34009
--- /dev/null
+++ b/WebContent/css/modal.css
@@ -0,0 +1,143 @@
+.main {
+ background: #aaa url(../images/bg.jpg) no-repeat;
+ width: 800px;
+ height: 600px;
+ margin: 50px auto;
+}
+.panel {
+ background-color: #444;
+ height: 34px;
+ padding: 10px;
+}
+.panel a#login_pop, .panel a#join_pop {
+ border: 2px solid #aaa;
+ color: #fff;
+ display: block;
+ float: right;
+ margin-right: 10px;
+ padding: 5px 10px;
+ text-decoration: none;
+ text-shadow: 1px 1px #000;
+
+ -webkit-border-radius: 10px;
+ -moz-border-radius: 10px;
+ -ms-border-radius: 10px;
+ -o-border-radius: 10px;
+ border-radius: 10px;
+}
+a#login_pop:hover, a#join_pop:hover {
+ border-color: #eee;
+}
+.overlay {
+ background-color: rgba(0, 0, 0, 0.6);
+ bottom: 0;
+ cursor: default;
+ left: 0;
+ opacity: 0;
+ position: fixed;
+ right: 0;
+ top: 0;
+ visibility: hidden;
+ z-index: 1;
+
+ -webkit-transition: opacity .5s;
+ -moz-transition: opacity .5s;
+ -ms-transition: opacity .5s;
+ -o-transition: opacity .5s;
+ transition: opacity .5s;
+}
+.overlay:target {
+ visibility: visible;
+ opacity: 1;
+}
+.popup {
+ background-color: #fff;
+ border: 3px solid #fff;
+ display: inline-block;
+ left: 50%;
+ opacity: 0;
+ padding: 15px;
+ position: fixed;
+ text-align: justify;
+ top: 40%;
+ visibility: hidden;
+ z-index: 10;
+
+ -webkit-transform: translate(-50%, -50%);
+ -moz-transform: translate(-50%, -50%);
+ -ms-transform: translate(-50%, -50%);
+ -o-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%);
+
+ -webkit-border-radius: 10px;
+ -moz-border-radius: 10px;
+ -ms-border-radius: 10px;
+ -o-border-radius: 10px;
+ border-radius: 10px;
+
+ -webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
+ -moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
+ -ms-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
+ -o-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
+ box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
+
+ -webkit-transition: opacity .5s, top .5s;
+ -moz-transition: opacity .5s, top .5s;
+ -ms-transition: opacity .5s, top .5s;
+ -o-transition: opacity .5s, top .5s;
+ transition: opacity .5s, top .5s;
+}
+.overlay:target+.popup {
+ top: 50%;
+ opacity: 1;
+ visibility: visible;
+}
+.close {
+ background-color: rgba(0, 0, 0, 0.8);
+ height: 30px;
+ line-height: 30px;
+ position: absolute;
+ right: 0;
+ text-align: center;
+ text-decoration: none;
+ top: -15px;
+ width: 30px;
+
+ -webkit-border-radius: 15px;
+ -moz-border-radius: 15px;
+ -ms-border-radius: 15px;
+ -o-border-radius: 15px;
+ border-radius: 15px;
+}
+.close:before {
+ color: rgba(255, 255, 255, 0.9);
+ content: "X";
+ font-size: 24px;
+ text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
+}
+.close:hover {
+ background-color: rgba(64, 128, 128, 0.8);
+}
+.popup p, .popup div {
+ margin-bottom: 10px;
+}
+.popup label {
+ display: inline-block;
+ text-align: left;
+ width: 120px;
+}
+.popup input[type="text"], .popup input[type="password"] {
+ border: 1px solid;
+ border-color: #999 #ccc #ccc;
+ margin: 0;
+ padding: 2px;
+
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ -ms-border-radius: 2px;
+ -o-border-radius: 2px;
+ border-radius: 2px;
+}
+.popup input[type="text"]:hover, .popup input[type="password"]:hover {
+ border-color: #555 #888 #888;
+}
\ No newline at end of file
diff --git a/WebContent/detail.jsp b/WebContent/detail.jsp
new file mode 100644
index 0000000..a9d261e
--- /dev/null
+++ b/WebContent/detail.jsp
@@ -0,0 +1,19 @@
+<%@page import="bean.Barang"%>
+
+<% Barang br = (Barang) request.getAttribute("selected"); %>
+
+<% out.print(br.getNama_barang()); %>
';
+ <%
+ out.println("+")
");
+ out.println("
Deskripsi :
"+br.getKeterangan()+"
");
+ out.println("Request tambahan :
");
+ %>
+
+
';
+
+
\ No newline at end of file
diff --git a/WebContent/editbarang.jsp b/WebContent/editbarang.jsp
new file mode 100644
index 0000000..c5c894c
--- /dev/null
+++ b/WebContent/editbarang.jsp
@@ -0,0 +1,43 @@
+<%@page import="java.util.ArrayList"%>
+<%@page import="bean.Barang"%>
+
+
+
+<%
+ if (session.getAttribute("role")!= null) {
+ if (session.getAttribute("role").equals("admin")){
+%>
+
+
Edit Barang
+
+
+<% if (request.getAttribute("barang") != null) { %>
+ Daftar barang :
+ <%
+ ArrayList barang = (ArrayList)request.getAttribute("barang");
+ for (int i = 0; i < barang.size(); i++){
+ out.println("Nama : "+barang.get(i).getNama_barang());
+ }
+ %>
+<% } %>
+<%
+ } else {
+ out.println("You must logged on as Admin
");
+ }
+ } else {
+ out.println("403 Forbidden
");
+ }
+%>
+
\ No newline at end of file
diff --git a/WebContent/editbarangkategori.jsp b/WebContent/editbarangkategori.jsp
new file mode 100644
index 0000000..7b4dd6c
--- /dev/null
+++ b/WebContent/editbarangkategori.jsp
@@ -0,0 +1,70 @@
+<%@page import="bean.Barang"%>
+<%@page import="java.util.ArrayList"%>
+
+<%
+ ArrayList barang = (ArrayList) request
+ .getAttribute("barang");
+ int pages = Integer.parseInt(request.getParameter("page"));
+ String id = request.getParameter("id");
+ String order = request.getParameter("order");
+ int n_item = 30;
+%>
+
+ <%
+ for (int i = 0; i < barang.size(); i++) {
+ %>
+
+
+ <%
+ }
+ %>
+
+ <%
+ if (pages == 1) {
+ out.println("
Berikutnya>>>");
+ for (int x=1;x<=n_item/10;x++) {
+ out.println("
"+x+"");
+ }
+ } else if (pages >= n_item/10) {
+ out.println("
<<");
+ for (int x=1;x<=n_item/10;x++) {
+ out.println("
"+x+"");
+ }
+ } else {
+ out.println("
Berikutnya>>>");
+ for (int x=1;x<=n_item/10;x++) {
+ out.println("
"+x+"");
+ }
+ out.println("
<<");
+ }
+ out.println("
Sort By :
");
+ out.println("
Nama Barang");
+ out.println("
Harga Barang");
+ %>
+
+
+
\ No newline at end of file
diff --git a/WebContent/editprofile.jsp b/WebContent/editprofile.jsp
new file mode 100644
index 0000000..ad0b725
--- /dev/null
+++ b/WebContent/editprofile.jsp
@@ -0,0 +1,175 @@
+<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
+ pageEncoding="ISO-8859-1"%>
+
+<%@page import="bean.DatabaseAccess"%>
+<%@page import="java.sql.ResultSet"%>
+
+
+<% // Validasi SESSION
+if (session.getAttribute("username") == null){
+ out.println("Login dulu bos
");
+} else {
+ String fullname = null;
+ String password = null;
+ String phonenum = null;
+ String address = null;
+ String province = null;
+ String state = null;
+ String postalcode = null;
+
+ DatabaseAccess dbAccess = new DatabaseAccess();
+ String SQL = "SELECT * FROM `user` WHERE username = '" + session.getAttribute("username") + "'";
+ System.out.println(SQL);
+ ResultSet rs = dbAccess.doQuery(SQL);
+ while (rs.next()) {
+ fullname = rs.getObject(2).toString();
+ password = rs.getObject(3).toString();
+ phonenum = rs.getObject(5).toString();
+ address = rs.getObject(6).toString();
+ province = rs.getObject(7).toString();
+ state = rs.getObject(8).toString();
+ postalcode = rs.getObject(9).toString();
+ }
+%>
+
+<% } %>
+
+
\ No newline at end of file
diff --git a/WebContent/footer.jsp b/WebContent/footer.jsp
new file mode 100644
index 0000000..6a6b888
--- /dev/null
+++ b/WebContent/footer.jsp
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
+
+
+