Posts

Crypto Tracker App dengan Ionic 3: Setup aplikasi

Image
Ionic adalah framework yg dapat digunakan untuk mengembangkan aplikasi mobile hybrid. Dengan menggunakan Ionic kita bisa mengenerate aplikasi untuk Ios, Android maupun web. Dalam seri tutorial ini kita akan belajar membuat aplikasi dengan menggunakan Ionic versi 3. Kita memerlukan Node.js untuk develop aplikasi dengan Ionic CLI. Pastikan Node.js telah terinstall pada komputer. Sebelum memulai tutorial ini ada baiknya bila anda telah paham setidaknya sintaks dasar dan struktur dari Ionic framework. Hal ini tentunya akan membantu mempercepat dalam pemahaman code yg ada dalam seri ini. Sebelum memulai tutorial ini ada baiknya bila anda telah paham setidaknya sintaks dasar dan struktur dari Ionic framework. Dalam tutorial ini kita akan melihat bagaimana langkah awal setup dan membuat aplikasi dengan Ionic. Ionic CLI Install Ionic CLI dan cordova dengan sintaks berikut: npm install -g ionic@latest cordova Setelah selesai terinstall lanjutkan dengan membuat project dengan ionic
Post a Comment
Read more

Membuat Component Angular 2

Image
Pastikan anda telah menyiapkan workspace terlebih dahulu. Untuk memudahkan dapat mengikuti panduan Setup Project Angular 2. Untuk membuat component pada angular 2 dapat dilakukan dengan sintaks dari angular CLI ng generate component myform.component Angular-CLI akan otomatis membuatkan folder component (css, html, spec dan ts). Tag baru app-myform akan otomatis di buatkan dan dapat dilihat pada myform.component.ts import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-myform', templateUrl: './myform.component.html', styleUrls: ['./myform.component.css'] }) export class MyformComponent implements OnInit { constructor() { } ngOnInit() { } } Masukkan myform.component ke dalam app.component.html <h1> {{title}} </h1> <app-myform></app-myform> Tambahkan form ke dalam component myform.component.html <form> <input type="text" name="username" placehold
Post a Comment
Read more

Setup Projek Angular 2

Image
Apa itu Angular? Angular merupakan framework untuk menciptakan aplikasi web yang dinamik. Pada tahun 2009 Miško Hevery and Adam Abrons mehasilkan project bernama <angular /> dengan tujuan untuk membantu developers dan designer saat membangun aplikasi web dengan simple tag HTML. Saat ini Angular telah berkembang hingga versi Angular 2. Dalam artikel ini saya akan membagi pengalaman dalam men-setup project menggunakan Angular 2. Note dalam artikel ini saya menggunakan Windows 10 Aplikasi yang digunakan Node JS Visual Studio Code Angular-CLI Install NodeJS Download Node JS pada halaman nodejs.org . Untuk versi stabil pilih yang LTS. Kemudian install dan ikuti proses instalasi. Saat ini saya menggunakan node js versi v6.9.5 . Install Visual Studio Code Download Visual Studio Code pada halaman visualstudio.com . Visual Studio Code sangat baik digunakan sebagai IDE untuk project Angular Install dan ikuti proses instalasi. Install Angular CLI Angular CLI meru
Post a Comment
Read more

Pricise Pangolin meet Gimp 2.8

Image
Environment Used - Ubuntu 12.04 - Gimp - Software Center - Ubuntu Pricise Pangolin (12.04) Procedure Instalation I like using Gimp since I can't find Phosothop on Ubuntu. Gimp is more than enough to meet my daily editing photo. Gimp latest version (2.8) introduces single window mode that makes me more than happy. Remove Previous Gimp Only one Gimp application should installed on your machine. Make sure you already remove Gimp previous version. 1. Open Ubuntu Software Center 2. Type "Gimp" on search 3. Check if version below than 2.8, then click remove button Install Gimp 2.8 Now we are ready to install new Gimp (version 2.8) 1. Open Terminal 2. Add PPA by run command below sudo add-apt-repository ppa:otto-kesselgulasch/gimp 3. Update repository sudo apt-get update 4. Install gimp sudo apt-get install gimp 5. Open Gimp 6. To set single window, go to Window -> single window
Post a Comment
Read more

JMeter for Windows 7

Image
Environment Used - Windows 7 - JMeter 2.7 - JDK 1.6.0 or later - Command Prompt Installation Procedures I have task about performance testing for our local project. I am using JMeter for this kind of task and this application (JMeter) is open source application by Apache. I think JMeter is good for JavaEE developer, I haven't tried using JMeter for other platform than Java yet. JMeter need Java to running application, so we would have Java on our OS before we run JMeter application. Below are steps for JDK instalation: 1. Install JDK for Windows 7, JDK could be donwloaded at this site (http://www.oracle.com/technetwork/java/javase/downloads/index.html). I am using JDK 1.6.0 but this tutorial also good for latest JDK e.g. JDK 1.7.0 2. After JDK installation finish, we should setup JAVA_HOME at environment variables. Right click on Computer then select 'properties' 3. Choose 'Advanced System settings' 4. Click on Environment Variables... butt
2 comments
Read more

Installing Java 7 for Ubuntu Pricise Pangolin

Image
Environment used: - Compaq CQ42 Laptop - Ubuntu Pricise Pangolin (12.04) - JDK 7 file (jdk-7-linux-i586.tar.gz) - Terminal Installation Procedures: My Ubuntu already have Open JDK that also good for development, but what I need is the official Java JDK. I'm going to install JDK 7 for my Ubuntu 12.04. I used steps below for installing JDK: 1. Donwload JDK 7 from here . I am using jdk-7-linux-i586.tar.gz 2.  Now extract the file that already downloaded. Open terminal. For example I stored my file at /Downloads folder. Run script like below tar -xvf ~/Downloads/jdk-7-linux-i586.tar.gz Extract file 3. Next we need to create a folder to store JDK files and folder. I created 'jdk7' as a folder. Still at terminal then run command below. sudo mkdir -p /usr/lib/jvm/jdk7 4. Move all extracted files into new location. sudo mv jdk1.7.0_03/* /usr/lib/jvm/jdk7/ 5. Update Java alternative as follows sudo update-alternatives --install "/usr/bin/java&
Post a Comment
Read more

New blog on Blogspot

Hello world! This is my new site on blogspot. Actually I already have wordpress for my site . When I found a Dynamic theme for blogspot I think I should give it a try. I already had google+ profile so it would connect it to this blog and vice versa. Nah, I'm going to prepare my article so this blog would be crowd enough haha... Regards, Desu
Post a Comment
Read more