tutorial dasar membuat website

pengertian dan pengenalan XML

pengertian dan pengenalan XML 



Pendahuluan
XML
Extensible Markup Language (XML) adalah sebuah markup language yang mempunyai himpunan aturan untuk pengkodean dokumen dalam format yang dimengerti oleh manusia dan mesin.
Tujuan perancangan dari XML menekankan pada kesederhanaan, keumuman, dan kegunaan melalui Internet. XML adalah format data tekstual dengan dukungan yang kuat melalui Unicode untuk bahasa-bahasa di seluruh dunia. Meskipun desain dari XML memfokuskan pada dokumen, yang digunakan secara luas untuk representasi struktur data yang bebas, sebagai contoh pada web services.
Banyak application programming interfaces (APIs) telah dikembangkan untuk memproses data XML, dan ada beberapa sistem skema untuk membantu dalam proses mendefinisikan dari bahasa berbasis XML.
Pada tahun 2009, ratusan bahasa berbasis XML telah dikembangkan, termasuk RSS, Atom, SOAP, dan XHTML. Format berbasis XML telah menjadi standar bagi banyak kakas office-productivity, termasuk Microsoft Office (Office Open XML), OpenOffice.org dan LibreOffice (OpenDocument), dan iWork dari Apple. XML juga diperlakukan sebagai bahasa baku untuk protokol komunikasi, seperti XMPP (eXtensible Messaging and Presence Protocol).

Terminologi Kunci
Materi pada bagian ini berdasarkan pada spesifikasi XML. Tidak semua dituliskan, hanya terminologi yang sering dipakai saja.
(Unicode) Character
Definisi sebuah dokumen XML adalah kumpulan dari karakter. Hampir semua karakter Unicode yang legal bisa tampil di dokumen XML.
Prosesor dan Aplikasi
Prosesor menganalisa markup, kemudian melempar informasi yang terstruktur ke sebuah aplikasi. Spesifikasi XML mempunyai kebutuhan yang menentukan apa yang harus dilakukan dan tidak dilakukan oleh sebuah prosesor XML, tetapi tidak untuk aplikasinya. Prosesor XML juga sering disebut XML parser.
Markup dan Konten
Karakter yang membangun dokumen XML dibagi menjadi markup dan konten.

Markup dan konten dapat dikenali oleh aplikasi dengan aturan sintaksis yang sederhana. Semua string yang merupakan sebuah markup dapat diawali dengan karakter < dan diakhiri dengan > atau diawali dengan karakter & dan diakhiri dengan ;. String yang bukan merupakan markup adalah konten.

Tag
Tag adalah sebuah markup yang diawali dengan < dan diakhiri dengan >. 
Ada tiga jenis tag:



  • start-tags; contohnya: <section>
  • end-tags; contohnya: </section>
  • empty-element tags; contohnya: <line-break />

Elemen
Elemen adalah sebuah komponen dokumen logikal yang diawali oleh sebuah start-tag dan diakhiri oleh end-tag yang sepadan dengan start-tag nya atau berisi hanya sebuah empty-element tag. Karakter-karakter diantara start-tag dan end-tag, jika ada, adalah konten dari elemen, dapat mempunyai markup, elemen-elemen lain, yang disebut child elements. Contoh dari elemen adalah <Greeting>Hello, world.</Greeting>. Yang lainnya <line-break />.
Atribut
Sebuah rangkaian markup yang terdiri dari pasangan nama/nilai yang ada dalam start-tag atau empty-element tag. Pada contoh berikut ini, elemen img mempunyai dua atribut, src dan alt: <img src="madonna.jpg" alt='Foligno Madonna, by Raphael' />. Contoh lain <step number="3">Connect A to B.</step> dimana nama atributnya adalah "number" dan nilainya "3".
Deklarasi XML
Dokumen XML dapat diawali dengan mendeklarasikan beberapa informasi mengenai dirinya, sebagai contoh:
<?xml version="1.0" encoding="UTF-8" ?>
RSS
RSS, awalnya RDF Site Summary (versi 1.0), sering disebut Really Simple Syndication (versi 2.0), adalah sebuah rumpun format web feed yang digunakan untuk mempublikasikan pekerjaan yang memerlukan update secara reguler—seperti blog, berita, audio, dan video—dalam sebuah format yang telah dibakukan. Sebuah dokumen RSS (yang disebut sebuah "feed", "web feed", atau "channel") meliputi sebuah rangkuman teks ataupun teks penuh, ditambah metadata seperti tanggal terbit dan pembuat/penulis.
RSS menguntungkan para penerbit untuk menggabungkan konten secara otomatis. Sebuah format file XML memungkinkan informasi diterbitkan satu kali dan dilihat melalui banyak sekali aplikasi yang berbeda. Hal ini juga menguntungkan para pembaca yang ingin berlangganan update secara berkala dari banyak website favorit mereka ke dalam satu tempat.
RSS feed dapat dibaca menggunakan perangkat lunak yang disebut "RSS reader", "feed reader", atau "aggregator", dengan platform web-based, desktop-based, atau mobile-device-based. Pengguna perangkat lunak tersebut dapat berlangganan feed dengan memasuki URI feed-nya, atau dengan mengklik sebuah ikon feed pada web browser yang menginisiasi proses berlangganan. Perangkat lunak pembaca RSS memeriksa feed-feed yang dilanggan oleh pengguna secara reguler untuk entry baru, mengunduh update tersebut, dan menyediakan tampilan antarmuka untuk memonitor dan membaca feed-feed tersebut. RSS memungkinkan para pengguna untuk menghindari memeriksa semua website favorit mereka secara manual, sebagai gantinya, mereka berlangganan ke website tersebut melalui RSS reader.


Contoh RSS:

<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
<channel>
<title>RSS Title</title>
<description>This is an example of an RSS feed</description>
<link>http://www.someexamplerssdomain.com/main.html</link>
<lastBuildDate>Mon, 06 Sep 2010 00:01:00 +0000 </lastBuildDate>

<pubDate>Mon, 06 Sep 2009 16:45:00 +0000 </pubDate>
<ttl>1800</ttl>
<item>
<title>Example entry</title>
<description>Here is some text containing an interesting description.</description>
<link>http://www.wikipedia.org/</link>
<guid>unique string per item</guid>
<pubDate>Mon, 06 Sep 2009 16:45:00 +0000 </pubDate>
</item>
</channel>
</rss>






















Contoh Penggunaan RSS
1. Membaca headline berita, melalui browser




















Pada browser-browser masa kini, kita dapat berlangganan feed untuk headline berita dari berbagai website berita. Contoh pada gambar diatas
adalah fitur pembaca RSS dari Mozilla Firefox.


2. Menjadikan konten web/blog lebih kaya.
Kita dapat memasukkan konten-konten dari website lain ke website kita dengan menggunakan RSS. Banyak plugin atau service yang bisa digunakan untuk menampilkan feed RSS dari web lain.

3. News aggregator
News aggregator adalah sebuah aplikasi (biasanya berupa aplikasi desktop client, meskipun ada yang berupa aplikasi web) yang dapat mengumpulkan konten-



konten dari RSS. Beberapa aplikasi news aggregator mempunyai kemampuan untuk memposting berita-berita tersebut ke blog/website pribadi penggunanya.
Masih banyak kegunaan RSS yang lain, silahkan baca lebih lanjut mengenai RSS di internet.


Latihan 1. Membuat Feed RSS dengan PHP
◦ Buat database rss_feeds dengan skrip berikut:

CREATE DATABASE `rss_feeds` DEFAULT CHARACTER SET latin1 COLLATE latin1_swedish_ci; USE `rss_feeds`;

CREATE TABLE IF NOT EXISTS `feeds`
 ( `id` int(11) NOT NULL AUTO_INCREMENT,
`title` varchar(255) NOT NULL,
`pubDate` datetime NOT NULL,
`link` varchar(255) NOT NULL,
`description` text NOT NULL,
PRIMARY KEY (`id`) )
ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=3 ;


◦ Buat folder baru dengan nama rss_[nrp] pada htdocs
◦ Buat file database.php, dengan isi sebagai berikut
















  • Buat file database_config.php, dengan isi sebagai berikut











◦ Buat file rss_feed.php, dengan isi sebagai berikut

<?php 
class Feed{ private $items = array( ); 
private $channels = array( ); 
public function __construct( ){
     $count = func_num_args();
     $parameters = func_get_args();
if( $count == 3 ){
    $this->setFeedTitle( $parameters[0] ); 
    $this->setFeedLink( $parameters[1] ); 
    $this->setFeedDesc( $parameters[2] );
else if ( $count == 1 AND is_array( $parameters[0] ) )
foreach( $parameters[0] as $key => $value )
 if( $key == 'title' )
$this->setFeedTitle( $value );
 else if( $key == 'link' ) 
$this->setFeedLink( $value ); 
else if( $key == 'description' )
 $this->setFeedDesc( $value );
 else if( $key == 'generator' ) 
$this->setFeedGenerator( $value ); 
else if( $key == 'language' ) 
$this->setFeedLang( $value );
 else if( $key == 'image' ) 
$this->setFeedImage( $value[0], $value[1], $value[2] ); 
else $this->setChannelElm( $key, $value );
}
/* * Function responsible of treating the channel elements 
* Responsible of making the conversion of arrays to tags */

private function meta_array( $array ){ 
$output = '';
foreach( $array as $key => $value )
if( is_array( $value ) )

if( is_array( $value ) )
$output .= PHP_EOL . "<$key>" . $this->meta_array( $value ) . "</$key>" . PHP_EOL;
else
$output .= PHP_EOL . "<$key>$value</$key>" . PHP_EOL;
return $output;
}
/*
* Sets any channel element
*/
public function setChannelElm( $tagName, $content ){
$this->channels[ $tagName ] = $content ;
}

public function setFeedTitle( $title ){ $this->setChannelElm( 'title', $title );
}
/* * Sets channel link */
 public function setFeedLink( $link ){ $this->setChannelElm( 'link', $link );
 }
 /* * Sets channel description */
 public function setFeedDesc( $desc ){ $this->setChannelElm( 'description', $desc);
}
 /* * Sets channel language */
 public function setFeedLang( $lang='en_en' ){ $this->setChannelElm( 'language', $lang );
 }
/*
* Sets channel image
*/
public function setFeedImage( $title, $imag, $link, $width = '', $height = '' ){
$this->setChannelElm('image', array(
'title' => $title,
'link'=> $link,
'url' => $imag,
'width' => $width,
'height' => $height
) );
}
/*
* Sets channel Feed Generator Script
*/
private function setFeedGenerator( $desc = 'RSS Feed Generator - http://www.example.com/rss' ){
$this->setChannelElm('generator', $desc );
}
private function genHead( ) {
echo '<?xml version="1.0" encoding="utf-8"?>' . PHP_EOL . '<rss version="2.0">' . PHP_EOL;
}
private function genChannel( ){
echo '<channel>' . PHP_EOL;
echo $this->meta_array( $this->channels );
}
/*
* Add each Item object to an array to be treated after
*/
public function addItem( $item ){
if( is_array( $item ) )
foreach( $item as $itm )
$this->addItem( $itm );
array_push( $this->items, $item );
}
private function genBody( ){
foreach( $this->items as $item )
$item->parseItem( );
}
private function genBottom( ){
echo '</channel>' . PHP_EOL . '</rss>';
}
/*
* Generates the Feed
*/
public function genFeed( ){
header( "Content-type: text/xml" );
$this->genHead( );
$this->genChannel( );
$this->genBody( );
$this->genBottom( );
}
}
/***************** Item Class ***************** */
class Item{
private $elements = array( );
public function __construct( ) {
$count = func_num_args();
$parameters = func_get_args();
if( $count == 3 ) {
$this->setItemTitle( $parameters[0] );
$this->setItemLink( $parameters[1] );
$this->setItemDesc( $parameters[2] );
}
else if ( $count == 1 AND is_array( $parameters[0] ) )
foreach( $parameters[0] as $key => $value )
if( $key == 'title' )
$this->setItemTitle( $value );
else if( $key == 'link' )
$this->setItemLink( $value );
else if( $key == 'desc' )
$this->setItemDesc( $value );
else if( $key == 'date' )
$this->setItemDate( $value );
else if( $key == 'author' )
$this->setItemAuthor( $value );
else if( $key == 'category' )
if( is_array( $value ) )
$this->setItemCat( $value[0], $value[1] );
else
$this->setItemCat( $value );
else if( $key == 'comments' )
$this->setItemComm( $value );
else if( $key == 'source' )
$this->setItemSource( $value );
else if( $key == 'enclosure' )
$this->setItemEnclosure( $value[0], $value[1], $value[2] );
else
if( is_array( $value ) )
$this->setItemElm( $key, $value[0], $value[1] );
else
$this->setItemElm( $key, $value );
}
/*
* Sets any item element
*/
public function setItemElm( $tagName, $content, $attributes = '' ){
$this->elements[ $tagName ] = array ( $tagName, $content , $attributes );
}
/*
* Sets item title
*/
public function setItemTitle( $title ){
$this->setItemElm( 'title', $title );
}
/*
* Sets item link
*/
public function setItemLink( $link ){
$this->setItemElm( 'link', $link );
}
/*
* Sets item description
*/
public function setItemDesc( $desc ){
$this->setItemElm( 'description', $desc );
}
/*
* Sets item author
*/
public function setItemAuthor( $author ){
$this->setItemElm( 'author', $author );
}
/*
* Sets item category
*/
public function setItemCat( $cat, $link = '' ){
if( !empty( $link ) ) $link = ' ' . $link;
$this->setItemElm( 'category', $cat, $link );
}
/*
* Sets item comments page
*/
public function setItemComm( $comm ){
$this->setItemElm( 'comments', $comm );
}
/*
* Sets item publication date
*/
public function setItemDate( $date ){
$this->setItemElm( 'pubDate', $date );
}
/*
* Sets item source
*/
public function setItemSource( $source ){
$this->setItemElm( 'source', $source );
}
/*
* Sets item enclosure
*/
public function setItemEnclosure( $link, $lenght='auto', $type ){
$attributes = ' url="' . $link . '" lenght="' . $lenght . '" type="' . $type . '"';
$this->setItemElm( 'enclosure', '', $attributes );
}
/*
* Parses the Item elements defined by the user and prints it on the output
*/
public function parseItem( ){
echo '<item>' . PHP_EOL;
foreach( $this->elements as $elm )
echo '<' . $elm[0] . $elm[2] . '>' . $elm[1] . '</' . $elm[0] . '>' . PHP_EOL;
echo '</item>' . PHP_EOL;
}
}
?> 


































































































































































































































◦ Buat file rss_generator.php, dengan isi sebagai berikut




















Buka di browser anda dengan alamat http://localhost/rss_[nrp]/rss_generator.php
akan tampil halaman seperti pada gambar berikut:












Membaca RSS dengan PHP
Untuk membaca RSS feed dengan PHP, kita dapat menggunakan fungsi simplexml_load_file(). Fungsi ini ada sejak PHP 5.0. Fungsi ini akan mengubah sebuah dokumen XML menjadi sebuah objek.


filename Path dari file XML 

parameter

class_name
 Parameter opsional ini dapat digunakan sehingga fungsi simplexml_load_file() akan mengembalikan objek dari kelas tersebut. Kelas tersebut harus menginduk (extend) kelas SimpleXMLElement. 

options
 Sejak PHP 5.1.0 dan Libxml 2.6.0, kita bisa menggunakan parameter options untuk menspesifikasikan parameter-parameter tambahan untuk Libxml. 
ns
Namespace prefix atau URI.
 is_prefix TRUE 
jika ns adalah prefix, FALSE jika ns adalah URI; default isi parameter ini 
FALSE.


Latihan 2. Membaca RSS dengan PHP
Buat file rss_reader.php, dengan isi sebagai berikut















Akan tampil halaman seperti pada gambar berikut:














sekian terima kasih ,,,
READMORE
 

buat aplikasi daftar handphone dengan html

Cascading Style Sheet


CSS3 

Cascading Style Sheet 3 Cascading Style Sheet (CSS) merupakan salah satu bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab,bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file). Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML. CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouseover, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya. CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.

Sedangkan CSS3 adalah versi CSS terbaru yang masih dikembangkan oleh W3C. Namun beberapa web browser sudah mendukung CSS 3. CSS 2 didukung seutuhnya oleh CSS 3 dan tidak ada perubahan, hanya ada beberapa penambahan, sehingga ketika bermigrasi dari CSS 2 ke CSS 3, tidak perlu mengubah apapun. CSS 3 memiliki beberapa fitur baru, seperti:

CSS 3 memiliki beberapa fitur baru, seperti :
  • Animasi, sehingga pembuatan animasi tidak memerlukan program sejenis Adobe Flash dan Microsoft Silverlight 
  • Beberapa efek teks, seperti teks berbayang, kolom koran, dan "word-wrap".
  • Jenis huruf eksternal, sehingga dapat menggunakan huruf yang tidak termasuk "web-safe fonts".
  • Beberapa efek pada kotak, seperti kotak yang ukurannya dapat diubah-ubah, transformasi 2 dimensi dan 3 dimensi, sudut-sudut yang tumpul dan bayangan.
Pada Modul ini kita akan sedikit melakukan Renovasi sederhana pada penampilan web phonebook yang telah dibuat sebelumnya

CSS3 Border

Dengan menggunakan CSS3, anda dapat membuat suatu rounded borders (pembatas dengan ujung bundar), menambahkan bayangan (shadow) pada suatu kotak, dan menggunakan sebuah gambar sebagai suatu border tanpa menggunakan program design, seperti photoshop.
Pada chapter ini anda akan mempelajari beberapa properti border :

  • border-radius
  • box-shadow
  • border-image
Latihan 1

Buka file CSS Phonebook Application, yang terdapat pada folder ../Style, kemudian lakukan perubahan pada rounded box phonebook application tersebut dengan menggunakan properti diatas.







CSS3 Background
CSS3 memiliki beberapa background properti baru, yang mengizinkan kendali lebih atas element background. Berikut beberapa background properti dalam CSS3 :


Latihan 2
Setelah melakukan perubahan pada rounded box Phonebook Application, sekarang lakukan perubahan pada background aplikasi phonebook tersebut dengan menggunakan properti diatas.

Kemudian kita akan membuat background untuk logo header aplikasi phonebook

CSS3 Text Effect

CSS3 Text Effect merupakan fitur baru dari CSS3, ada beberapa properti baru dari Text-Effect CSS3 antara lain :


  • text-shadow

Text Shadow 
Pada CSS3, properti text-shadow berfungsi untuk membuat text memiliki shadow atau bayangan, dan terdapat beberapa parameter pada properti ini, antara lain ukuran horisontal bayangan, vertikal bayangan, jarak blur dan warna untuk shadow.

Latihan 3
Lakukan modifikasi terhadap Tittle Application yaitu “Phonebook Application” dengan menggunakan properti text-shadow seperti berikut.






CSS3 Font-face Rule
Sebelum CSS3, web designer harus menggunakan fonts yang telah terinstall dalam komputer pengguna, dengan CSS3, web designer dapat menggunakan font apapun yang ia sukai.
Ketika anda telah menemukan atau membeli sebuah font yang anda ingin gunakan, mudahnya memasukan file font dalam sebuah website, dan akan didownload secara otomatis ke pengguna ketika dibutuhkan.
Anda harus mendeskripsikan font yang telah anda pilih dengan menggunakan CSS3 @font-face. Dalam @font-face anda harus mendefinisikan sebuah nama untuk font, dan URL penyimpanan font file.

Latihan 4
Selanjutnya kita akan merubah fonts applikasi dengan menggunakan font-face rule, sehingga developer tidak perlu menginstall font di server, dan font akan tetap terbaca di komputer pengguna, tanpa pengguna harus menginstallnya terlebih dahulu.

CSS3 Transition

Dengan CSS3, kita dapat menambahkan efek pergantian dari satu style ke style lain, tanpa harus menggunakan animasi flash maupun javascript. Seperti beberapa properti sebelumnya pada transition ini menggunakan suatu prefix untuk browser tertentu (misal : -moz- untuk mozilla, -webkit- untuk google chrome, dan -o- untuk opera).




Pada properti transition memiliki beberapa spesifikasi antara lain :
  • Spesifikasi CSS property yang akan anda tambahkan efek
  • Spesifikasi durasi efek
Latihan 5

Modifikasi kolom jenis kelamin denganmenggunakan properti transition dengan menambahkan code berikut ini pada file index.php, dengan menempatkan posisi kolom jenis kelamin berada pada kolom paling akhir, kemudian tambahkan sedikit pengkondisian untuk membedakan warna antara kontak berjenis kelamin pria dan wanita.










tambahkan kode berikut pada file style.css dengan menggunakan properti transition seperti berikut.


















Latihan 6

Setelah itu kita akan melakukan modifikasi pada tabel aplikasi phonebook tersebut agar terlihat lebih menarik dengan menggunakan properti CSS 3.
































Tambahkan CSS untuk memperindah tombol “Cari” yang terdapat diatas tabel kontak


















Maka hasil akhir nya seperti ini



















Sekian terima kasih ,,,
READMORE
 

Download web dasar styleRotating billboard

Download Web Dasar styleRotating billboard


Download Sourcode nya di sini

READMORE
 

Download css3_bar_chart_animated

Download css3_bar_chart_animated


Download Sourcode nya di sini


READMORE
 

Upload Website Melalui C-Panel

Upload Website Melalui C-Panel



Pendahuluan
Pengertian Cpanel
Cpanell adalah Salah satu Control Panel Web Hosting online yang mudah untuk dapat digunakan mengatur website seperti upload web, membuat email account dan banyak hal lainnya seperti instalasi script. cPanel sendiri di gunakan di sistem operasi berbasi Linux. Fasilitas cPanel meliputi : pengelolaan FTP Account , pengelolaan E-mail Account , pengelolaan database, pengelolaan file (file manager), pengelolaan keamanan situs, pengelolaan pencatatan statistik Website, pengelolaan backup website dan pengelolaan untuk penambahan domain, subdomain.
Berikut Fungsi menu – menu yang ada di cPanel :

File

Pada pilihan ini terdapat beberapa menu yang berhubungan dengan manajemen file, folder dan database pada server hosting.
Backups
Fungsi menu ini yaitu untuk melakukan backup Data pada hosting anda, File, database, email, dll.
File Manager
Fungsi menu ini yaitu untuk mengelola file-file dan folder anda pada server hosting anda, seperti menggunakan aplikasi FTP client untuk mengakses public_html/www. Di sini anda dapat membuat, mengupload, download, menghapus, memindahkan, mengedit, dan mengubah nama (rename) file-file dan folder anda.
Web Disk
Fungsi menu ini yaitu hampir sama dengan File Manager, hanya saja pada web disk ini anda dapat mengakses server hosting tidak melalui web ataupun aplikasi FTP client, anda cukup menggunakan script yang disediakan oleh cPanel itu sendiri berdasarkan masing-masing Sistem Operasi (Linux, Windows, Mac OS)
Disk Space Usage
Fungsi menu ini yaitu untuk mengetahui berapa besar kapasitas disk yang telah anda gunakan.

FTP Accounts
Fungsi menu ini yaitu untuk membuat beberapa FTP account.

Domains


Pada pilihan ini terdapat menu-menu yang digunakan untuk mengelola domain
Sub Domains
Fungsi menu ini yaitu untuk membuat subdomain. Subdomain adalah cabang domain utama yang berdiri sendiri dan ditempatkan dalam sebuah sub direktori utama (public_html).
Contoh:
Domain asus87.com mempunyai subdomain dengan nama tipstrik.asus87.com.
Addon Domains
Fungsi menu ini yaitu sebagai domain yang diarahkan ke sub-direktori sebuah website.
Contoh:

Anda mempunyai alamat website/blog asus87.com, dan anda juga mempunyai domain dengan alamat lintang87.com, dengan Addon Domains anda bisa mendirect domain lintang87.com ke hosting asus87.com tersebut.
Addon domain digunakan kalau ingin menampilkan beberapa web dalam satu hosting. Dengan fitur ini anda hanya perlu membeli nama domain lagi dan ditambahkan ke hosting anda dan anda akan mempunyai 2 web yang aktif dengan isi yang berbeda.
Parked Domain
Fungsi menu ini yaitu sebagai domain yang diparkirkan ke atas domain utama sehingga pada saat domain tersebut diakses akan menampilkan web domain utama.
Redirects
Fungsi menu ini digunakan untuk membuat redirect sebuah URL menuju halaman tertentu. Contohnya Anda ingin mempersingkat URL sebuah halaman penting.

Advance DNS Zone Editor
Fungsi menu ini yaitu digunakan untuk membuat domain sendiri dengan layanan hosting pada tempat lain, seperti Blogger.com.
Contoh:
Sebelumnya anda mempunyai blog dengan domain asus1987.blogspot.com, kemudian anda membeli domain dengan nama asus1987.com, dengan fitur ini anda dapat merubah domain .blogspot tersebut menjadi .com.

Databases


Pada pilihan ini terdapat menu-menu yang dapat digunakan untuk mengelola database.
MySQL Databases
Fungsi menu ini yaitu untuk membuat, memodifikasi, maupun menghapus database.
PHP My Admin
Fungsi menu ini yaitu untuk mengelola databaseMySQL berbasiskan halaman web.
Remote MySQL

Fungsi menu ini yaitu untuk menambahkan hak akses bagi web server lain, untuk mengakses database MySQL pada web hosting Anda.
PostgreSQL Database Wizard
Fungsi menu ini yaitu hampir sama dengan PHPMyAdmin yaitu untuk membuat database.
PHPPgAdmin
Fungsi menu ini yaitu sebagai alat bantu administrasi database berbasis web yang dibuat khusus untuk mengelola database PostgreSQL.

Langkah-langkah Upload Ke Cpanel
1. Buka Cpanel dengan alamat rekweb.if-unpas.org/cpanel kemudian masukan username dan password Cpanel


2. Kemudian nanti akan masuk ke Halaman Home Cpanel
3. Jangan lupa masukan username dan password untuk masuk ke halaman upload website
4. Pilih icon file manager dan nanti akan masuk ke halaman file manager

5. Cpanel akan menanyakan lokasi yang ingin dibuka. Pilih Web root dan Show Hidden Files lalu klik Go.


6. Tampilan file manager



7. Sebelumnya create folder baru di /public_html,
Ada beberapa tahapan ketika kita buat folder baru
1. Jika kita membuat folder untuk SUBDOMAIN, maka cara sebagai berikut :
2. Masuk ke HOME CPANEL kemudian pilih SUBDOMAIN
3. Maka akan tampil berikut, dan isikan nama SUBDOMAINNYA Contoh :
“kelompok”


4. Ketika sudah di create maka akan muncul seperti.


5. SUBDOMAIN yang sudah dibuat nantinya akan masuk ke File Manager juga. Dan
Nantinya akan ada nama Folder “kelompok” juga dalam FILE MANAGER
6. Jika sudah di Create untuk SUBDOMAINYA, maka buka FILE MANAGER lagi.














7. Folder “Kelompok” yang tadinya dibuat SUBDOMAIN, Secara otomatis muncul
juga dalam FILE MANAGER
8. Kemudian baru Upload File webistenya. Jangan lupa Untuk Di Buat ZIP
Atau rar terlebih dahulu.
9. Klik Folder “kelompok” tersebut dan segera melakukan Upload












10. Klik tombol Upload dan browse file ZIP dan RAR tersebut













11. Proses Upload sudah selesai maka seperti ini tampilan nya,
dan kemudian setelah itu baru di Extract File ZIP/RAR nya












12. Kemudian extract file websitenya












13. Folder ZIP Sudah di extract













14. Selesai untuk proses upload file website nya melalui Cpanel
15. Pindahkan isi file ke luar folder , sehingga terlihat seperti :














16. Kemuadian buka url subdomain yang telah kita buat tadi
http://rekweb.if-unpas.org/nama file di filemanager/file website nya/


17. Setelah website di upload lalu buat database untuk websitenya












18. Lalu isikan nama databasenya dan create databasenya















19. Masuk ke phpMyAdmin maka akan muncul halaman dari phpMyAdmin














20. Kemudian import database websitenya ke Cpanel
Sampai disini proses Upload di cPanel Selesai





READMORE
 

REVIEW PHP dan MYSQL


REVIEW PHP dan MYSQL










PHP merupakan singkatan dari PHP : Hypertext Preprocessor, bahasa scripting yang di desain untuk pengembangan website dinamis. Dibuat oleh Rasmus Lerdorf, tahun 1995. Saat itu masih bernama FI (Form Interpreted). Awalnya merupakan singkatan dari Personal Home Page. PHP bahasa pemrograman ke – 4 paling populer















Keunggulan PHP
1. Cepat
Karena disisipkan dalam HTML, waktu proses dan load halaman web menjadi singkat.
2. Gratis
3. Mudah Digunakan
Sintaks sederhana, mudah dipahami dan digunakan.
4. Serba Guna
Dapat dijalankan di semua system operasi.

5. Dukungan Teknik Yang Luas
Dokumentasi lengkap di web resmi : www.php.net. Banyak forum diskusi php.
6. Aman
Selama website didesain dengan benar, user tidak dapat melihat source code php.
7. Bisa Dimodifikasi
Dengan lisensi open source, programmer dapat memodifikasi aplikasi PHP untuk desesuaikan dengan kebutuhannya.

MySQL adalah sebuah implementasi dari sistem manajemen basisdata relasional (RDBMS) yang didistribusikan secara gratis dibawahlisensi GPL (General Public License). Setiap pengguna dapat secara bebas menggunakan MySQL, namun dengan batasan perangkat lunak tersebut tidak boleh dijadikan produk turunan yang bersifat komersial. MySQL sebenarnya merupakan turunan salah satu konsep utama dalam basisdata yang telah ada sebelumnya; SQL (Structured Query Language). SQL adalah sebuah konsep pengoperasian basisdata, terutama untuk pemilihan atau seleksi dan pemasukan data, yang memungkinkan pengoperasian data dikerjakan dengan mudah secara otomatis


STUDI KASUS (CRUD)
Untuk pertemuan kali ini kita akan membuat aplikasi phonebook. Dengan membuat 3 halaman yakni :
1. Halaman user ==> Hanya menampilkan daftar phonebook dan dapat mencari berdasarkan nama.
2. Halaman login ==> Untuk memasuki halaman admin dengan memasukan username dan password terlebih dahulu.
3. Halaman admin ==>Untuk menambah, mengedit ataupun menghapus data phonebook.

Sebelum nya kita harus membuat terlebih dahulu database nya dengan menggunakan database mysql. Dengan bantuan phpmyadmin (buka browser dan ketik localhost/phpmyadmin)













Buat database dengan nama phonebook_nrp Contoh : phonebook_093040056












Buatlah table seperti berikut ini







Isi table tbl_admin seperti ini
























Keterangan : tbl_admin : username adalah primary key tbl_phone : id adalah primary key dan auto_increment Setelah selesai download css nya di sini
dan simpan di direktori C:\xampp\htdocs\phonebook_nrp kemudian buka tab baru dan ketik ini :

==> Halaman User















==> Halaman Login



==> Halaman Admin

Gambar diatas merupakan prototype dari aplikasi phonebook. Buka direktori function di mykomputer kalian dan buat 2 buah file bernama fungsi.php dan koneksi.php seperti ini :







Koneksi.php











fungsi.php
















































Buka file admin.php yang ada di folder admin
Admin.php
1. Ganti baris 15 menjadi ini







Script di atas untuk memberikan fungsi pada logout yang terletak pada admin
2. Tambah script berikut









Script di atas berfungsi ketika kita sudah logout dan akan kita tekan tombol back. 
Maka tidak akan bisa masuk ke halaman admin lagi kecuali kita melakukan login kembali.

3. Tambahkan ini













4. Ini juga


































5. Tambahkan juga script berikut














Script di atas berfungsi untuk menampilkan data phone book dari database ke aplikasi phonebook dan langsung menampilkan fungsi update dan delete nya

6. Tambahkan script ini juga






Script di atas berfungsi untuk konfirmasi ketika kita tekan delete
Seleteh selesai sekarang kita buka file index.php yang ini











Index.php
1. Tambah script berikut











Script berikut untuk menampilkan button Refresh ketika selesai mencari. Ketika kita klik maka akan menampilkan seluruh data phonebook lagi

2. Tambahkan juga script berikut
















Maka Hasil akhir nya akan menjadi seperti ini

Untuk Halaman Admin















Sekian Terimakasih

Assmualaikum,,,,,,,






READMORE