Selamat Datang di Kebijakan Privasi Google

Dengan menggunakan layanan Google, Anda memercayakan informasi Anda kepada kami. Kebijakan Privasi ini bertujuan untuk membantu Anda memahami data yang kami kumpulkan, alasan kami mengumpulkannya,dan yang kami lakukan dengan data tersebut. Ini penting; kami harap Anda meluangkan waktu untuk membacanya dengan saksama. Perlu diingat, Anda dapat menemukan kontrol untuk mengelola informasi serta melindungi privasi dan keamanan di Akun Saya 
Google Privacy Policy – Privacy
Google Privacy Policy – Privacy 


Kebijakan Privasi

Terakhir dimodifikasi: 17 April 2017 (Download versi pdf)


Sumber : https://www.google.com/intl/id/policies/privacy/

Membuat Side Bar di OJS (Open Journal Systems)

Sidebar Ojs
Sidebar Ojs
Membuat Side Bar di OJS (Open Journal Systems) Berikut Langkah -langkahnya

Langkah # 1 . Login Sebagai Jurnal Manager
  • Klik System Plugin
  • Klik Generic Plugin
  • Aktifkan/ klik Custom Blok Manager
  • Setelah itu, klik setting dibawah Custom Blok Manager
  • Klik Add Blok tuliskan “Menu Bar
  •  Klik save

    Langkah # 2. Login Sebagai Jurnal Manager
  • Klik System Plugin
  • Klik Block Plugin
  • Cari block yang tadi sudah dibuat, “Menu Bar” (Custom Block Plugin)
  •  Klik Edit dibawah “Menu Bar” (Custom Block Plugin)
  • Silakan masukkan konten yang akan ditampilkan di Menu Bar
  • Misalnya Editorial Board, Focus and Scope, Publication Ethics dll
  • Cara masukkan konten sebaiknya menggunakan skrip html

    Berikut Sourcode HTML
<p style=”padding: 10px; border-bottom: 1px solid #aaa; background: darkorange; color: green;”>
<span style=”font-size: small; font-family: ‘arial black’, ‘avant garde’;”>ADDITIONAL MENU</span></p>

<p style=”padding: 10px; border-bottom: 1px solid #aaa; background: navy; color: white;”>
<span style=”color: white;”>EDTORIAL TEAM</span></p>

<p style=”padding: 10px; border-bottom: 1px solid #aaa; background: navy; color: white;”><span>
<span style=”color: white;”>CONTACT JOURNAL</span></span></p>

<p style=”padding: 10px; border-bottom: 1px solid #aaa; background: navy; color: white;”>
<span style=”color: white;”>INDEXING</span></p>

<p style=”padding: 10px; border-bottom: 1px solid #aaa; background: navy; color: white;”>
<a style=”color: white;” href=”/jsp/pages/view/ORDER%20JOURNAL” target=”_self”>ORDER JURNAL</a></p>
<p style=”padding: 7px; border-bottom: 1px solid #aaa; background: #dadada; color: black;”>
<strong>
<span face=”gisha, avant garde” size=”2″ style=”font-family: ‘gisha’,’avant garde’; font-size: small;”>ADDITIONAL MENU</span></strong>
</p>

Sumber : Cara Buat Side Bar di OJS

Membuat Diagram Chart Data Penduduk Dengan PHP MySQL

Membuat Diagram Chart  Data Penduduk Dengan PHP MySQL, Dalam pembuatan sistem atau aplikasi web,  diperlukan penyajian information dan laporan dalam bentuk grafik, selain dalam bentuk tabel atau tabular. Penyajian information dalam bentuk grafik memiliki keuntungan antara lain bentuknya principle lebih menarik serta dapat dipahami makna keseluruhan information dengan lebih cepat. Bentuk grafik juga lebih ringkas dibandingkan penyajian information dalam bentuk tabel.
Diagram Chart Data Penduduk Dengan PHP MySQL
Berikut tahap - tahap dalam membuat diagram chart data penduduk dengan php mysql.
pertama buat nama databasenya db_chart - selanjutnya import sql berikut/
CREATE TABLE IF NOT EXISTS `datapenduduk` (
  `provinsi` varchar(50) NOT NULL,
  `jumlah` int(11) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

--
-- Dumping data for table `datapenduduk`
--

INSERT INTO `datapenduduk` (`provinsi`, `jumlah`) VALUES
('Aceh', 3930905),
('Jawa', 11649655),
('Kalimantan', 4957627),
('Maluku', 2413846),
('Papua', 4248934);
sekarang buat file kode (script) phpnya untuk mengakses tabel sqlnya yang nanti akan di tampilkan dalam bentuk Diagram Chart
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<head>
<title>Grafik Penduduk Indonesia</title>
<script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="js/highcharts.js" type="text/javascript"></script>
<script src="js/exporting.js" type="text/javascript"></script>
<script type="text/javascript">
 var chart1; // globally available
$(document).ready(function() {
      chart1 = new Highcharts.Chart({
         chart: {
            renderTo: 'container',
            type: 'column'
         },   
         title: {
            text: 'Data Penduduk Provinsi Indonesia '
         },
         xAxis: {
            categories: ['Provinsi']
         },
         yAxis: {
            title: {
               text: 'Jumlah Penduduk'
            }
         },
              series:             
            [
<?php      
// file koneksi php
$server = "localhost";
$username = "root";
$password = "";
$database = "db_chart";
mysql_connect($server,$username,$password) or die("Koneksi gagal");
mysql_select_db($database) or die("Database tidak bisa dibuka");
$sql   = "SELECT * from datapenduduk"; // file untuk mengakses ke tabel database
$query = mysql_query( $sql ) or die(mysql_error());         
while($ambil = mysql_fetch_array($query)){
 $provinsi=$ambil['provinsi'];
 $sql_jumlah   = "SELECT * from datapenduduk where provinsi='$provinsi'";        
 $query_jumlah = mysql_query( $sql_jumlah ) or die(mysql_error());
 while( $data = mysql_fetch_array( $query_jumlah ) ){
    $jumlahx = $data['jumlah'];                 
   }             
   
   ?>
   {
    name: '<?php echo $provinsi; ?>',
    data: [<?php echo $jumlahx; ?>]
   },
   <?php } ?>
]
});
}); 
</script>
</head>
<body>
<!-- fungsi yang di tampilkan dibrowser  -->
<div id="container" style="min-width: 200px; height: 400px; margin: 0 auto"></div>

</body>
</html>

Memahami Apa itu Jquery?

Memahami Apa itu Jquery, jQuery adalah javascript library, jQuery mempunyai semboyan “write less, do more”. jQuery dirancang untuk memperingkas kode-kode javascript. JQuery adalah javascript library rule cepat dan ringan untuk menangani dokumen HTML, menangani event, membuat animasi dan interakasi ajax. JQuery dirancang untuk mengubah cara anda menulis javascript. Sebelum anda memulai mempelajari jQuery, anda harus mempunyai pengetahuan dasar mengenai HTML, CSS dan Javascript.
Jquery
Library jQuery mempunyai kemampuan :
  • Kemudahan mengakses elemen-elemen HTML
  • Memanipulasi elemen HTML
  • Memanipulasi CSS
  • Penanganan event HTML
  • Efek-efek javascript dan animasi
  • Modifikasi HTML DOM
  • AJAX

Menyederhanakan kode javascript lainnya Kemudian untuk memulai mempelajari jQuery, anda harus mendownload jquery.js Dari situs http://www.jquery.com. Setiap anda menulis kode javascript dengan menggunakan jquery, jangan lupa untuk memasukan file jquery.js kedalam kode javascript.
<script type="text/javascript" src="jquery-1.2.js"></script>
Contoh Sederhana Membuat Web Tab Scroll Contentdengan Jquery.
Kode Script
<html>
<head>
<script type="text/javascript" src="jquery-1.2.js"></script>
<script>
$(document).ready(function(){
$("#home").click(function(){
$("#konten").animate({ scrollTop: 0},"slow");
});
$("#about").click(function(){
$("#konten").animate({ scrollTop: 500},"slow");
});
$("#contact").click(function(){
$("#konten").animate({ scrollTop: 1000},"slow");
});
});
</script>
<style>
#konten{height : 500px;overflow: hidden;background-color : yellow;}
.box{height : 500px;margin:0;padding : 0;}
.link{cursor : pointer;background-color : #bdc3c7;padding : 3;}
body{overflow:hidden;}
#home{background-color :#3498db;}
#about{background-color : #f39c12;}
#contact{background-color : #7f8c8d;}
.aboutme{color :white;font-size : 26pt;font-family : garamond;}
</style>
</head>
<body>
<span class='link' id='home'>Home</span>
<span class='link' id='about'>About</span>
<span class='link' id='contact'>Contact</span>
<div id='konten'>
<div id='home' class='box'>
<br><b>Home</b><p>
<center>
<font size=7>HELLO WORLD!!</font></center>
</div>
<div id='about' class='box'>
<br><b>About Me</b>
<p>
<span class='aboutme'>Namaku Hello world</span>
</p>
<p>
<span class='aboutme'>Lahir di hello world tahun 1945</span></p>
<p>
<span class='aboutme'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sit amet iaculis leo.
 In sagittis risus quis nisi suscipit, at tempus elit mollis. Nunc tempor lectus nec nibh fringilla, et facilisis ex suscipit.</span></p>
</div>
<div id='contact' class='box'>
<br><b>Contact</b>
<form method="POST" action="--WEBBOT-SELF--" style="padding:10">
<p>
Nama :<br>
<input type="text" name="T1" size="20"><br>
Emai : <br>
<input type="text" name="T2" size="20"><br>
Komentar :<br>
<textarea rows="6" name="S1" cols="24"></textarea><br>
<input type="submit" value="Submit" name="B1"><input type="reset"
value="Reset" name="B2"></p>
</form>
</div>
</div>
</body>
</html> 
Selesai...