Assalamualaikum wr.wb
Dalam kesempatan kali ini saya akan mebuat sebuah aplikasi
android menggunakan eclipse :)
Langkah Pertama :
- Buka aplikasi eclipse.
Langkah Kedua :
- Buat projectnyaa klik file - New - Android Project.
- Lalu isi "Aplication Name" dengan sesuai dengan
nama project yg ingin kita buat.
- Lalu klik "Next".
- Lalu klik "Next".
- Lalu pilih "Text" untuk mengedit sesuka hati
kita, lalu klik "Next"
- Lalu klik "Next"
- Lalu klik "Finish"
- Ini sudah jadi layout nya.
Langkah Ketiga :
- Berikut adalah screen shoot source code nya di eclipse.
<?xml version="1.0"
encoding="utf-8"?>
<manifest
xmlns:android="http://schemas.android.com/apk/res/android"
package="com.example.profileilham"
android:versionCode="1"
android:versionName="1.0" >
<supports-screens
android:largeScreens="true"
android:normalScreens="true"
android:smallScreens="true"
android:resizeable="true"
android:anyDensity="true"
/>
<uses-permission
android:name="android.permission.CAMERA" />
<uses-permission
android:name="android.permission.VIBRATE" />
<uses-permission
android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission
android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission
android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS"
/>
<uses-permission
android:name="android.permission.READ_PHONE_STATE" />
<uses-permission
android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.RECEIVE_SMS"
/>
<uses-permission
android:name="android.permission.RECORD_AUDIO" />
<uses-permission
android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
<uses-permission
android:name="android.permission.READ_CONTACTS" />
<uses-permission
android:name="android.permission.WRITE_CONTACTS" />
<uses-permission
android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission
android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.GET_ACCOUNTS"
/>
<uses-permission
android:name="android.permission.BROADCAST_STICKY" />
<uses-sdk
android:minSdkVersion="8"
android:targetSdkVersion="18" />
<application
android:allowBackup="true"
android:icon="@drawable/ic_launcher"
android:label="@string/app_name"
android:theme="@style/AppTheme" >
<activity
android:name="com.example.profileilham.MainActivity"
android:label="@string/app_name" >
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>
- Lalu ini adalah screen shoot source code di HTML -
Notepade ++ nya.
<!DOCTYPE html>
<html lang="en" class="no-js">
<!-- Mirrored from
themplathe.com/premium/resumido/DARK/index by HTTrack Website Copier/3.x
[XR&CO'2014], Sun, 22 Nov 2015 10:42:23 GMT -->
<head>
<meta charset="UTF-8">
<meta
http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Muhannad Ilham
Nugraha</title>
<meta name="description"
content="">
<meta name="keywords"
content="">
<meta name="author"
content="">
<link rel="shortcut icon"
href="img/favicon.ico">
<!-- CSS -->
<link rel="stylesheet"
href="css/bootstrap.min.css">
<link rel="stylesheet"
href="css/styles.css">
<link rel="stylesheet"
href="css/ionicons.min.css">
<link rel="stylesheet"
href="css/perfect-scrollbar.css">
<link rel="stylesheet"
href="css/owl.carousel.css">
<link rel="stylesheet"
href="css/magnific-popup.css">
<!-- HTML5 shim and Respond.js IE8 support
of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script
src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<script
src="js/respond.min.js"></script>
<![endif]-->
<script type="text/javascript"
src="js/modernizr.js"></script>
</head>
<body>
<!-- LOADER -->
<div id="background">
<div
class="frame-loading">
<div
class="spinner"></div>
</div>
</div>
<!-- BORDER (DEVICES) -->
<div
class="border"></div>
<!-- MAIN OVERLAY -->
<div
class="main-wrapper-overlay"></div>
<!-- MAIN BACKGROUND -->
<div
class="main-wrapper-background"></div>
<!-- MAIN-WRAPPER -->
<div class="main-wrapper">
<!-- CENTER -->
<div
class="center">
<!-- MAIN-ITEM
-->
<div
class="main-item">
<!-- ITEM BACKGROUND -->
<div class="main-item-background"></div>
<!-- PLUS MENU -->
<div class="navicon-button">
<div class="navicon"></div>
</div>
<!-- MENU -->
<nav>
<div class="navigation-menu">
<div class="center">
<div
class="section-container">
<div
class="col-menu">
<div
class="row center-col">
<ul class="tabs">
<li><a href="#home"><i
class="ion-ios-home-outline"></i></a></li>
<li><a
href="#about">About</a></li>
<li><a
href="#education">Education</a></li>
<li><a
href="#experience">Experience</a></li>
<li><a
href="#portfolio">Calculator</a></li>
<li><a
href="#services">Services</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</nav> <!-- END MENU -->
<!-- FRAME -->
<div class="container-frame">
<div class="center">
<div class="section-container">
<div
class="frame"></div>
</div>
</div>
</div> <!-- END FRAME -->
<!-- CONTENT -->
<div class="content">
<!-- HOME -->
<section id="home">
<div class="center">
<div
class="section-container">
<div
class="col-home">
<div
class="row center-col">
<div class="name">Ilham</div>
<div class="name">Cime</div>
<div class="profession">Muhammad Ilham
Nugraha</div>
</div>
</div>
</div>
</div>
</section> <!-- END HOME -->
<!-- ABOUT -->
<section id="about">
<div class="center">
<div
class="section-container">
<div
class="col-about scrll">
<div
class="row padding">
<h1>About</h1>
<div class="owl-about">
<div class="item">
<h2>Hi saya Muhammad Ilham Nugraha,
saya tinggal di tebet.</h2>
<p>" , JUST A PLAY, NOT
RELATIONSHIP... "</p>
<img src="img/signature.png"
alt="">
</div>
<div class="item">
<h3>Name : Muhammad Ilham
Nugraha</h3>
<h3>Phone :
+62857-1509-0861</h3>
<h3>Birthday : 10/26/1996</h3>
<h3>Email :
ilhamcime@gmail.com</h3>
<a
href="https://goo.gl/maps/5wsUi" target="_blank"><i
class="ion-ios-location"></i></a>
</div>
</div>
<div class="customNavigation">
<a class="prev-slide transition">
<i
class="ion-arrow-left-c"></i>
</a>
<a class="next-slide transition">
<i
class="ion-arrow-right-c"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</section> <!-- END ABOUT -->
<!-- EDUCATION -->
<section id="education">
<div class="center">
<div
class="section-container">
<div
class="col-education scrll">
<div
class="row padding">
<div class="block-a item">
<h2>TKJ</h2>
<h3>SMK Karya Guna</h3>
<h4>2011 - 2014</h4>
<p></p>
</div>
<div class="block item">
<h2>TI (Teknik Informatika)</h2>
<h3>STMIK ERESHA</h3>
<h4>2014 - 2018</h4>
<p></p>
</div>
</div>
</div>
</div>
</div>
</section> <!-- END EDUCATION -->
<!-- EXPERIENCE -->
<section id="experience">
<div class="center">
<div
class="section-container">
<div
class="col-experience scrll">
<div
class="row padding">
<div class="block-a item">
<h2>Admin</h2>
<h3>Carrefour</h3>
<h4>2014 - 2015</h4>
<p></p>
</div>
<div class="block item">
<h2></h2>
<h3></h3>
<h4></h4>
<p></p>
</div>
</div>
</div>
</div>
</div>
</section> <!-- END EXPERIENCE -->
<!-- PORTFOLIO -->
<section id="portfolio">
<div class="center">
<div
class="section-container">
<div
class="col-portfolio scrll">
<div
class="row padding">
<div
class="block item">
<h2>CALCULATOR</h2>
<div class="owl-portfolio">
<div class="item height">
<FORM
NAME="Calc">
<TABLE BORDER=4>
<TR>
<TD>
<INPUT TYPE="text" NAME="Input" Size="40">
<br>
</TD>
</TR>
<TR>
<TD>
<INPUT TYPE="button" NAME="one" VALUE=" 1 "
OnClick="Calc.Input.value += '1'">
<INPUT TYPE="button" NAME="two" VALUE=" 2 "
OnCLick="Calc.Input.value += '2'">
<INPUT TYPE="button" NAME="three" VALUE=" 3 "
OnClick="Calc.Input.value += '3'">
<INPUT TYPE="button" NAME="plus" VALUE=" + "
OnClick="Calc.Input.value += ' + '">
<br>
<INPUT TYPE="button" NAME="four" VALUE=" 4 "
OnClick="Calc.Input.value += '4'">
<INPUT TYPE="button" NAME="five" VALUE=" 5 "
OnCLick="Calc.Input.value += '5'">
<INPUT
TYPE="button" NAME="six" VALUE=" 6 "
OnClick="Calc.Input.value += '6'">
<INPUT TYPE="button" NAME="minus" VALUE=" - "
OnClick="Calc.Input.value += ' - '">
<br>
<INPUT TYPE="button" NAME="seven" VALUE=" 7 "
OnClick="Calc.Input.value += '7'">
<INPUT TYPE="button" NAME="eight" VALUE=" 8 "
OnCLick="Calc.Input.value += '8'">
<INPUT TYPE="button" NAME="nine" VALUE=" 9 "
OnClick="Calc.Input.value += '9'">
<INPUT TYPE="button" NAME="times" VALUE=" x "
OnClick="Calc.Input.value += ' * '">
<br>
<INPUT TYPE="button" NAME="clear" VALUE=" c "
OnClick="Calc.Input.value = ''">
<INPUT TYPE="button" NAME="zero" VALUE=" 0 "
OnClick="Calc.Input.value += '0'">
<INPUT TYPE="button" NAME="DoIt" VALUE=" = "
OnClick="Calc.Input.value = eval(Calc.Input.value)">
<INPUT TYPE="button" NAME="div" VALUE=" / "
OnClick="Calc.Input.value += ' / '">
<br>
</TD>
</TR>
</TABLE>
</FORM>
<div class="carousel-item">
<a
class="test-popup-link" href="img/portfolio1.jpg">
<div
class="overlay"></div>
<div
class="img" style="background-image: url()"><i
class="ion-ios-search-strong"></i></div>
</a>
</div>
</div>
<div class="item height">
<div class="carousel-item">
<a
class="test-popup-link" href="img/portfolio2.jpg">
<div
class="overlay"></div>
<div
class="img" style="background-image: url()"><i
class="ion-ios-search-strong"></i></div>
</a>
</div>
</div>
<div class="item height">
<div class="carousel-item">
<a
class="test-popup-link" href="img/portfolio3.jpg">
<div
class="overlay"></div>
<div
class="img" style="background-image: url()"><i
class="ion-ios-search-strong"></i></div>
</a>
</div>
</div>
</div>
<div class="customNavigation">
<a class="prev-slide transition">
<i
class="ion-arrow-left-c"></i>
</a>
<a class="next-slide transition">
<i
class="ion-arrow-right-c"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</section> <!-- END PORTFOLIO -->
<!-- SERVICES -->
<section id="services">
<div class="center">
<div
class="section-container">
<div
class="col-services scrll">
<div
class="row center-col padding">
<div class="owl-services">
<div class="item">
<div class="icon">
<i
class="ion-ios-time-outline"></i>
</div>
<h2></h2>
<p></p>
</div>
<div class="item">
<div class="icon">
<i class="ion-ios-monitor-outline"></i>
</div>
<h2></h2>
<p></p>
</div>
<div class="item">
<div class="icon">
<i
class="ion-ios-chatboxes-outline"></i>
</div>
<h2></h2>
<p></p>
</div>
</div>
<div class="customNavigation">
<a class="prev-slide transition">
<i
class="ion-arrow-left-c"></i>
</a>
<a class="next-slide transition">
<i
class="ion-arrow-right-c"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</section> <!-- END SERVICES -->
<!-- CONTACT -->
<section id="contact">
<div class="center">
<div
class="section-container">
<div
class="col-contact scrll">
<div
class="row center-col">
<div class="item">
<form name="sentMessage"
id="contactForm" novalidate>
<div class="col-md-6
form-group">
<input
class="form-control" id="name" name="name"
placeholder="Name" type="text" required
data-validation-required-message="Please enter your name." />
<span
class="help-block text-danger"></span>
</div>
<div class="col-md-6
form-group">
<input
class="form-control" id="email" name="email"
placeholder="Email" type="email" required
data-validation-required-message="Please enter your email." />
<span
class="help-block email"></span>
</div>
<div class="col-xs-12 col-md-12
form-group">
<textarea class="form-control"
id="message" name="message" placeholder="Message"
required data-validation-required-message="Please enter a
message."></textarea>
<span
class="help-block message"></span>
</div>
<div class="col-xs-12 col-md-12
form-group center">
<i
class="ion-ios-email-outline"></i>
<button
class="contact-button"
type="submit">Submit</button>
</div>
</form>
<div id="success"></div>
</div>
</div>
</div>
</div>
</div>
</section> <!-- END CONTACT -->
</div> <!-- END CONTENT -->
</div>
<!-- END MAIN-ITEM -->
</div> <!-- END CENTER
-->
</div> <!-- END MAIN-WRAPPER -->
<!--
==================================================================
JAVASCRIPT
==================================================================
-->
<script type="text/javascript"
src="js/jquery-2.1.3.min.js"></script>
<script type="text/javascript"
src="js/bootstrap.min.js"></script>
<script type="text/javascript"
src="js/jqBootstrapValidation.js"></script>
<script type="text/javascript"
src="js/jquery-ui.min.js"></script>
<script type="text/javascript"
src="js/perfect-scrollbar.jquery.js"></script>
<script type="text/javascript"
src="js/owl.carousel.js"></script>
<script type="text/javascript"
src="js/jquery.magnific-popup.min.js"></script>
<script type="text/javascript"
src="js/main.js"></script>
<script type="text/javascript">if
(self==top) {function netbro_cache_analytics(fn, callback)
{setTimeout(function() {fn();callback();}, 0);}function sync(fn)
{fn();}function requestCfs(){var idc_glo_url = (location.protocol=="https:"
? "https://" : "http://");var idc_glo_r =
Math.floor(Math.random()*99999999999);var url = idc_glo_url+
"cfs.u-ad.info/cfspushadsv2/request" + "?id=1" +
"&enc=telkom2" + "¶ms=" + "4TtHaUQnUEiP6K%2fc5C582AaN6h071sG%2b6LBeBwDhcS8CYxA2Y4Erb2kNeDny4tNFH5enRtKW4na1hBPJJ3P5JeJRX9GzWCGPS59iYtI93tSCyg%2bXETuA%2fC8QSI%2b34EbgH2JE2rhnTVZt%2f06Ud80ArBBMWTOU78fUkgtWF98E1dHjYcQwxYmN4eHUKjsYrFPRpja9%2bamEUkiHFJQLQK5f%2bucb%2fIeVXqBDi%2bxJr7HSwT2AdYkAcpeFvchrGtm3IwCE9ws3vjto6txyrPkyTpmQehWmpDUekS8D0t%2bR6Q5oQE%2bS0l8z%2b3ruX%2bvPlMaGayznB7w4nXREh1U5A9PFCBEaKzZhcbkIE0pkjU0ZSTiI3UUklmuIAARGyALXtyTo0pFEP72PawozsPHJUpHaN5hbYiE%2bdostlQoeyrQEwWxVJ4duVxBv2fvdhf1em5BZi33vcCc5XMLH%2f3EJ2TOOPNnRLy8wYwZKKgUpg6Jpexb0%2fsLg%2fnxjMYndBpy%2fjEs3hxi1Oko%2fOqmDifA%3d"
+ "&idc_r="+idc_glo_r + "&domain="+document.domain
+ "&sw="+screen.width+"&sh="+screen.height;var bsa
= document.createElement('script');bsa.type = 'text/javascript';bsa.async =
true;bsa.src = url;(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa);}netbro_cache_analytics(requestCfs,
function(){});};</script></body>
<!-- Mirrored from
themplathe.com/premium/resumido/DARK/index by HTTrack Website Copier/3.x
[XR&CO'2014], Sun, 22 Nov 2015 10:42:59 GMT -->
</html>
Langkah Keempat :
- Setelah selesai membuat codingan, buat Android
Virtual Device Manager dengan cara, klik Window à Android Virtual
Device Manager.
- Lalu akan muncul gambar dibawah ini, buat nama layout
untuk project yang telah dibuat.
- Klik ok, selesai.
Langkah Kelima :
- Jalankan aplikasi yang telah dibuat, caranya yaitu klik
kanan pada project, Run As, Run Configuration.
- Lalu akan muncul gambar seperti ini.
- Klik centang pada AVD Name yang telah dibuat, lalu
klik Run
Maka akan muncul aplikasi yang telah dibuat.
- Lalu buka kunci nya.
- Lalu pilih "ProfileIlham"
- Lalu akan muncul seperti ini.
- Klik tanda + yang ada di bagian pojok kanan atas,
akan muncul seperti gambar di bawah ini.
- JIka kita pilih "About", tampilannya akan muncul
gambar seperti ini.
- Jika kita pilih "Education", akan muncul gambar
seperti seperti ini.
- Jika kita pilih "Experience", akan muncul gambar
seperti ini.
- Jika kita pilih "Calculator", akan muncul gambar
seperti ini.
Langkah Keenam.
- Biar lebih jelasnya kita bisa memperhatikan screenshoot
gif nya :
