CheryyBlossom's Youth: August 2013

Wednesday, August 28, 2013

Tugas PHP #2

Hai guise! Kali ini saya akan bagi tutorial tugas PHP kedua saya yang sedikit bereksperimen dengan komentar, variabel, dan tipe data string dan numerik. Oke biar gak lama langsung aja yaaa~

Pertama-tama pastikan anda telah menginstall Netbeans atau editor PHP kesukaan kalian (tetapi kali ini saya menggunakan Netbeans), kemudian buka aplikasinya dan sebelum itu, pastikan kalian telah me-running Apache dan MySql di xampp control panel.
Setelah Netbeans terbuka, pilih icon “New File” pada toolbar, maka akan muncul jendela “New File". Lokasikan project di folder yang telah kita buat sebelumnya (PraktikumPHP21), lalu pada Categories pilih PHP lalu PHP File pada File Types, dan klik Next.
Setelah itu akan muncul pop up window lagi. Beri nama filenya dengan PraktikumBiodata2 lalu klik Finish.
Lalu supaya dapat menampilkan data diri kita di browser dengan menggunakan komentar, variabel, dan tipe data string serta numerik, isikan script seperti di bawah ini.

NOTE: Sebenarnya ada dua macam script yang bisa kita pakai, yaitu menggunakan sepenuhnya script PHP atau menggunakan script HTML tetapi dengan menyisipkan script PHP di dalamnya. Kali ini saya menggunakan script PHP sepenuhnya untuk membuat biodata diri saya.

Berikut adalah tamiplan script di Netbeans:

Berikut adalah script tersebut:

<?php
echo "";
echo "<table width='1000' border='0' cellpadding='4'>";

//komentar nama lengkap
$namaLengkap = "ELLYS DWI SETYOWATI";
echo "<tr>";
echo "<td width='227'>Nama Lengkap</td>";
echo "<td with='8'>:</td>";
echo "<td width='254'>$namaLengkap</td>";
echo "<td rowspan='9'> <img src='aa.jpg' width='160' height='280'> </td>";
echo "</tr>";
//

//komentar nama panggilan
$namaPanggilan = "EL";
echo "<tr>";
echo "<td>Nama Panggilan</td>";
echo "<td>:</td>";
echo "<td>$namaPanggilan</td>";
echo "</tr>";
//

//komentar ttl
$tempatTanggalLahir = "MALANG, 11 MEI 1997";
echo "<tr>";
echo "<td>Tempat, Tanggal Lahir</td>";
echo "<td>:</td>";
echo "<td>$tempatTanggalLahir</td>";
echo "</tr>";
//

//komentar smp
$asalSMP = "SMPN 4 KEPANJEN";
echo "<tr>";
echo "<td>Asal SMP</td>";
echo "<td>:</td>";
echo "<td>$asalSMP</td>";
echo "</tr>";
//

//komentar alamat
$alamat = "JL. Pacar 107 Kepanjen";
echo "<tr>";
echo "<td>Alamat</td>";
echo "<td>:</td>";
echo "<td>$alamat</td>";
echo "</tr>";
//

//komentar tinggi/berat
$tinggi = "150";
$berat = "43";
echo "<tr>";
echo "<td>Tinggi/berat</td>";
echo "<td>:</td>";
echo "<td>$tinggi/$berat</td>";
echo "</tr>";
//

//komentar cita-cita
$citaCita = "PROGRAMMER & FREELANCE WRITER";
echo "<tr>";
echo "<td>Cita-cita</td>";
echo "<td>:</td>";
echo "<td>$citaCita</td>";
echo "</tr>";
//

//komentar agama
$agama = "ISLAM";
echo "<tr>";
echo "<td>Agama</td>";
echo "<td>:</td>";
echo "<td>$agama</td>";
echo "</tr>";
//

//komentar hobi
$hobi = "WRITING, READING";
echo "<tr>";
echo "<td>Hobi</td>";
echo "<td>:</td>";
echo "<td>$hobi</td>";
echo "</tr>";
//
Setelah selesai, simpan dan coba jalankan di browser eksternal. Tampilannya akan menjadi seperti di bawah ini:

Semoga bermanfaat yaaa. Terimakasih dan kita pasti ketemu lagi bentar lagi haha.

Thursday, August 22, 2013

Praktikum ASP.NET 1 (Membuat Biodata Diri di Visual Studio)

Kali ini saya akan membagi tutorial yang sebenarnya adalah tugas ASP pertama saya, yaitu membuat biodata diri menggunakan C# di Visual Studio.

Langkah yang pertama adalah install dulu aplikasi Visual Studio 2012 Ultimate. Setelah selesai menginstall, buka programnya dan akan muncul tampilan seperti di bawah. Lalu pilih New Project.

Setelah itu akan muncul pop up seperti di bawah. Pilihlah Visual C# lalu Windows dan terakhir Console Application. Sebelum klik Ok, berilah nama project nya dengan nama Biodataku dan arahkan lokasi project nya di folder PraktikumASP21 (buatlah terlebih dulu foldernya di partisi yang menurutmu aman).

Lalu tambahkan script di bawah ini pada class Program.

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace Biodataku
{
    class Program
    {
        static void Main(string[] args)
        {
            Console.WriteLine("Hello word, my name is el !");
            Console.WriteLine(" ");
            Console.WriteLine("DATA DIRI");

            Console.WriteLine(" Nama Lengkap    : Ellys Dwi Setyowati");
            Console.WriteLine(" Nama Panggilan : Ellys");
            Console.WriteLine(" TTL             : Malang, 11 Mei 1997");
            Console.WriteLine(" Asal SMP        : SMPN 4 Kepanjen");
            Console.WriteLine(" Alamat          : Jl Pacar 107 Kepanjen");
            Console.WriteLine(" Tinggi/berat    : 150/43");
            Console.WriteLine(" Cita-cita       : Programmer and a freelance writer");
            Console.WriteLine(" Agama           : Islam");
            Console.WriteLine(" Hobi            : Writing and reading");

            Console.ReadLine();
        }
    }
}

Maka akan tampak seperti gambar di bawah ini :

Terakhir, run dengan menekan Ctrl + F5. Dan hasilnya akan seperti ini:

Nah, semoga bermanfaat tutorialnya. See ya next time, guise!

Monday, August 5, 2013

Membuat Project PHP Menggunakan Dreamweaver CS6, Netbeans, dan PhpDesigner8

Hii! I'm finally back again after a really long hiatus. Don't you guys miss me? Muehehe kidding .___.v Alright, I'll go straight to my first purpose. I'm not here to post something 'bout my life, instead I'll be sharing to you about my first PHP assignment from Mr. Hadi :)

I'm not going to post the whole steps using english cause I'm not sure either I can do it. And it's actually a long way to go before I finally able to post this, since I got many problems (come on, I won't tell you here).

Now, let's just start the tutorials. I'll use Bahasa from now on :)

Jadi yang pertama kali bakal saya bahas steps nya adalah yang menggunakan Adobe Dreamweaver CS6. Sebenernya sih, perintahnya suruh pake Dreamweaver CS6, tapi berhubung waktu diajarin pertama kali sama Pak Hadi banyak yang pake Dreamweaver 8, jadinya diajarin tutorialnya juga deh. Tapi nih (lagi lagi tapi!) karna saya pakenya yang CS6, jadi yang saya share yang pake CS6 ajah :v Waks, bear with me yaaa~

Okay, let's start this. Jadi step yang paling pertama adalah... (read the explanations below):

Install dulu software Adobe Dreamweaver CS6 nya (dan juga NetBeans plus PhpDesigner 8 nya). Bisa install yang master collection, jadi sekalian sama product Adobe yang lain atau bisa juga install yang portable. Trus install xampp juga. How about the download link? I won't give you any, so googling deh ;) Sekarang kan udah maju jamannya, everything can be found from internet. Jadi, kalian bisa kok nemuin link downloadnya dengan cepat lewat internet. (Ganbatte yah buat yg belum install ataupun download! :D)

Setelah selesai download, kita gak bakal langsung eksekusi *ceilah pake eksekusi segala* programnya. Kita buka My Computer, terus ke partisi tempat kamu nyimpen data xampp mu (misalnya, kalo saya di partisi D:). Abis itu masuk folder xampp dan cari folder htdocs, klik dua kali. Terus bikin New Folder di dalam folder htdocs dengan nama PraktikumPHP21 (no space)

Setelah selesai bikin foldernya, trus kita baru deh buka Adobe Dreamweaver CS6 nya. Once it opened, pilih file PHP di bawah tulisan Create New.

Isikan script seperti di bawah ini. <title>Hello World</title>
<?php

echo"Hello World, My Name is Ellys Ds 
DATA DIRI
 
 
<table width='700' height='200' border='0' >
<tr>
<td width='50'> </td>
<td width='200' height='5'> Nama Lengkap</td>
<td>:</td>
<td width='500'>ELLYS DWI SETYOWATI</td>
</tr>
<tr>
<td> </td>
<td> Nama Panggilan</td>
<td>:</td>
<td>ELL</td>
</tr>
<tr>
<td> </td>
<td> TTL</td>
<td> :</td>
<td>MALANG, 11 MEI 1997</td>
</tr>
<tr>
<td> </td>
<td> Asal SMP</td>
<td>:</td>
<td>SMPN 4 KEPANJEN</td>
</tr>
<tr>
<td> </td>
<td> Alamat</td>
<td>:</td>
<td>JL. PACAR NO 107 CEPOKOMULYO, KEPANJEN</td>
</tr>
<tr>
<td> </td>
<td> Tinggi/Berat</td>
<td>:</td>
<td>150 cm/37 kg</td>
</tr>
<tr>
<td> </td>
<td> Cita-cita</td>
<td>:</td>
<td>PROGRAMMER AND A FREELANCE WRITER</td>
</tr>
<tr>
<td> </td>
<td> Agama</td>
<td>:</td>
<td>ISLAM</td>
</tr>
<tr>
<td height='21'> </td>
<td> Hobi</td>
<td>:</td>
<td>WRITING</td>
</tr>
</table>";

?>

Save file script diatas dengan nama helloword.php dan arahkan pada folder PraktikumPHP21 yang telah kita buat tadi.

Setelah tersimpan, sekarang kita akan mencoba membuat New Site agar file tersebut dapat dibuka di Live View ataupun browser external. Klik tool Site dan pilih “New Site”.

Kemudian, akan muncul jendela seperti dibawah ini. Isikan kolom “Site Name” dengan nama folder yang telah dibuat "PraktikumPHP21" dan isikan juga “Local Site Folder” dengan nama lokasi folder tersebut "D:\xampp\htdocs\PraktikumPHP21\". Lalu klik Save.

Sekarang klik lagi tool Site, tetapi pilihlah "Manage Sites"

Lalu akan muncul pop up seperti di bawah ini, pilih site yang telah kita buat sebelumnya (ParktikumPHP21) kemudian klik button edit (gambar pensil).

Dan muncullah jendela Site Setup for PraktikumPHP21 lalu klik pada tab menu Servers, kemudian Add New Server.

Akan muncul jendela lagi, lalu isikan Server Name dengan "localhost", Connect using dengan "Local/Network", Sever folder dengan lokasi folder yang telah kita buat "D:\xampp\htdocs\PraktikumPHP21\" dan Web URL dengan alamat yang akan dipanggil setelah website bisa digunakan, yaitu "http://localhost/PraktikumPHP21/" kemudian klik save.

Saat ada pop up seperti gambar di bawah ini, check button Remote dan Testing.

Kemudian coba buka file PHP yang telah kita simpan tadi di browser external (ex: firefox) dengan mengetikkan alamatnya (https://localhost/PraktikumPHP21/helloworld.php) maka akan muncul halaman seperti dibawah ini.

Sekarang kita akan pindah ke NetBeans, yaitu mencoba membuat New Project dengan memanfaatkan file PHP yang telah kita buat di Dreamweaver CS6 tadi.

Pertama-tama, setelah menginstall NetBeans IDE 7.3.1, bukalah programnya dan klik tool New Project.
Lalu akan muncul pop up seperti di bawah. Di kolom Categories, pilih PHP dan di kolom Projects pilihlah PHP Applicationwith Existing Source lalu klik Next.
Next step, when there's another pop up window opened for Name and Location, isilah Source Folder dengan lokasi folder PraktikumPHP21 yang tadi telah kita buat dan isi Project Name dengan PraktikumPHP21 lalu klik Next.
Lalu pada window Run Configuration, pilihlah Local Web Site (running on local web server) untuk Run As dan isilah Project URL sesuai dengan di gambar dan klik Finish.
Setelah itu, klik Tools dan pilih Options, maka akan muncul pop up seperti gambar di bawah ini. Untuk Web Browser, pilihlah Chrome atau Firefox dan klik Ok.
Lalu bukalah file helloword.php yang tadi telah kita buat, seperti pada gambar di bawah.
Inilah tampilan script file tsb setelah dibuka di NetBeans (lihat gambar di bawah)
Untuk membuka file tersebut di browser sesuai dengan apa yang tadi kita pilih, tekan SHIFT+F6.

Terakhir, kita akan membahas steps membuat Project di PhpDesigner8.

The very first steps, open the application after you install it. Klik icon Project Manager di sebelah kanan, di bawah tulisan No Project loaded seperti di gambar.
Akan muncul pop up window, dan klik New.
Maka akan ada pop up window lagi, kemudian isi Project title dengan PraktikumPHP21 dan klik Next.
Setelah itu untuk Project root folder, arahkan ke folder PraktikumPHP21 yang telah kita buat tadi, lalu klik Next.
Akan muncul Edit Project, pilih Localhost dan tampilannya akan seperti gambar di bawah. Lalu isi Serverpath dan Local path sesuai gambar dan klik Ok.
Lalu buka file helloworld.php pada Project Manager dan seperti inilah tampilannya setelah file tsb terbuka (lihat gambar di bawah).
Yang terakhir, untuk mencoba membuka file tsb di browser, pilih tool Run dan pilih browser sesuai yang anda inginkan.

Finished! *throws confetti* Muehehe semoga stepsnya bermanfaat dan selamat mencoba! :) So sorry for not using proper language~ Anyway, see ya next time cause I still have another assignments to share here. Also, I think I will renew this blog since myself, think that it's a bit awful ;w; I'll be going now! Bye! :D