Aplikasi Pembelajaran Matakuliah Psikiatri Pada Fakultas Kedokteran Berbasis Android

L
A
M
P
I
R
A
N

Universitas Sumatera Utara

Universitas Sumatera Utara

Universitas Sumatera Utara

LAMPIRAN

Listing Program
index.js
var app = {
// Application Constructor

initialize: function() {
this.bindEvents();
},
// Bind Event Listeners
//
// Bind any events that are required on startup. Common events
are:
// 'load', 'deviceready', 'offline', and 'online'.
bindEvents: function() {
document.addEventListener('deviceready',
this.onDeviceReady, false);
},
// deviceready Event Handler
//
// The scope of 'this' is the event. In order to call the
'receivedEvent'
// function, we must explicitly call 'app.receivedEvent(...);'
onDeviceReady: function() {
app.receivedEvent('deviceready');
},

// Update DOM on a Received Event
receivedEvent: function(id) {
// event yang harus ada ketika aplikasi pertama kali dimulai
document.addEventListener('deviceready',
onDeviceReady,
false);
// fungsi yang dipanggil ketika event berhasil di panggil
function onDeviceReady(){
// menguji apakah plugin sqilte sudah terpasang, jika
sudah panggil fungsi successCall, jika tidak panggil fungsi
errorCall
window.sqlitePlugin.echoTest(successCall, errorCall);
var uq;
var istilah;
var arti;
var namaobat;
var pjl;
var i;
// fungsi yang dipanggil pada pengujian plugin sqlite
function successCall(){

// create database baru, jika berhasil panggil fungsi
successCd, jika tidak panggil fungsi errorCd
var db = window.sqlitePlugin.openDatabase({name:
'psikiatri.db', location: 'default'}, successCd, errorCd);
}
// fungsi yang dipanggil pada create database dengan
membawa 1 parameter

Universitas Sumatera Utara

function successCd(db){
// membuka koneksi
db.transaction(function(tx){
// create table istilah
tx.executeSql('CREATE
TABLE
IF
NOT
EXISTS
tbl_istilah

(id_istilah
integer
primary
key
autoincrement,
nm_istilah text, pjl text)', [], function(tx, result){
// alert('success create table istilah');
}, function(error){
alert('failed create table istilah');
});
// create table obat
tx.executeSql('CREATE TABLE IF NOT EXISTS tbl_obat
(id_obat integer primary key autoincrement, nm_obat text, pjl_obat
text)', [], function(tx, result){
// alert('success create table obat');
}, function(error){
alert('failed create table obat');
});
// create table obat
tx.executeSql('CREATE

TABLE
IF
NOT
EXISTS
tbl_penyakit (id_penyakit integer primary key autoincrement,
nm_penyakit text, pjl_penyakit text)', [], function(tx, result){
// alert('success create table penyakit');
}, function(error){
alert('failed create table penyakit');
});
// insert to table istilah
tx.executeSql("INSERT INTO tbl_istilah (id_istilah, nm_istilah,
pjl) VALUES(1, 'Afek', 'Manifestasi eksternal dari emosi yang dapat
diamati.'),(2, 'Afek tidak serasi ', 'Emosi yang diekspresikan oleh
pasien berbeda jauh dari yang diharapkan pada situasi tersebut
(misalnya berbinar-binar, afek bahagia ketika menggambarkan
kehilangan yang menyakitkan).'),(3, 'Afek tumpul', 'Kisaran respons
emosional pasien sangat terbatas; kisaran normal emosi (tertawa
atau tampak sedih pada saat yang tepat) tidak ditemui; merupakan
gejala negatif pada skizofrenia.'),(4, 'Agitasi psikomotor',

'Peningkatan aktivitas motorik secara keseluruhan; muncul pada
manik.'),(5, 'Agnosia', 'Kehilangan kemampuan untuk mengenali
benda, orang, suara, bau, atau stimulus sensorik lain yang bukan
disebabkan karena gangguan sensorik.'),(6, 'Akatisia', 'Perasaan
gelisah yang subjektif dan tidak menyenangkan yang mengakibatkan
ketidakmampuan untuk duduk tenang atau kebutuhan untuk melangkah
bolak-balik.'),(7, 'Anhedonia', 'Ketidakmampuan untuk merasakan
kesenangan ketika melakukan aktivitas-aktivitas yang biasanya
disenangi.'),(8, 'Aritmomania', 'Suatu kompulsi yang melibatkan
menghitung.'),(9, 'Asosiasi bebas', 'Proses dalam psikoanalisis
dimana pasien diundang untuk mengatakan apapun yang ada didalam
pikirannya.'),(10, 'Bicara sirkumstansial', 'Cara bicara yang tidak
berhubungan satu sama lain dan memakan waktu lama untuk mencapai
maksud yang ingin disampaikan.')", [], successX, errorX);
// insert to table obat
tx.executeSql("INSERT INTO tbl_obat (id_obat, nm_obat, pjl_obat)
VALUES(1, 'Antipsikotik Tipikal', 'Menghambat reseptor dopamin,
tetapi juga menghambat reseptor kolinergik, adrenergik, dan
histaminergik.'),(2, 'Antipsikotik Atipikal ', 'Menghambat reseptor
dopamin, biasanya dengan afinitas yang lebih rendah, selain sebagai

Universitas Sumatera Utara

antagonis 5HT2.'),(3, 'SSRI (sitalopram, fluvoksamin, fluoksetin,
setralin, dan paroksetin)', 'Golongan antidepresanyang paling
sering
diresepkan
di
negara-negara
maju.'),(4,
'Antimanik
(Litium)', 'Penstabil mood yang paling umum dijumpai. Obat ini
digunakan sebagai profilaksispada gangguan afektif berulang
(unipolar dan bipolar), penatalaksanaan akut untuk manik, dan
sebagai tambahan obat antidepresan pada depresi resisten.'),(5,
'Terapi Elektrokonvulsif (ECT)', 'Penatalaksanaan yang mencetuskan
efek yang kompleks, termasuk pelepasan neurotransmiter, peningkatan
sementara pada permeabilitas sawar darah-otak, sekresi hormon
hipotalamus dan hipofisis, dan pengaturan reseptor neurotransmiter
yang serupa dengan yang dicetuskan oleh obat antidepresan.'),(6,

'Eye movement desensitization and reprocessing (EMDR)',
'Suatu penatalaksanaanpsikoterapi yang bertujuan untuk membantu
pasien mengakses dan memproses ingatan traumatik dengan tujuan
menyelesaikannya secara emosional.')", [], successX, errorX);
// insert to table penyakit
tx.executeSql("INSERT INTO tbl_penyakit (id_penyakit, nm_penyakit,
pjl_penyakit) VALUES(1, 'Demensia','Demensia atau yang biasa
disebut pikun merupakan suatu sindrom meliputi gangguan memori,
bahasa, pemikiran, dan penilaian yang menyebabkan menurunnya
kemampuan hidup sehari-hari dan perilaku yang abnormal. Demensia
menjadi lebih sering seiring peningkatan usia, biasanya jarang
ditemukan sebelum usia 65 tahun. Namun pada populasi 65 tahun keatas
mengenai
5%,
usia
75
tahun
10%,
dan
usia

85
tahun
25%.Klasifikasi :1. Demensia Alzheimer
(Alzheimer’s
disease,
AD)Penyebab
demensia
tipe
Alzheimer belum diketahui namun secara monokular penanda penyakit
ini ditandai dengan adanya deposit amiloid. 40% pasien memiliki
riwayat keluarga demensia Alzheimer. Gangguan ini diturunkan dalam
keluarga melalui gen autosom dominan yang berhubungan dengan
kromosom 14 dan 21. Gen untuk protein perkusor amiloid terdapat
pada kromosom 21.Gambaran kasar neuroanatomi pasien
penyakit Alzheimer adalah atrofi difus dengan sulkus korteks yang
mendatar dan ventrikel serebri yang melebar. Pasien dengan demensia
Alzheimer mengalami ketidakseimbangan produksi β amiloid
dengan pembersihan β amiloid. Temuan Mikroskopik Alzheimer
berupa plak senilis, hilangnya neuron terutama di korteks dan
hipokampus, hilangnya sinaps hingga 50% dikorteks. Plak Senilis

atau disebut plak amiloid merupakan indikasi adanya Alzheimer.
Neurotransmiter yang berhubungan dengan patofisiologi penyakit
Alzheimer adalah asetilkolin dan norepinefrin yang menjadi
hipoaktif. Penurunan konsentrasi kolin asetiltranferase
yang merupakan enzim untuk sintesis asetil kolin menunjukkan
berkurangnya jumlah neuron kolinergik yang tersedia. Penurunan
aktivitas norepinefrin menunjukkan berkurangnya neuron yang
mengandung norepinefrin di lokus cerelus. Diketahui juga glutamat,
somatostatin dan kortikotropin mengalami penurunan konsentrasi pada
penyakit Alzheimer. Penyebab lainnya oleh karena normalitas
regulasi metabolisme membran fosfolipid menjadi kaku. Keracunan
aluminium juga dianggap sebagai penyebab Alzheimer.2.
Demensia VaskularPaling sering ditemukan pada pria terutama
dengan riwayat hipertensi dan penyakit kardiovaskular sebelumnya.
Gangguan ini terutama mempengaruhi pembuluh serebral yang berukuran
kecil dan sedang kemudian mengalami infark oleh karena oklusi
pembuluh
darah
oleh
plak

ateriosklorotik
dan
tromboemboli
menyebabkan
lesi
di
parenkim
yang
tersebar
secara
luas
diotak.3. Demensia Lewy Body (DLB)Demensia ini

Universitas Sumatera Utara

dikaitkan dengan adanya Lewy Body di gangliabasalis dan korteks
serebri seperti pada penyakit Parkinson. Sekitar ¼ pasien
Parkinson akhirnya mengalami demensia ini disebut demensia penyakit
Parkinson. Demensia frontotemporal mempengaruhi lobus temporal
anterior dan frontal.4.
Demensia Terkait Penyakit
Laina. Penyakit Binswanger atau disebut ensefalopati
arteriosklerotik subkortikal.b. Penyakit Pick ditandai oleh
artrofi di redio frontotemporerc. Penyakit Jisim Lewy ditandai
dengan jisim inklusi lewy dikorteks serebri.d. HIV, risiko
pasein HIV mengalami demensia sekitar 14% oleh karena sekitar 75%
pasien AIDS mengalami sistem saraf pusat pada saat otopsi.e.
Trauma Kepala yang berulang-ulang menyebabkan demensia dan sindrom
nueropsikiatri
lainnya.Gambaran
Klinis
:
a.
Perubahan
Kepribadian
:Pasien
menjadi
intropert dan tampak kurang peduli dibanding sebelumnya, memiliki
waham paranoid biasanya bermusuhan dengan anggota keluarga dan
perawat.b. Perubahan Mood : Pasien demensia
mengalami gangguan depresi pada 10-20% pasien. Pasien dapat
mengeluarkan tangisan atau tawa yang ekstrim tanpa penyebab yang
jelas.c. Perubahan Kognitif : Terjadi afasia,
apraksia dan agnosia. Pengobatan : Tindakan
pencegahan penting untuk dilakukan terutama pada demensia vaskular
seperti perubahan diet, olahraga, pengendalian diabetes dan
hipertensi. Pendekatan pengobatan pada pasien secara umum dengan
memberikan dukungan emosional pasien dan keluarga serta terapi
farmakologis. Farmakoterapi dengan meresepkan benzodiazepin untuk
keluhan insomnia dan anstetas, anti depresan untuk depresi dan anti
sikotik untuk waham dan halusinasi. Untuk mengobati gangguan
kognitif dapat menggunakan penghambat kolin esterase seperti
donepezil, rivastigmin, galantamin dan takrin.
Prognosis
Pasien
demensia
memerlukan
perawatan
menyeluruh. Pasien dapat meninggal diusia muda, pasien dengan
demensia vaskular memiliki prognosis yang lebih buruk dibandingkan
Alzheimer.'),(2, 'Delirium','Delirium adalah sindrom yang
berkaitan dengan tingkat kesadaran dan gangguan kognitif yang timbul
dalam waktu singkat. Delirium sering ditemukan pada anak-anak dan
lansia.
Pencetusnya
dapat
dibagi
menjadi
intrakranial
dan
ekstrakranial. Intrakranial meliputi trauma, kelainan vaskular
seperti stroke dan pendarahan, epilepsi, tumor intrakranial, dan
infeksi intrakranial. Penyebab ekstrakranial meliputi infeksi
saluran kemih (ISK), pneumonia, septikemia, reaksi toksik obatobatan, alkohol, penyebab metabolik, dan nutrisional.
Gambaran Klinis : Penurunan tingkat kesadaran,
berkurangnya kemampuan memfokuskan, penurunan memori, gangguan
persepsi seperti ilusi dan halusinasi, gangguan siklus tidur,
perubahan
mood.
Gejala
ini
memburuk
di
malam
hari
atau
senja.Pengobatan :Dua gejala umum delirium
yang memerlukan pengobatan farmakologis adalah psikosis dan
insomnia. Pilihan obat psikosis adalah haloperidol diberikan secara
inframuskular diulang satu jam bila pasien masih teragitasi.
Insomnia paling baik diobati dengan benzodiazepin.')", [],
successX, errorX);
function successX(tx, result){
//
}
function errorX(err){
//
}

Universitas Sumatera Utara

});
}
function errorCd(){
alert('failed create DB');
}
function errorCall(){
alert('error adding plugin sqlite');
}
}
$(document).on('pagecreate','#home', function(){
document.addEventListener("backbutton", function(e){
if($.mobile.activePage.is('#home')){
e.preventDefault();
}
else {
parent.history.back();
}
}, false);
$('#keluar').on('click', function(){
navigator.app.exitApp();
});
});
$(document).on('pageinit','#pageistilah',function(){
db = window.sqlitePlugin.openDatabase({name: 'psikiatri.db',
location: 'default'}, successPi, errorPi);
function successPi(db){
db.transaction(function(tx){
$('#cl').empty();
$('#cl').on('taphold', '.cl', function(event) {
// alert($(this).attr('uq'));
uq = $(this).attr('uq');
istilah = $(this).attr('istilah');
arti = $(this).attr('arti');
$('.ui-bar-i h1').css({"background":"#000"});
// alert(istilah);
// alert(arti);
$('.hapus-icon').toggle();
$('.edit-icon').toggle();
$('.tambah-icon').toggle();
});
$('#page').pagination({
dataSource: function(done){
tx.executeSql("SELECT * FROM tbl_istilah ORDER
BY nm_istilah ASC", [], function(tx, results){
var len = results.rows.length;
result = [];
for (var i = 0; i < len; i++) {
result.push(''+results.rows.item(i).nm_isti
lah.split("-").join("
")+''+results.rows.item(i).pjl+'');
};
done(result);
}, function(err){});
},
pageSize:20,
showPageNumbers: false,
callback: function(data, pagination){
// template method of yourself
var html = data;
$('#cl').html(html).collapsibleset('refresh');
}
});
}, function(err){
alert('error - ' + JSON.stringify(err));
});
}
function errorPi(err){
alert('error openDatabase - ' +
JSON.stringify(err));
}
$('#save').on('click', function(){
var nama = $('#istilah').val();
var arti = $('#arti').val();
var method = $('#popup_dialog').attr('datamethod');
//
//
//
//

alert(method);
alert(nama);
alert(arti);
alert(uq);

if(method == 'edit'){
db.transaction(function(tx){
tx.executeSql("UPDATE tbl_istilah SET
nm_istilah = ?, pjl = ? WHERE id_istilah =
?",[nama,arti,uq],successX, errorX);
},function(err){alert('error db - '+
JSON.stringify(err))});
$('#popup_dialog').attr('data-method','save');
$('#istilah').val('');
$('#arti').val('');
$('.hapus-icon').toggle();
$('.edit-icon').toggle();
$('.tambah-icon').toggle();
}else if(method == 'save'){
db.transaction(function(tx){
tx.executeSql("INSERT INTO tbl_istilah
(nm_istilah, pjl) VALUES (?,?)", [nama,arti], successX, errorX);
}, function(err){
alert('error - ' + JSON.stringify(err));

Universitas Sumatera Utara

});
function successX(result){
if(method == 'save'){
alert('success input data');
}else{
alert('success update data');
}
db.transaction(function(tx){
$('#cl').empty();
$('#page').pagination({
dataSource: function(done){
tx.executeSql("SELECT * FROM
tbl_istilah ORDER BY nm_istilah ASC", [], function(tx, results){
var len =
results.rows.length;
result = [];
for (var i = 0; i < len; i++) {
result.push(''+results.rows.item(i).nm_isti
lah+''+results.rows.item(i).pjl+'');
};
done(result);
}, function(err){});
},
pageSize:20,
showPageNumbers: false,
callback: function(data, pagination){
// template method of yourself
var html = data;
$('#cl').html(html).collapsibleset('refresh');
}
});
}, function(err){
alert('error - ' +
JSON.stringify(err));
});
}
function errorX(err){
alert('error - ' + JSON.stringify(err));
}
}
});
$('#delete').on('click', function(){
var answer = confirm('Are you sure delete data ?
');
if(answer == true){
db.transaction(function(tx){
tx.executeSql('DELETE FROM tbl_istilah WHERE
id_istilah = ?',[uq],successX, errorX);
},function(err){alert('error db - '+
JSON.stringify(err))});

Universitas Sumatera Utara

function successX(result){
alert('success delete data');
db.transaction(function(tx){
$('#cl').empty();
$('#page').pagination({
dataSource: function(done){
tx.executeSql("SELECT * FROM tbl_istilah
ORDER BY nm_istilah ASC", [], function(tx, results){
var len =
results.rows.length;
result = [];
for (var i = 0; i < len;
i++) {
result.push(''+results.rows.item(i).nm_isti
lah+''+results.rows.item(i).pjl+'');
};
done(result);
}, function(err){});
},
pageSize:20,
showPageNumbers: false,
callback: function(data, pagination){
// template method of yourself
var html = data;
$('#cl').html(html).collapsibleset('refresh');
}
});
}, function(err){
alert('error - ' +
JSON.stringify(err));
});
}
function errorX(err){
alert('error - ' + JSON.stringify(err));}
$('.hapus-icon').toggle();
$('.edit-icon').toggle();
$('.tambah-icon').toggle();
}else{
//nothing action
}
});
$('#edit').on('click', function(){
$('#istilah').val(istilah);
$('#arti').val(arti);
$('#popup_dialog').attr('data-method','edit');
$('#popup_dialog').popup('open');
});
});
app.initialize();

Universitas Sumatera Utara

cari.js
$(document).on('pagecreate','#pagepencarian',function(){
db = window.sqlitePlugin.openDatabase({name: 'psikiatri.db',
location: 1}, successPi, errorPi);
function successPi(db){
$('#set').empty();
db.transaction(function(tx){
tx.executeSql("SELECT * FROM tbl_istilah", [],
function(tx,result){
var len = result.rows.length;
for (var i = 0; i < len; i++) {
$('#set').append(''+result.rows.item(i).nm_istilah+''+result.rows
.item(i).pjl+'').end().trigger("create");
};
$('.cl').hide();
$('div[datarole=collapsible]').collapsible({refresh:true});
$('[data-role="listview"]').refresh();
},function(err){alert('error')});
});
}
$('input').on('click',function(){
$('.cl').show();
});
function errorPi(){}
// var cari = $('#search1').val();
});

shareSosmed.js
$(document).on('pagecreate','#detailpenyakit', function(){
var arr_tmp;
var len;
var arr;
$('#share').on('click', function(){
window.plugins.socialsharing.share($('#content').text());
});
});
$(document).on('pageload','#detailpenyakit', function(){
alert($('#content').text());
});

Universitas Sumatera Utara

index.html



Aplikasi Pembelajaran Psikiatri















$(document).bind("mobileinit", function(){
$.mobile.page.prototype.options.domCache = false;
});
$(document).bind("mobileinit", function(){
$.mobile.defaultPageTransition = 'none';
});
$('div').on('pagehide', function(event, ui){
var page = jQuery(event.target);
if(page.attr('data-cache') == 'never'){
page.remove();
};
});







(function () {
'use strict';
if (!('addEventListener' in window)) {
return;
}

Universitas Sumatera Utara

var htmlElement = document.querySelector('html');
function touchStart () {
document.querySelector('html').classList.remove('hover-active');
htmlElement.removeEventListener('touchstart',
touchStart);
}
htmlElement.addEventListener('touchstart',
touchStart);
}());




daftaristilah.html









Daftar Istilah











Beranda
Menu
Cari






Universitas Sumatera Utara




Tambah Istilah


Istilah

Arti



Simpan


Batal










jenisobat.html









Jenis Obat










Universitas Sumatera Utara



Beranda
Menu
Cari








Tambah Jenis Obat


Nama Obat

Penjelasan



Simpan


Batal










jenispenyakit.html









Universitas Sumatera Utara


Jenis Penyakit











Beranda
Menu
Cari









Tambah Jenis Penyakit


Nama Penyakit

Penjelasan



Simpan


Batal









Universitas Sumatera Utara

menuutama.html









Menu


Keluar





Psikiatri ?


Daftar Istilah


Jenis Obat


Jenis Penyakit


Pencarian


Tentang




D3 TI USU 2016





Universitas Sumatera Utara

pencarian.html









Pencarian


Beranda
Menu
Cari













pengenalan.html









Psikiatri ?


Beranda
Menu

Universitas Sumatera Utara

Cari





Apa itu PSIKIATRI ??

Psikiatri adalah salah satu ilmu dalam bidang
kedokteran. Psikiatri adalah ilmu yang membahas tentang
kejiwaan. Aplikasi ini dibuat dengan tujuan untuk
mempermudah mahasiswa/mahasiswi kedokteran dalam mempelajari ilmu
kedokteran. Dalam aplikasi ini terdapat istilah kata dalam
psikiatri, jenis obatnya dan jenis penyakit dalam psikiatri,
sehingga mahasiswa/mahasiswi tidak perlu lagi membawa buku yang
berat dan tebal.



D3 TI USU 2016





tampilpenyakit.html
















tentang.html







Universitas Sumatera Utara




Tentang Aplikasi


Beranda
Menu
Cari





Tentang Aplikasi

Aplikasi ini dibuat dengan menggunakan bahasa
pemrograman HTML5, CSS3, dan JavaScript,
dengan menggunakan teknik sistem penyimpanan data berbasis
local storage yang mana konsepnya adalah menyimpan data
kedalam memori penyimpanan device itu sendiri, sehingga
tidak diperlukan lagi jaringan internet untuk menampilkan datadata yang tersipan dalam database.



D3 TI USU 2016





config.xml


Psikiatri

A sample Apache Cordova application that responds to the
deviceready event.


Apache Cordova Team






Universitas Sumatera Utara











src="res/screen/android/screen.png" density="landsrc="res/screen/android/screen.png" density="landsrc="res/screen/android/screen.png" density="landsrc="res/screen/android/screen.png" density="land-













style.css
@media all and (min-width: 1001px){
img{
width: 100%;
height: 100%;
}
#btn_mulai{
position: absolute;
width: 35%;
height: 7%;
bottom: 5%;
margin-right: 30%;
margin-left: 25%;
}
}
@media all and (max-width:1000px) and (min-width: 700px){
img{
width: 100%;
height: 100%;
}

Universitas Sumatera Utara

#btn_mulai{
position: absolute;
width: 35%;
height: 7%;
bottom: 5%;
margin-right: 30%;
margin-left: 30%;
}
}
@media all and (max-width: 700px) and (min-width: 320px){
img{
width: 100%;
height: 100%;
}
#btn_mulai{
position: absolute;
width: 35%;
height: 7%;
bottom: 15%;
margin-right: 30%;
margin-left: 0;
}
}
@media all and (max-width: 310px) and (min-width: 240px){
img{
width: 100%;
height: 100%;
}
#btn_mulai{
position: absolute;
width: 35%;
height: 7%;
bottom: 194px;
left: 0;
}
}
#btn_mulai{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
}
h3 {
display: block;
font-size: 1.17em;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;

Universitas Sumatera Utara

font-weight: bold;
font-family: Comic Sans MS;
}
#page1{
background-image: url("img/cover.png");
background-repeat:repeat-y;
background-position:center center;
background-attachment:fixed;
background-size:100% 100%;
}
#home{
background-image: url("img/background.png");
background-repeat:repeat-y;
background-position:center center;
background-attachment:fixed;
background-size:100% 100%;
}
.ui-page-theme-b .ui-btn, html .ui-bar-b .ui-btn, html .ui-body-b
.ui-btn, html body .ui-group-theme-b .ui-btn, html head+body .uibtn.ui-btn-b, .ui-page-theme-b .ui-btn:visited, html .ui-bar-b .uibtn:visited, html .ui-body-b .ui-btn:visited, html body .ui-grouptheme-b .ui-btn:visited, html head+body .ui-btn.ui-btn-b:visited{
background-color: #fff;
border-color: #1f1f1f;
color: #fff;
text-shadow: 0 1px 0 #111;
box-shadow: none;
}
.ui-page-theme-a .ui-btn, html .ui-bar-a .ui-btn, html .ui-body-a
.ui-btn, html body .ui-group-theme-a .ui-btn, html head+body .uibtn.ui-btn-a, .ui-page-theme-a .ui-btn:visited, html .ui-bar-a .uibtn:visited, html .ui-body-a .ui-btn:visited, html body .ui-grouptheme-a .ui-btn:visited, html head+body .ui-btn.ui-btn-a:visited {
background-color: #ffffff;
border: none;
color: #333;
box-shadow: none;
font-family: Comic Sans MS;
font-size: 12px;
}
.ui-overlay-a,
.ui-page-theme-a,
wrapper{
background: #fff;
}

.ui-page-theme-a

.ui-panel-

.cahyo{
position: relative;
}
.cahyo-ikon{

Universitas Sumatera Utara

position: absolute;
top: 0px;
right: 0px;
width: 50px;
height: 42px;
background-image: url("img/menu_dot.png");
background-repeat: no-repeat;
background-size: 50px 42px;
cursor: pointer;
}
.share{
position: relative;
}
.share-ikon{
position: absolute;
top: 9px;
right: 14px;
width: 20px;
height: 21px;
background-image: url("img/share.png");
background-repeat: no-repeat;
background-size: 20px 21px;
cursor: pointer;
}
.menu-utama-cahaya{
display: none;
margin: 0px;
padding: 0px;
position: absolute;
top: 50px;
right: 10px;
z-index: 99;
background-color: #f5f5f5;
border: 1px transparent;
border-radius: 2%;
text-align: left;
}
.menu-utama-cahaya li{
margin: 0px;
padding: 0px;
display: block;
}
.menu-utama-cahaya a{
display: block;
text-decoration: none;
color: #333333;
padding: 10px;
font-family: Comic Sans MS;
font-size: 15px;
}

Universitas Sumatera Utara

.menu-utama-cahaya a:active{
background-color: #DADADA;
color: #000000;
}
a.ui-btn.ui-btn-inline.ui-btn-i {
background-color: #1D6FA5;
color: #fff;
}
a.ui-btn.ui-btn-inline.ui-btn-i.right {
float: right;
}
.menu-utama-cahaya img{
width: 25px;
height: 25px;
padding-right: 25px;
padding-top: 2px;
}
.ui-header .ui-title~.ui-navbar .ui-btn, .ui-footer .ui-title~.uinavbar .ui-btn, .ui-header .ui-navbar .ui-grid-duo .ui-btn, .uifooter .ui-navbar .ui-grid-duo .ui-btn, .ui-header .ui-title~.uinavbar .ui-grid-duo .ui-block-a:first-child .ui-btn, .ui-footer
.ui-title~.ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn,
.ui-header .ui-title~.ui-navbar .ui-grid-duo .ui-block-a:firstchild+.ui-block-b .ui-btn, .ui-footer .ui-title~.ui-navbar .uigrid-duo .ui-block-a:first-child+.ui-block-b .ui-btn {
border-top-width: 5px;
background-color: #1D6FA5;
border-color: black;
}
.ui-listview>.ui-li-static,
listview>li>a.ui-btn {
border-width: 1px 0 0;
border-style: none;
}

.ui-listview>.ui-li-divider,

.ui-

.ui-listview>.ui-li-static,
listview>li>a.ui-btn {
border-width: 1px 0 0;
border-style: none;
}

.ui-listview>.ui-li-divider,

.ui-

.tambah{
position: relative;
}
.arti{
text-align: center;
}
.tambah-icon{

Universitas Sumatera Utara

position: absolute;
top: 10px;
right: 15px;
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-size: 50px 42px;
cursor: pointer;
background-color: #1D6FA5;
}
.edit-icon{
position: absolute;
top: 10px;
right: 50px;
width: 14px;
height: 16px;
background-repeat: no-repeat;
background-size: 50px 42px;
cursor: pointer;
background-color: #1D6FA5;
display: none;
}
.hapus-icon{
position: absolute;
top: 10px;
right: 15px;
width: 12px;
height: 16px;
background-repeat: no-repeat;
background-size: 50px 42px;
cursor: pointer;
background-color: #1D6FA5;
display: none;
}
.arti h2{
text-align: center;
font-family: Segoe Print;
font-size: 20PX;
}
.arti p{
text-align: justify;
font-family: Segoe Print;
font-size: 15px;
}
.arti img{
width: 60%;
}
r{color: red;}

Universitas Sumatera Utara

.tentang{
text-align: center;
background-color: #fff;
}
.tentang h2{
text-align: center;
font-family: Segoe Print;
font-size: 20PX;
}
.tentang p{
text-align: left;
font-family: Segoe Print;
font-size: 15px;
}
.tentang img{
width: 60%;
}
r{color: red;}
.ui-navbar li .ui-btn{
border-color: #ffffff;
}
p {
display: block;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
.logo{
position: relative;
}
/*.logo-icon{
position: absolute;
top: 0px;
left: 0px;
width: 50px;
height: 42px;
background-image: url("img/logo.png");
background-repeat: no-repeat;
background-size: 50px 42px;
}
*/
.ui-collapsible-themed-content .ui-collapsible-content{
border-style: none;
}

Universitas Sumatera Utara

.ui-overlay-a,
.ui-page-theme-a,
wrapper{
text-shadow: none;
color: #333;
}

.ui-page-theme-a

.ui-panel-

h3.ui-title {
color: #fff;
}
a.ui-link.ui-btn.ui-btn-icon-top{
text-shadow: none;
color: #fff;
}
.cahyo.ui-header.ui-bar-i {
border-bottom: 1px solid #fff;
border-right: none;
border-left: none;
border-top: none;
}
.ui-footer.ui-bar-i {
border-bottom: none;
border-right: none;
border-left: none;
border-top: 1px solid #fff;
}
a.ui-link.ui-btn.ui-shadow.ui-corner-all {
background-color: transparent;
color: #fff;
}
div#header {
border: 1px solid #1D6FA5;
}
.logo.ui-header.ui-bar-i {
border: 1px solid #1D6FA5;
}
.ui-header.ui-bar-i {
border: 1px solid #1D6FA5;
}
.ui-page-theme-a .ui-btn:focus, html .ui-bar-a .ui-btn:focus, html
.ui-body-a
.ui-btn:focus,
html
body
.ui-group-theme-a
.uibtn:focus, html head+body .ui-btn.ui-btn-a:focus, .ui-page-theme-a
.ui-focus, html .ui-bar-a .ui-focus, html .ui-body-a .ui-focus,
html body .ui-group-theme-a .ui-focus, html head+body .ui-btn-a.uifocus, html head+body .ui-body-a.ui-focus{
-webkit-box-shadow: 0 0 12px #fff;

Universitas Sumatera Utara

-moz-box-shadow: 0 0 12px #fff;
box-shadow: 0 0 12px #fff;
}
.hover-active .mybutton:hover {
box-shadow: 1px 1px 1px #000;
}
.paginationjs ul{
text-align: center;
padding: 20px;
color: #fff;
}
.paginationjs ul li.disabled a{
background-color: #35a;
}
.paginationjs ul li{
display: inline-block;
}
.paginationjs ul li a{
padding: 15px;
overflow: hidden;
background-color: #38f;
text-decoration: none;
color: transparent;
}
.paginationjs ul li a:hover{
color: transparent;
}
.paginationjs ul li.paginationjs-prev a{
background-image: url("img/icons-png/arrow-l-white.png");
background-repeat: no-repeat;
background-size: 13px 13px;
background-position: center center;
}
.paginationjs ul li.paginationjs-next a{
background-image: url("img/icons-png/arrow-r-white.png");
background-repeat: no-repeat;
background-size: 13px 13px;
background-position: center center;
}
.paginationjs ul li:nth-child(1){
margin-right: 2px;
}
.paginationjs ul li:nth-child(2){
}

Universitas Sumatera Utara

a.ui-collapsible-heading-toggle.ui-btn.ui-icon-carat-d.ui-btnicon-right.ui-btn-inherit{
color: #333;
}

Universitas Sumatera Utara

Universitas Sumatera Utara

Universitas Sumatera Utara