Selasa, 08 April 2014

Membaca RSS Menggunakan Inputan User

Pada kesempatan kali ini saya akan membahas tentang bagaimana caranya membaca RSS menggunakan inputan user yang kebetulan juga merupakan tugas kuliah saya. Jadi sambil ngerjakan tugas sekalian berbagi ilmu juga hehehe..

Untuk mengecek rss blog anda :
     -         blogspot : misalnya aditzprasetya.blogspot.com/feeds/posts/default

Lalu daftarkan blog anda ke feedburner.google.com, kemudian masukkan URLnya seperti tampak pada gambar dibawah ini

Kemudian anda harus melewati beberapa tahapan yang nantinya jika sudah berhasil akan nampak seperti pada gambar berikut


Jika blog anda telah terdaftar langkah selanjutnya buatlah file inputan usernya, inputkan script seperti pada gambar dibawah ini dan berilah nama rssclass.php





Jika sudah, buat file lagi dan inputkan script seperti dibawah ini, lalu beri nama index.php


Setelah semuanya selesai simpan semua file yg telah kita buat sebelumnya pada 1 folder yang sama lalu jalankan melalui localhost pada aplikasi xampp yang anda miliki. Jika sukses maka akan muncul seperti contoh tampilan dibawah ini:

Untuk loginnya sendiri anda bisa menginputkan feedburner.com/alamat blog anda.

Sekian dari saya kurang lebihnya saya mohon maaf yg sebesar-besarnya kpd kalian semua khususnya pada dosen saya yang telah memberikan tugas ini untuk dikerjakan :D
Aditya Achmad. P - 1110651046


Menampilkan Data dalam bentuk XML ke Tabel HTML menggunakan PHP

Tutorial kali ini tentang bagaimana menampilkan sebuah data XML ke dalam tabel HTML yang diolah dengan bahasa pemrograman PHP.

Pertama-tama ketikkan file XML berikut ini ke dalam software editor yg kita pakai, saya sendiri menggunakan Notepad++

Beri nama song.xml !
didalam file song.xml terdapat tiga data yang akan ditampilkan berupa dateplayed, title dan artist.

Jika kita mau menampilkan format XML langsung ke dalam browser maka akan nampak seperti gambar di bawah ini
.

Selanjutnya kita akan menampilkan data XML yang telah kita buat diatas menjadi tabel berbentuk HTML dengan menggunakan script PHP. Caranya bagaimana? buat satu file lagi dan beri nama terserah anda sajalah. misal baru.php seperti gambar berikut





Jika semuanya sudah, nanti akan muncul seperti gambar dibawah ini.



Sekian dari saya kurang lebihnya saya mohon maaf yg sebesar-besarnya kpd kalian semua khususnya pada dosen saya yang telah memberikan tugas ini untuk dikerjakan :D

Aditya Achmad. P - 1110651046

Selasa, 11 Maret 2014

Tutorial Instalasi Eclipse untuk Android Development

Pada kesempatan kali ini saya bakal nge-share bagaimana cara menginstall eclipse dan sebangsanya. Sebelum masuk pada tahap selanjutnya sebaiknya PC agan kudu terinstall yang namanya JDK (Java Development Kit) terlebih dahulu. ini adalah syarat mutlak untuk menjalankan eclipse dan SDK Android.

Selanjutnya, install Eclipse. Masuk ke folder ADT, cari eclipse.exe setelah itu klik 2x. nanti akan muncul gambar seperti dibawah ini.

Pilihkan Workspacenya, kita tempatkan pada C saja.





Kemudian masuk ke menu File > New > Android Application Project untuk membuat project baru.

Langkah selanjutnya adalah setelah langkah sebelumnya dilakukan maka akan muncul seperti gambar di bawah ini. Kemudian isilah menu kosong yang tersedia sesuai keinginan agan.




Setelah selesai tahap sebelumnya maka boleh ditutup dan jalankan kembali Eclipsenya. Kita klik 2x eclipse.exe seperti pada langkah sebelumnya maka akan muncul gambar seperti di bawah ini.




Kemudian akan nampil antarmuka seperti ini. Langkah terakhir cek instalasi SDK di Android SDK Manager. Agan pilih tool yang dilingkari merah tsb maka akan tampil Package SDK Managernya.

Tampilan SDK Manager

Aditya Achmad Prasetya - 1110651046

Selasa, 02 April 2013

Membuat Website Sederhana Menggunakan HTML dan CSS

Postingan kali ini saya akan memberikan sedikit tutorial bagaimana cara nya kita membuat website sederhana dengan menggunakan fitur dari bahasa HTML dan CSS. Pertama-tama seperti biasa buatlah dokumen baru pada Notepad++ atau bisa juga dengan hanya menggunakan Notepad bawaan Windows tapi menurut saya menggunakan Notepad++ akan terasa lebih nyaman karena bisa langsung di run dan di pratinjau.

Selanjutnya siapkan beberapa gambar yang akan dipakai untuk menghiasi Web kita nanti, di sini saya menggunakan 3 buah gambar untuk header/sampul, nav bar, dan untuk diletakkan di dalam kerangka postingannya. Nah pada bagian ini terserah anda saja mau memilih gambar apa saja. Setelah bahan-bahan nya terkumpul kita simpan di dalam satu folder, jika terpisah maka gambar tersebut tidak bisa ditampilkan.

Berikut nya adalah Copy kan saja Source yang telah saya rancang di bawah ini ke dokumen yang sudah dibuat sebelumnya, lalu kita save dengan ekstensi (dot)php.

<html>
<head>
<style type="text/css">

table{
border-colapse:colapse;
 border:1px solid black;
  }
           
 #menu{
 height:40px;
 width:960px;
 background:url(bg-nav.jpg) repeat-x;
 }
          
#menu table{
 border:none;
 }
           
 #menu a{
 color:yellow;
 text-decoration:blink;
 }
           
 #menu a:hover{
 background-color:white;
 color:black;
 }
           
 #menu td{
 height:40px;
 text-align:center;
 vertical-align:middle;
 color:#fff;
 font: bold 14px Candara, Arial, Tahoma;
 }
           
 #isi{
 padding: 10 10 10 10;
 }
           
 #isi p{
 color:black;
 font: 11px Candara, Arial, Tahoma;
 padding-bottom:5px;
 }
           
 #isi img{
 boder: 1px solid black;
 width: 80px;
 height: 100px;
 }
           
 .table-menu{
 vertical-align: top;
 border-colapse: colapse;
 border: 1px solid black;
 background-color: #0066cc;
 }
           
 .table-menu{
 color:yellow;
 text-align:center;
 }
           
 .header{
 background-color:white;
 }
           
 .footer{
 background-color:red;
 }
           
 </style>
 </head>
   
  <body>
  <table width="70%" align="center">
  <tr>
  <td colspan=2><p align = "center">MINUM SUSU ITU PENTING COY</p><img src="header.jpg"></td>
  </tr>
  <tr>
  <td colspan=2>
  <div id="menu">
  <table width="100%">
  <tr>
  <td align="center"><a href="">Depan</a></td>
  <td align="center"><a href="">Profil</a></td>
  <td align="center"><a href="">Produk</a></td>
  <td align="center"><a href="">Kontak</a></td>
  <td align="center"><a href="">Forum</a></td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td width="70%">
<div id="isi">
<h1 style="color:red; font:bold 20px Candara, Arial, Tahoma;">Ayo Minum Susu</h1>
<img src="susu.jpg"/>
<p>Susu adalah sebuah cairan bergizi yang dihasilkan oleh kelenjar susu dari mamalia betina.
Susu adalah sumber gizi utama bagi bayi sebelum mereka dapat mencerna makanan padat.
Susu binatang (biasanya sapi) juga diolah menjadi berbagai produk seperti mentega, yoghurt, es krim, keju, susu kental manis, susu bubuk dan lain-lainnya untuk konsumsi manusia.
Semua orang di dunia ini membutuhkan susu untuk menopang kehidupannya. Baik dari bayi sampai orang yang sudah lanjut usia.</p>
<p>Khasiat susu sapi ternyata banyak sekali. Susu yang banyak digemari anak-anak ini disebut juga darah putih bagi tubuh karena mengandung banyak viatmin dan berbagai macam asam amino yang baik bagi kesehatan tubuh.
Dalam segelas susu terdapat antara lain:
<ul style="color:black; font:11px Candara, Arial, Tahoma;">
<li>Potasium, yang menggerakkan pembuluh darah agar tetap stabil, menghindarkan Anda dari penyakit darah tinggi dan jantung.</li>
<li>Zat besi, mempertahankan kulit tetap bersinar.</li>
<li>Tyrosine, mendorong hormon kegembiraan dan membuat tidur lebih nyenyak.</li>
<li>Kalsium, menguatkan tulang.</li>
<li>Magnesium, menguatkan jantung dan sistem saraf sehingga tidak mudah lelah.</li>
<li>Yodium, meningkatkan kerja otak cepat.</li>
<li>Seng, menyembuhkan luka dengan cepat.</li>
<li>Vitamin B2, meningkatkan ketajaman penglihatan.</li>
</ul>
</p>
</div>
</td>
<td width="30%" class="table-menu">
<h1>Pengalaman Pribadi</h1>
<p>Saya suka skali minum susu, apalagi yg rasa vanilla, wow dah!
mulai kecil saya sudah dibiasakan minum susu oleh ibu saya.
walaupun sudah besar kebiasaan itu tak akan pernah bisa hilang, setiap tanggal muda saya selalu pergi ke Indomaret untuk membeli susu kotakan yg harga nya 12.500 itu hehehe....
dari kebiasaan itulah saya mendapat banyak manfaat nya, apa ituu? ya, sehabis minum susu tubuh saya terasa lebih kuat dan segar, selain itu banyak minum susu juga akan membuat tinggi badan kita bertambah dan ini adalah TrueStory! masih tidak mau mengkonsumsi susu??? </p>
</td>
</tr>
<tr>
<td colspan=2 height=50 class="footer">
<p style="color:blue; font:bold 12px candara, arial, tahoma; text-align:center;"></p>
</td>
</tr>
</table>
</body>
</html>

Jika sudah, bagian selanjutnya saya akan menjelaskan tentang keterangan dari beberapa kode CSS yang telah saya pasang ke dalam HTML di atas dengan metode Embedded CSS yaitu dengan cara menempelkan kode CSS diantara tag <head> dan </head> atau bisa juga diantara tag <body> dan </body>.

table{
border-colapse:colapse;
border:1px solid black;
}

Keterangan kode CSS di atas  menjelaskan bahwa kita akan membuat tampilan sebuah tabel yang border nya 1px dan berwarna hitam.

#menu{
 height:40px;
 width:960px;
 background:url(bg-nav.jpg) repeat-x;
 }

Keterangan kode CSS di atas menjelaskan untuk membuat background menu yang mengimport gambar yang sudah disediakan sebelumnya dan repeat-x merupakan perintah untuk mengulang gambar secara horizontal atau menyamping.

#menu table{
 border:none;
 }
           
 #menu a{
 color:yellow;
 text-decoration:blink;
 }
           
 #menu a:hover{
 background-color:white;
 color:black;
 }
           
 #menu td{
 height:40px;
 text-align:center;
 vertical-align:middle;
 color:#fff;
 font: bold 14px Candara, Arial, Tahoma;
 }

Keterangan kode CSS di atas menjelaskan pada menu tabel tidak memiliki border, kemudian text menu akan berwarna Kuning dan ketika text tsb disorot maka secara otomatis text akan berubah menjadi hitam dengan background berwarna putih dan text tsb akan mengeluarkan efek kedap-kedip (blink). Selanjutnya menu akan berada pada posisi Center dan berada pada posisi pas di tengah-tengah (middle) dengan ketebalan border nya adalah 14px.

 #isi{
 padding: 10 10 10 10;
 }
           
 #isi p{
 color:black;
 font: 11px Candara, Arial, Tahoma;
 padding-bottom:5px;
 }
           
 #isi img{
 boder: 1px solid black;
 width: 80px;
 height: 100px;
 }

Keterangan kode CSS di atas menjelaskan tentang isi dari web yang ditentukan dengan beberapa lapisan, setelah itu dalam lapisan apabila kita menggunakan tag <p> dan </p> dalam isi maka akan secara otomatis terbentuk karena sudah ditentukan dalam CSS, begitu pula dengan tag <ul> dan </ul> sehingga secara otomatis dia akan terbentuk dengan sendiri nya.

 .table-menu{
 vertical-align: top;
 border-colapse: colapse;
 border: 1px solid black;
 background-color: #0066cc;
 }
           
 .table-menu{
 color:yellow;
 text-align:center;
 }

Keterangan kode CSS di atas menjelaskan tentang sebuah tabel menu disamping kanan yg telah kita buat dengan background berwarna biru. Sedangkan isi dalam menu ini untuk text yang berwarna kuning.

.header{
 background-color:white;
 }
           
 .footer{
 background-color:red;
 }

Keterangan kode CSS di atas menjelaskan tentang pembuatan header yang berwarna putih dan footer dengan warna merah beraniii!!!!


Nah, inilah bagian yang ditunggu-tunggu. setelah semua nya kelar barulah anda JALANKAN file yang sudah anda buat tadi. Hasil nya akan terlihat seperti Screen Capture di bawah ini:




Akhir nya, sekian dulu dari Saya, kurang dan lebih nya saya mohon maaf, apabila ada kritik dan saran silahkan ada kolom komentar di bawah. Selamat mencoba! Goodluck! ;)


Selasa, 19 Maret 2013

Memberikan Kondisi untuk Textfield yang Kosong

Di tutorial kali ini saya akan menjelaskan bagaimana memberikan kondisi untuk textfield (pengurangan, perkalian, dan pembagian) yang kosong. Nah, Jika textfield kosong, terdapat keterangan bahwa textfield tidak boleh kosong. Langsung saja kita mulai, software yang akan digunakan itu terserah bisa menggunakan notepad, notepad++ dan berbagai macam editor lainnya. Dan sekali lagi tidak disarankan untuk menggunakan Dreamwever karena kata Dosen saya Software ini sangat-sangat tidak membuat kita pintar dan maju...hehehe, Disini saya menggunakan editor notepad++ v6.3 , oke langsung saja yaah.

Pertama create sebuah document baru dengan nama pengurangan.php untuk textfield pengurangan, perkalian.php untuk textfield perkalian, dan pembagian.php untuk yang pembagian. setelah itu copykan code berikut di editor anda,

Textfield Pengurangan:

<!DOCTYPE html>
<html>
<head><title>Web Pengurangan</title></head>
<body>
<h1>PENGURANGAN</h1>
<form method="post">
<table>
<tr>
<td align="center">Angka 1</td>
<td>-</td>
<td align="center">Angka 2</td>
</tr>
<tr>
<td><input type="number" name="angka1" value="<?php echo $_POST['angka1'];?>" required></td>
<td>-</td>
<td><input type="number" name="angka2" value="<?php echo $_POST['angka2'];?>" required></td>
<td>=</td>
<?php
if(isset($_POST["kurangi"])){
$hasil = $_POST["angka1"] - $_POST["angka2"];
}
?>
<td><input type="text" name="hasil" disabled value="<?=$hasil;?>"></td>
<td><input type="submit" name="kurangi" value="Hitung"></td>
</tr>
</table>
</form>
</body>
</html>

Textfield Perkalian:

<!DOCTYPE html>
<html>
<head><title>Web Perkalian</title></head>
<body>
<h1>PERKALIAN</h1>
<form method="post">
<table>
<tr>
<td align="center">Angka 1</td>
<td>*</td>
<td align="center">Angka 2</td>
</tr>
<tr>
<td><input type="number" name="angka1" value="<?php echo $_POST['angka1'];?>" required></td>
<td>*</td>
<td><input type="number" name="angka2" value="<?php echo $_POST['angka2'];?>" required></td>
<td>=</td>
<?php
if(isset($_POST["kalikan"])){
$hasil = $_POST["angka1"] * $_POST["angka2"];
}
?>
<td><input type="text" name="hasil" disabled value="<?=$hasil;?>"></td>
<td><input type="submit" name="kalikan" value="Hitung"></td>
</tr>
</table>
</form>
</body>
</html>

Textfield Pembagian:

<!DOCTYPE html>
<html>
<head><title>Web Pembagian</title></head>
<body>
<h1>PEMBAGIAN</h1>
<form method="post">
<table>
<tr>
<td align="center">Angka 1</td>
<td>/</td>
<td align="center">Angka 2</td>
</tr>
<tr>
<td><input type="number" name="angka1" value="<?php echo $_POST['angka1'];?>" required></td>
<td>/</td>
<td><input type="number" name="angka2" value="<?php echo $_POST['angka2'];?>" required></td>
<td>=</td>
<?php
if(isset($_POST["bagikan"])){
$hasil = $_POST["angka1"] / $_POST["angka2"];
}
?>
<td><input type="text" name="hasil" disabled value="<?=$hasil;?>"></td>
<td><input type="submit" name="bagikan" value="Hitung"></td>
</tr>
</table>
</form>
</body>
</html>

Setalah tercopy, buka file tersebut kemudian akan tampil seperti contoh gambar dibawah ini.



Sekian dulu Tutorial dari saya, mohon maaf jika terdapat buanyaaak skali kekurangan nya. Selamat mencoba! Goodluck! ;)




Aditya Achmad Prasetya - 1110651046

Minggu, 10 Maret 2013

Cara Membuat Form Dengan HTML 5

Ass.Wr.Wb

sebelum nya Say Hello dulu buat para blogger yang sudah mau meluangkan sedikit waktu nya untuk membuka blog Saya yang sangat sederhana ini. mungkin gak perlu banyak basa-basi, to the point aja ya...hehe


sesuai dengan judul nya, di Sini saya hanya akan menulis cara pembuatan Form sederhana pada HTML 5, tanpa menggunakan database, hanya form saja. kebetulan yang Saya post kali ini adalah menjadi Tugas Kuliah juga jadi selain niat nya untuk memenuhi permintaan Dosen sekalian bisa sambil berbagi juga hehehe (alibi). Untuk yang sudah pernah membuat form login dengan HTML 5, jika ada kesalahan dalam penulisan ini tolong segera dikoreksi.


Form Biodata



Nama :                        


Tempat/Tanggal lahir : 


Jenis Kelamin :            


Alamat :                       

Kecamatan:                 


No Telephone :           


Alamat Web :              


E-mail :                       





Bagaimana kita memulai nya untuk membuat seperti di Atas?


1. Siapkan lembar kerja baru pada aplikasi Notepad atau Notepad++, tidak disarankan menggunakan Dreamwever karena kata Dosen saya itu tidak menjadikan kita pintar dan berkembang :D


2.  Langkah berikut nya adalah ketik source code seperti ini untuk menampilkan teks "Form Biodata",

<!DOCTYPE html>
<html>
<head>
Form Biodata
</head>
</html>

3. Untuk membuat Form, code pertama yaitu,

<form action="" method="get"> dan di tutup dengan </form> sama seperti HTML versi sebelumnya

4. Selanjutnya untuk membuat Form Nama kita ketikkan,

Nama                   : <input type="text"   name="nama_anda" size="25" value="" />

input type=”text”, maksudnya di sini adalah input yang akan dilakukan untuk mengisi form nama yang berupa teks, kalau berupa nomor inputannya adalah "number" tapi untuk input type "number" hanya support pada browser Google Chrome saja, pada Mozilla seperti nya belum mendukung setau saya,

name=”nama_anda”, ini adalah attribut dari nama,
size=”25”, untuk menambah panjang isian pada form.


5. Form Tempat/Tanggal Lahir,

Tempat/Tanggal lahir   : <input type="date"   name="Tempat/Tanggal_Lahir" />

input type=”date”, yaitu akan menampilkan pilihan tanggal, bulan dan tahun.


6. Form Jenis Kelamin

Jenis Kelamin          : <input type="text"   name="Jenis Kelamin" size="25" />

7. Form Alamat

Alamat         : <input type="text"   name="Alamat" size="25" />

untuk Form Alamat sama seperti Form Nama di atas


8. Form Kecamatan

<select name="Kecamatan">
<option values="1">Sumberbaru</option>
<option values="2">Tanggul</option>
<option values="3">gambirono</option>
<option values="4">Bangsalsari</option> 
<option values="5">Rambipuji</option>
</select> 


select name=”” dan option value=”” adalah elemen yang berbeda, “select name=”” itu adalah attributnya sedangkan “option value=”” adalah pilihan jika kita klik combobox kecamatan maka akan tampil pilihan kecamatan seperti Sumberbaru, Tanggul dll.


9. Form Nomor Telephone

No Telephone           : <input type="tel" name="No_Telp" size="25" />  

input type=”tel”, yaitu input untuk no telp, biasanya inputan berupa angka tapi saya coba huruf juga bisa. aneh memang! :D


10. Form Alamat Web

Alamat Web             : <input type="url"   name="Alamat_Web" size="25" />

input type : url = inputan berupa link/alamat web. apabila agan memasukkannya asal-asalan maka ketika disubmit akan mendapat peringatan bahwa harus memasukkan url yang benar seperti http://www.facebook.com/  



 11. Form E-Mail

 E-mail                 : <input type="email"  name="Email" size="25" />

input type =”email”, data yang agan inputkan berupa email, jika agan menginput Selain E-Mail maka akan mendapat peringatan bahwa yang harus diinputkan adalah email yang benar seperti xxxxxyyyyy@gmail.com

12. Tombol Action: Submit & Reset
<input type="submit" />           <input type="reset" />  

13. Langkah Terakhir
Simpan source code di atas dengan nama form.html. Setelah disimpan, kemudian jalankan file tersebut menggunakan aplikasi browser, misal: Mozilla Firefox atau sejenisnya. Setelah file form.html dipanggil, kemudian akan tampil form seperti di atas! Selamat ber-eksperimen kawan!

Nama    : Aditya Achmad. P
NIM       : 1110651046
Jurusan : T. Informatika (di salah satu Universitas terkemuka di Jember)  :D