Rabu, 24 Februari 2016
Pengenalan Dan Instalasi Meteor Javascript Framework
Pengenalan Dan Instalasi Meteor Javascript Framework
Jaka Prima Maulana
Selamat datang pengunjung primasaja.com,
pada pembahasan kali ini admin akan membicarakan tentang Meteor sebuah platform javascript untuk pengembang web modern dan aplikasi handphone. tetapi biar lebih semangat lagi mempelajarinya mau tau dulukan apa aja sih keunggulan dan bedanya dengan framework lainnya berikut beberapa kutipan yang saya ambil dari web resminya
meteor ini teknologi yang disetting untuk membuat reaktif client yang terhubung dengan aplikasi, alat untuk membangun, paket dari node.js dan javascript umum dari komunitas.
apa fungsi dan keunggulan dari meteor yaitu sebagai berikut:
1. Meteor mengijinkan kamu untuk membangun dan mengembangkan dalam satu bahasa pemrograman yaitu javascript. dalam semua lingkungan pengembang seperti server aplikasi, web browser, dan perangkat handphone
2. meteor menggunakan data seperti di kabel, maksudnya server akan mengirimkan data, tidak HTML, dan client meminta itu.
3. meteor mencakup ekosistem, membawa bagian terbaik dari komunitas JavaScript sangat aktif untuk Anda dalam cara yang hati-hati dan dipertimbangkan.
4. aplikasi web realtime seperti twitter dan facebook.
5. membangun reaktif aplikasi untuk iOS, Android, dan web semuanya dalam javascript dengan open source platform
setelah beberapa penjelasan tersebut sudahkah kalian tertarik untuk mencobanya? baik mari kita mulai melakukan instalasi nya tutorial ini akan dibagi menjadi 2 yaitu instalasi dalam platform OS windows dan OS X / linux
Windows
1. download installernya disini https://install.meteor.com/windows
2. lalu instal dengan memilih InstallMeteor.exe yang telah didownload tadi
3. setelah selesai untuk windows 8.1 restart terlebih dahulu. lalu buka command prompt dan ketikkan meteor create "namafolderyangmaudibuat" (tanpa tanda petik) contoh : meteor create meteorprimasaja4. lalu jalankan aplikasi dengan masuk kedirektori yang sudah anda buat tadi dengan mengetikkan cd "namafolderyangtadidibuat" contoh : cd meteorprimasaja
5. lalu ketikkan meteor
7. lalu buka browser anda dan ketikkan http://localhost:3000/
8. selamat anda telah berhasil menginstal meteor framework
OSX & Linux
untuk osx dan linux download melalui terminal dengan mengetikkan seperti berikut:
curl https://install.meteor.com/ | sh
Kamis, 28 Januari 2016
Tutorial Merubah Localhost Menjadi Domain Atau Nama Terserah Anda
Jaka Prima Maulana
Selamat Datang Pengujung Primasaja.com.
Pernah melihat URL seperti gambar diatas pada webserver local anda? Sedangkan saat pertama menginstal xampp, wamp, appserv anda hanya dapat mengetikkan Localhost atau 127.0.0.1 untuk dapat mengakses webserver di local anda. loh kok begitu kok bisa itu diapaain jika itu pertanyaan yang anda lontarkan maka primasaja.com akan menjawabnya.
apa yang anda perlukan untuk dapat melakukan seperti sama halnya dengan teman anda atau seperti gambar diatas yaitu dengan memberikan beberapa sentuhan perubahan pada file hosts yang berada di windows dan httpd.conf yang berada pada webserver anda. Berikut langkah - langkah nya dibentuk dengan contoh XAMPP control panel.
1. Hal pertama yang anda lakukan adalah sebelum mengedit file host yaitu pastikan antivirus dan settingan lainnya mengizinkan anda untuk melakukan perubahan pada file hosts yang berada pada system32 windows. jika anda menggunakan avira antivirus seperti saya nonaktifkan dahulu sementara
2. lalu buka C:\Windows\System32\drivers\etc cari hosts lalu buka dengan menggunakan notepad atau text editor lainnya. maka akan muncul source isi file seperti dibawah ini
# Copyright (c) 1993-2009 Microsoft Corp.
#
# This is a sample HOSTS file used by Microsoft TCP/IP for Windows.
#
# This file contains the mappings of IP addresses to host names. Each
# entry should be kept on an individual line. The IP address should
# be placed in the first column followed by the corresponding host name.
# The IP address and the host name should be separated by at least one
# space.
#
# Additionally, comments (such as these) may be inserted on individual
# lines or following the machine name denoted by a '#' symbol.
#
# For example:
#
# 102.54.94.97 rhino.acme.com # source server
# 38.25.63.10 x.acme.com # x client host
# localhost name resolution is handled within DNS itself.
# 127.0.0.1 localhost
# ::1 localhost
lalu tambahkan 127.0.0.2 "isiterserah anda" contoh : 127.0.0.2 primasaja.com tambahkan dibawah tulisan # ::1 localhost, kemudian simpan
3. buka httpd.conf di C:\xampp\apache\conf lalu tambahkan di bawah ServerName localhost:80 seperti format berikut ServerName "isiterserah anda":80 contoh : ServerName primasaja.com:80, kemudian simpan
4. terakhir coba cek URL yang anda masukkan tersebut berhasil atau tidak, jika belum coba restart dahulu komputer anda dan coba lagi, salam... :)
Selengkapnya..
Selamat Datang Pengujung Primasaja.com.
![]() |
Merubah Localhost Menjadi Domain atau nama lainnya |
Pernah melihat URL seperti gambar diatas pada webserver local anda? Sedangkan saat pertama menginstal xampp, wamp, appserv anda hanya dapat mengetikkan Localhost atau 127.0.0.1 untuk dapat mengakses webserver di local anda. loh kok begitu kok bisa itu diapaain jika itu pertanyaan yang anda lontarkan maka primasaja.com akan menjawabnya.
apa yang anda perlukan untuk dapat melakukan seperti sama halnya dengan teman anda atau seperti gambar diatas yaitu dengan memberikan beberapa sentuhan perubahan pada file hosts yang berada di windows dan httpd.conf yang berada pada webserver anda. Berikut langkah - langkah nya dibentuk dengan contoh XAMPP control panel.
1. Hal pertama yang anda lakukan adalah sebelum mengedit file host yaitu pastikan antivirus dan settingan lainnya mengizinkan anda untuk melakukan perubahan pada file hosts yang berada pada system32 windows. jika anda menggunakan avira antivirus seperti saya nonaktifkan dahulu sementara
![]() |
mematikan antivirus yang melindungi perubahan hosts |
# Copyright (c) 1993-2009 Microsoft Corp.
#
# This is a sample HOSTS file used by Microsoft TCP/IP for Windows.
#
# This file contains the mappings of IP addresses to host names. Each
# entry should be kept on an individual line. The IP address should
# be placed in the first column followed by the corresponding host name.
# The IP address and the host name should be separated by at least one
# space.
#
# Additionally, comments (such as these) may be inserted on individual
# lines or following the machine name denoted by a '#' symbol.
#
# For example:
#
# 102.54.94.97 rhino.acme.com # source server
# 38.25.63.10 x.acme.com # x client host
# localhost name resolution is handled within DNS itself.
# 127.0.0.1 localhost
# ::1 localhost
lalu tambahkan 127.0.0.2 "isiterserah anda" contoh : 127.0.0.2 primasaja.com tambahkan dibawah tulisan # ::1 localhost, kemudian simpan
3. buka httpd.conf di C:\xampp\apache\conf lalu tambahkan di bawah ServerName localhost:80 seperti format berikut ServerName "isiterserah anda":80 contoh : ServerName primasaja.com:80, kemudian simpan
4. terakhir coba cek URL yang anda masukkan tersebut berhasil atau tidak, jika belum coba restart dahulu komputer anda dan coba lagi, salam... :)
Sabtu, 26 Desember 2015
Cara Mengetahui Password Wifi Di Komputer Dengan 2 Cara
Cara Mengetahui Password Wifi Di Komputer Dengan 2 Cara
Jaka Prima Maulana
Selamat Datang Pengujung Primasaja.com.

![]() |
gambar 1.1 status wifi yang sudah terkoneksi dengan internet |
setelah status sudah dipastikan telah terkoneksi ke internet secara sempurna maka selanjutnya anda dapat melihat password wifi dengan 2 cara berikut
Cara 1 Mengetahui Password Wifi Di Komputer Via Control Panel
![]() |
gambar 1.2 status wifi yang sudah terkoneksi dengan internet |
Lalu kotak dialog Wireless network connections status akan muncul, selanjutnya klik Wireless Properties pilih tab security seperti gambar 1.3 dibawah ini lalu klik show character untuk mengetahui password wifi yang terkoneksi dengan komputer anda tersebut
![]() |
gambar 1.3 Mengetahui Password Wifi Di Komputer via control panel |
Cara 2 Mengetahui Password Wifi Di Komputer Via Command Prompt
cara lain yang anda dapat gunakan untuk mengetahui password wifi yang sedang terkoneksi dengan komputer anda adalah dengan cara menggunakan command prompt sebagai berikut..
klik menu start > pada search program and files ketikkan CMD lalu ketikkan netsh wlan show profile namaSSID key=clear lalu enter
klik menu start > pada search program and files ketikkan CMD lalu ketikkan netsh wlan show profile namaSSID key=clear lalu enter
*note ganti namaSSID dengan nama wifi anda sendiri
maka info profile interface wireless network connections akan ditampilkan dan password wifi akan ditampilkan pada informasi key content seperti gambar 1.4 dibawah ini
Senin, 24 Agustus 2015
Belajar Jquery Dasar Penggunaan Select Pada Form Event
Belajar Jquery Dasar Penggunaan Select Pada Form Event
Jaka Prima Maulana![]() |
hasil belajar jquery .select |
Selamat Datang Pengunjung primasaja.com,
Tutorial kali ini akan membahas tentang penggunaan .select pada jquery yaitu mengikatkan sebuah event javascript ketika melakukan select
Contoh
HTML : Penggunaan Jquery .select
- pertama - tama buat dahulu script seperti berikut :
<html>
<head>
<title>Belajar Jquery Dasar Penggunaan Select Pada Form Event</title>
</head>
<body>
<center><h1><p>Belajar Jquery Dasar Penggunaan Select Pada Form Event</p></h1></center>
<p>Klik tekan terus dan ambil kata dibawah ini lalu lepaskan mouse </p>
<input id="primasaja_diklik" type ="text" value=" klik dan drag saya ya "/>
<div id="hasil"></div>
</body>
</html>
- jika sudah lalu masukkan library jquery anda dapat mendapatkannya disini
- lalu taruh diantara head
<head>
<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
</head>
- lalu buat javascript seperti berikut tepat diatas </body> atau dibawah </body>
<script type="text/javascript">
$(":input").select(function(){
$("#hasil").text("anda memilih teks").show().fadeOut(2000);
});
</script>
- itu adalah akhirnya baik silahkan test tutorial jquery tersebut.
Belajar Jquery Dasar Focusin Dan Focusout Mudah Dimengerti
Belajar Jquery Dasar Focusin Dan Focusout Mudah Dimengerti
Jaka Prima Maulana![]() |
gambar hasil tutorial jquery focusin dan focusout |
Selamat Datang Pengunjung primasaja.com,
Tutorial kali ini akan membahas tentang penggunaan jquery focusin dan focusout yaitu penanganan yang memanggil fungsi atau event data ketika focus in atau fokus out di jalankan
Contoh
HTML : .focusin dan .focusout
- pertama - tama buat dahulu script seperti berikut :
<html>
<head>
<title>Tutorial Jquery .focusin dan .focusout PrimaSaja.com</title>
<style>
.info{
display: none;
}
.klik{
background-color: #E5ECEC;
}
</style>
</head>
<body>
<center><h1><p>Tutorial Jquery .focusin dan .focusout PrimaSaja.com</p></h1></center>
<p><input class="klik" type="text"> <span class="info"> silahkan masukkan nama </span></p>
<p><input class="klik" type="password"> <span class="info">silahkan masukkan password</span></p>
<div id="focusout"></div>
</body>
</html>
- jika sudah lalu masukkan library jquery anda dapat mendapatkannya disini
- lalu taruh diantara head
<head>
<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
</head>
- lalu buat javascript seperti berikut tepat diatas </body> atau dibawah </body>
<script type="text/javascript">
$( "p" ).focusin(function(){
$(this).find(".info").css("display", "inline").fadeOut(1500);
});
fokusout_primasaja = 0;
$("p").focusout(function(){
fokusout_primasaja++;
$("#focusout").text("anda keluar dari fokus sebanyak" + fokusout_primasaja + " X ");
});
</script>
- itu adalah akhirnya baik silahkan test tutorial jquery tersebut.
Jumat, 21 Agustus 2015
Belajar Jquery Dasar Form Event Merubah Data Dengan .Change
Belajar Jquery Dasar Form Event Merubah Data Dengan .Change
Jaka Prima Maulana![]() |
Gambar Hasil Tutorial |
Selamat datang Pengunjung Primasaja.com,
Hari ini kita akan membahas mengenai " Belajar Jquery Form Event Merubah Data Dengan .Change " tutorial kali ini kita akan mencoba penggunaan event change yang berfungsi untuk mengirim ke element ketika value atau nilainya berubah, untuk lebih jelasnya langsung saja kita praktekkan.
HTML
- pertama - tama buat dahulu script seperti berikut :
<html>
<head>
<title>Tutorial Jquery Form .Change PrimaSaja.com</title>
</head>
<body>
<select class="menu" multiple>
<option selected>Nasi Goreng</option>
<option >Nasi Bebek</option>
<option selected>Sate</option>
<option>Mie Ayam</option>
<option >Baso</option>
</select>
<br>
tekan ctrl dan pilih untuk memilih lebih dari satu
<br>
pilihan menu anda adalah <div class="berubah"> </div>
</body>
</html>
- jika sudah lalu masukkan library jquery anda dapat mendapatkannya disini
- lalu taruh diantara head
<head>
<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
</head>
- lalu buat javascript seperti berikut tepat diatas </body>
<script type="text/javascript>
$(".menu").change(function(){
var a = "";
$(".menu option:selected").each(function(){
a += $(this).text() + " ";
});
$(".berubah").text(a);
})
.change();
</script>
- itu adalah akhirnya baik silahkan test tutorial jquery tersebut.
Senin, 17 Agustus 2015
Belajar Jquery Dasar Form .Focus dan .Blur
Belajar Jquery Form .Focus dan .Blur
Jaka Prima Maulanaselamat datang pengunjung primasaja.com,
pembahasan kali ini akan membahas mengenai " Belajar Jquery Dasar Form .Focus dan .Blur " didalam jquery form anda sering melihat sebuah kotak pengisian yang berubah warna atau diberi event - event lain seperti bantuan dan sebagainya, apa yang kita pelajari kali ini bisa saja dengan fungsi sesederhana ini, Mari kita buat sesuai dengan tahap - tahap seperti ini
HTML
buat file bernama blur.php / blur.html lalu ketik code berikut
<html>
<head>
<title>Tutorial Jquery Form .focus dan .blur PrimaSaja.com</title>
<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
</head>
<body>
<form>
<input id="kotakprimasaja" type="text" value="klik untuk mengetik">
</form>
<div id="penjelasan">
klik kotak diatas
</div>
<script>
$("#kotakprimasaja").focus(function(){
$(this).css({"background-color":"aqua","border-radius":"20%"});
});
$( "#kotakprimasaja" ).blur(function() {
$(this).css({"background-color":"red","border-radius":"0%"});
});
</script>
</body>
</html>
Selesai silahkan anda jalankan...
Framework codeigniter
- buat controller baru dengan nama Form.php dan isikan seperti berikut :
class Form extends CI_controller {
function index(){
$this->load->view('Blur');
}
function test1(){
echo "<div style = 'background-color:rgba(97, 226, 248, 1); width:20%;'>ini adalah isi dari data yang di panggil</div>";
}
}
lalu buat file baru di dalam view sesuai dengan view yang di definisikan di controller
yaitu blur.php dan isi kan kode seperti berikut
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed'); ?>
<html>
<head>
<title>Tutorial Jquery Form .focus dan .blur PrimaSaja.com</title>
<script type="text/javascript" src="<?php echo base_url();?>asset/js/jquery-1.11.1.min.js"></script>
</head>
<body>
<form>
<input id="kotakprimasaja" type="text" value="klik untuk mengetik">
</form>
<div id="penjelasan">
klik kotak diatas
</div>
<script>
$("#kotakprimasaja").focus(function(){
$(this).css({"background-color":"aqua","border-radius":"20%"});
});
$( "#kotakprimasaja" ).blur(function() {
$(this).css({"background-color":"red","border-radius":"0%"});
});
</script>
</body>
</html>
Langganan:
Postingan
(
Atom
)