Sistem

Diperbaharui: 07 Maret 2017

Pengantar

Sistem adalah aplikasi utama platform yang menyediakan fitur-firur untuk aplikasi lain yang berada pada platform. Beberapa fitur yang disediakan oleh sistem :

  1. Manajemen Pengguna
  2. Pengaturan Modul
  3. Fitur Notifikasi
  4. Fitur Aproval
  5. Fitur Perusahaan

Pengguna

Auth Login

Fungsi untuk melakukan login/authentikasi masuk ke sistem.

Parameter Input
VariabelTypeValueKeterangan
headers
aplikasihiddensistemConstant
formathiddenjsonConstant
casehiddenuser__json_nonlogin_auth_loginConstant
sistem_data_gidhiddenplatformID group data anda (default: platform)
contents
USER_EMAILtext-Nama pengguna, email, atau NIK
USER_PWDtext-Kata sandi, RAHASIA
IPhidden-Optional
USER_LOG_OShidden-Optional
USER_LOG_DEVICEhidden-Optional
USER_LOG_BROWSERhidden-Optional
footers
Skrip - JavaScript

Run

<script> 
//#######################################################################
//# author 	: Zakiman Hamid  (Copy @ 2017)
//# Function JavaScript menjalankan API server menggunakan getJSON. 
//# Code ini bebeas dikembangkan dan dimodifikasi.
//#----------------------------------------------------------------------
function appLoginTheme(data){
	if(data.respon.pesan=="sukses"){
		$.cookie('username', 'sukses', { expires:1 });
		$.cookie('data_http',data.result.items.DATA_HTTP, { expires:1 });
		$.cookie('token_http',data.result.items.TOKEN_HTTP, { expires:1 }); 
		window.location="dashboard.html";
	}else if(data.respon.pesan=="gagal"){
		//error login gagal
		$(".btn-login").html("Sign In");$(".btn-login").removeAttr("disabled");
		alert(data.respon.text_msg);
		setTimeout(function() {
			$(".alert").alert('close');
		}, 4000);
		$.cookie('username', 'null', { expires:1 });
		$.cookie('data_http','0', { expires:1 });
	}
}	
function appLogin(){
	//var params="case=sistem_auth_login&"+$(".fLogin").serialize()+'&apiKey='+apiKey+'&apiUser='+apiUser;
	$(".btn-login").html("Loading...");$(".btn-login").attr("disabled","disabled");
	var params ={
			//parameter kepala sebagai parameter informasi dan authentikasi
			headers:{
					aplikasi:"sistem",
					format:"json",
					case:"user__json_nonlogin_auth_login",  //module: user  , case module : json_nonlogin_auth_login
					sistem_data_gid:sistem_data_gid,
					},
			//parameter input untuk disimpan ke database atau sebagai filter data	
			contents:{
					USER_EMAIL:$(".fLogin .USER_EMAIL").val(),
					USER_PWD:$(".fLogin .USER_PWD").val(),
					},
			//parameter kaki untuk halaman dan batas record tampil tiap halaman	
			footers:{}
			}; //parameter
			connectJSONP(params,appLoginTheme);	
}//end 
</script>

Auth Logout

Fungsi untuk menghapus cookie atau keluar dari sistem.

Parameter Input
VariabelTypeValueKeterangan
headers
aplikasihiddensistemConstant
formathiddenjsonConstant
casehiddenuser__json_nonlogin_auth_logoutConstant
sistem_data_gidhidden-ID group data anda
data_httphidden-Data auth login
token_httphidden-Token auth login
contents
footers
Skrip - JavaScript
<script> 
//#######################################################################
//# author 	: Zakiman Hamid  (Copy @ 2017)
//# Function JavaScript menjalankan API server menggunakan getJSON. 
//# Code ini bebeas dikembangkan dan dimodifikasi.
//#----------------------------------------------------------------------
function appsLogout() {
    var params ={
		//parameter kepala sebagai parameter informasi dan authentikasi
		headers:{
			aplikasi:"sistem",
			format:"json",
			case:"user__json_nonlogin_auth_logout",  //module: user  , case module : json_nonlogin_auth_login
			data_http:$.cookie('data_http'), //wajib ketika akses data menggunakan autentikasi
			token_http:$.cookie('token_http'), //wajib ketika akses data menggunakan autentikasi
			sistem_data_gid:sistem_data_gid
			},
		//parameter input untuk disimpan ke database atau sebagai filter data	
		contents:{ },
		//parameter kaki untuk halaman dan batas record tampil tiap halaman	
		footers:{ }
	}; //parameter
    connectJSONP(params,appsLogoutTheme);
}//end logout

function appsLogoutTheme(data){
	if(data.respon.pesan=="sukses"){
		//bersihkan cookie
		$.cookie('username', 'null', { expires:1 });
		$.cookie('data_http','0', { expires:1 });
		$.cookie('token_http','0', { expires:1 }); 
		window.location="index.html";
	}else if(data.respon.pesan=="gagal"){
		alert(data.respon.text_msg);
	}
}//end theme   
</script>

Typeahead

Fungsi untuk menghapus cookie atau keluar dari sistem.

Parameter Input
VariabelTypeValueKeterangan
headers
aplikasihiddensistemConstant
formathiddentypeaheadConstant
casehiddenuser__json_nonlogin_auth_loginConstant
sistem_data_gidhiddenplatformID group data anda (default: platform)
contents
qtext-Keyword
footers
Typeahead Library
<script type="text/javascript" src="https://apis.web.id/asset/js/typeahead.min.js"></script>
Skrip - JavaScript
<script> 
$('#USER_NAME').typeahead({		
			//local: ['alpha','allpha2','alpha3','bravo','charlie','delta','epsilon','gamma','zulu']
			//prefetch:'developer/list.json'
			remote:domain+'?headers[aplikasi]=sistem&headers[format]=typeahead&headers[case]=user__json_users_list_typeahead_nonlogin&contents[q]=%QUERY'
});$('.tt-query').css('background-color','#fff');    
</script>

Mailer

Fungsi untuk notifikasi ke webmaster/web admin pada saat ada form kontak diisi oleh pelanggan/pengunjung web.

Parameter Input
VariabelTypeValueKeterangan
headers
aplikasihiddensistemConstant
formathiddentypeaheadConstant
casehiddenuser__json_nonlogin_auth_loginConstant
sistem_data_gidhiddenplatformID group data anda (default: platform)
api_userhidden User akses APIConstant
api_keyhiddenKey Akses APIConstant
contents
nametext Nama pelangganrequired
phonetextTelepon pelangganrequired
emailtextEmail pelangganrequired
messagetextPesan/komentar dari pelangganrequired
contact_owner_namehiddenNama situsrequired
footers
halamantext-optional
batastext-optional
Skrip - PHP
<?php 
#-> 1. Panggil class jsonp
require_once("jsonp.class.php");
#-> 2. Aktifkan class
$JSONP=new JSONP();
#-> 3. Atur parameter
$params=array(
	//parameter kepala sebagai parameter informasi dan authentikasi
	'headers'=>json_encode(array(
		'aplikasi'=>"sistem",
		'format'=>"json",
		'case'=>"user__json_nonlogin_send_mail_notification_contact",  //module: user  , case module : json_nonlogin_auth_login
		'data_http'=>"LOGIN_COOKIE", //wajib ketika akses data menggunakan autentikasi
		'token_http'=>"LOGIN_COOKIE", //wajib ketika akses data menggunakan autentikasi
		'sistem_data_gid'=>'sistem_data_gid',
		'api_user'=>'api_user',
		'api_key'=>'api_key',
	)),
	//parameter input untuk disimpan ke database atau sebagai filter data
	'contents'=>json_encode(array(
		'name'=>$_POST['name'], //requred
		'phone'=>$_POST['phone'], //requred
		'email'=>$_POST['email'], //requred
		'message'=>$_POST['message'], //optional
		'contact_owner_name'=>"Website name", //contoh Niagain
	)),
	//parameter kaki untuk halaman dan batas record tampil tiap halaman
	'footers'=>json_encode(array(
		'halaman'=>"1",
		'batas'=>"10"
	))
);
#-> 4. jalankan fungsi connect ke server API  
$result=$JSONP->connect($params);
#-> 5. Cetak hasil array
echo "<pre>".print_r(json_decode($result,true),true)."</pre>"; 
?>

Step Two

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

Un-ordered list example
  • Lorem ipsum dolor sit amet.
  • Aliquam tincidunt mauris.
  • Ultricies eget vel aliquam libero.
    • Turpis pulvinar
    • Feugiat scelerisque
    • Ut tincidunt
  • Pellentesque habitant morbi.
  • Praesent dapibus, neque id.
Ordered list example
  1. Lorem ipsum dolor sit amet.
  2. Aliquam tincidunt mauris.
  3. Ultricies eget vel aliquam libero.
    • Turpis pulvinar
    • Feugiat scelerisque
    • Ut tincidunt
  4. Pellentesque habitant morbi.
  5. Praesent dapibus, neque id.

Step Three

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis.

Code

PrismJS is used as the syntax highlighter here. You can build your own version via their website should you need to.

Useful Tip:

You can use this online HTML entity encoder/decoder to generate your code examples.

HTML Code Example
<!DOCTYPE html> 
<html lang="en"> 
    ...
    <div class="jumbotron"> 
        <h1>Hello, world!</h1> 
        <p>...</p> 
        <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p> 
    </div>
    <div class="jumbotron"> 
        <h1>Hello, world!</h1> 
        <p>...</p> 
        <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p> 
    </div>
    ...
</html>
CSS Code Example
/* ======= Base Styling ======= */
body {
    font-family: 'Open Sans', arial, sans-serif; 
    color: #333; 
    font-size: 16px; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
}
LESS Code Example
/*
* Template Name: prettyDocs - Responsive Website Template for documentations 
* Version: 1.0 
* Author: Xiaoying Riley 
* License: Creative Commons Attribution 3.0 License 
* Twitter: @3rdwave_themes 
* Website: http://themes.3rdwavemedia.com/ 
*/ 
@import "mixins.less"; 
@import "theme-default.less"; 
@import "base.less"; 
@import "doc.less"; 
@import "landing.less"; 
@import "responsive.less";
Sass Code Example
#main {
    $width: 5em; 
    width: $width; 
}

#sidebar { 
    width: $width; 
}
JavaScript Code Example
<script> 
    function myFunction(a, b) { 
        return a * b; 
    } 
    
    document.getElementById("demo").innerHTML = myFunction(4, 3); 
</script>
Python Code Example
>>> x = int(input("
Please enter an integer: ")) Please enter an integer: 42 
>>> if x < 0: 
... x = 0 
... print('Negative changed to zero') 
... elif x == 0: 
... print('Zero') 
... elif x == 1: 
... print('Single') 
... else: 
... print('More') 
... More
PHP Code Example
<?php 
$txt = "Hello world!"; 
$x = 5; 
$y = 10.5; 

echo $txt; 
echo "<br>"; 
echo $x; 
echo "<br>"; 
echo $y; 
?>
Handlebars Code Example
Handlebars.registerHelper('list', function(items, options) { 
  var out = "<ul>"; 
  
  for(var i=0, l=items.length; i<l; i++) { 
    out = out + "<li>" + options.fn(items[i]) + "</li>"; 
  } 
  
  return out + "</ul>"; 
});
Git Code Example
$ git add Documentation.txt

AppKit - Bootstrap Angular Admin Theme for Developers

AppKit Theme

Love this free documentation theme?

Check out AppKit - an Angular admin theme I created with my developer friend Tom Najdek for developers. AppKit uses modern front-end technologies and is packed with useful components and widgets to speed up your app development.

[Tip for developers]: If your project is Open Source, you can use this area to promote your other projects or hold third party adverts like Bootstrap and FontAwesome do!

View Demo