BITCOIN BLABK COINS
BITCOIN BLABK COINS
Tampilkan postingan dengan label Belajar. Tampilkan semua postingan
Tampilkan postingan dengan label Belajar. Tampilkan semua postingan

Sabtu, 13 Februari 2016

Membuat Chat Online Sederhana dengan PHP-Sql

Mari belajar tentang cara membuat aplikasi Obrolan sederhana dengan menggunakan sistem login yang sudah ada. Ini akan solusi yang berguna dan yang paling sederhana. Kami akan dapat chatting dengan anggota login kami. Kami akan menggunakan database untuk menyimpan pesan.


Tahap-1 : Membuat Template dengan HTML, PHP
Ini untuk jendela obrolan utama. copy script dibawah ini dengan nama: index.php

    
<frameset rows="65%,35%" framespacing="1" frameborder="yes" border="1" bordercolor="#FF0000">
    <frame src="messages.php" name="main_frame">
    <frame src="main.php" name="login_frame" scrolling="no" noresize target="middle">
</frameset>


Selanjutnya buat form login, kopi kode dibwah ini dan beri nama: login_form.html

<link type="text/css" rel="stylesheet" href="styles.css" />

<form class="login_form" method="post" action="main.php">
 <div>Username: <input type="text" name="username" /></div>
 <div>Password: <input type="password" name="password" /></div>
 <div><input type="submit" value="Login" name="Login" /></div>
</form>
<div>You can use username "User1" or "User2" or "User3" and password "qwerty" to login in system</div>


Berikut adalah file 3 template untuk chatting (2 kotak pesan dan 1 untuk mengirim formulir pesan):

chat_begin.html
<link type="text/css" rel="stylesheet" href="styles.css" />

<div class="chat_main">
<h3>Chat</h3>


chat_end.html
</div>


chat_input.html
<link type="text/css" rel="stylesheet" href="styles.css" />

<form class="submit_form" method="post" action="main.php">
 <div><input type="text" name="s_message" /><input type="submit" value="Say" name="s_say" /></div>
</form>
<div>You can type anything in chat</div>


Tahap-2 : CSS
Kopi kode dibawah ini, simpan dengan nama: styles.css
.login_form {
 border: 1px solid #AAA;
 padding:10px;
}

h3 {margin-top:3px;}

.chat_main {
 border:1px solid #AAA;
 -moz-box-shadow:0 0 10px #ccc;
 -webkit-box-shadow: 0 0 10px #ccc;
 width:350px;
 padding:10px;
 background:#f3f3f3;
}

.message {
 border:1px solid #AAA;
 margin:4px;
 padding:5px;
 -moz-border-radius:7px;
 -webkit-border-radius:7px;
 background:#ffffff;
}

.textf {
-moz-box-shadow:0 0 10px #CCCCCC;
-webkit-box-shadow:0 0 10px #CCCCCC;
border:1px solid #CCCCCC;
height:40px;
}

.submit {
-moz-border-radius:7px;
-webkit-border-radius:7px;
background:#F3F3F3;
border:1px solid #CCCCCC;
font-size:16px;
font-weight:bold;
height:35px;
margin-left:10px;
padding:5px;
}
.message span {
 font-size:10px;
 color:#888;
 margin-left:10px;
}

.submit_form {
 margin:10px 0px;
}


Tahap-3 : Membuat Database
CREATE TABLE `s_chat_messages` (
`id` INT(11) NOT NULL AUTO_INCREMENT ,
`user` VARCHAR(255) NOT NULL ,
`message` VARCHAR(255) NOT NULL ,
`when` INT(11) NOT NULL ,
PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8;
Buatlah Database seperti dibawah ini:



Tahap-4 : Membuat Kode PHP
Anda ingat - untuk memiliki siap sistem otentikasi mudah. Saya pindah ke file library eksternal (inc / login.inc.php). Ini akan berguna bagi kita - sekarang kode lebih terstruktur dan nyaman untuk digunakan di tempat yang berbeda dari kode.

Setelah membuat perpustakaan baru untuk bekerja dengan chatting (inc / chat.inc.php). Kelas ini memiliki fungsi berikutnya:
menerima Pesan - fungsi menerima pesan yang dikirim dan menyimpannya dalam tabel DB
getMessages - daftar kembali dari 15 pesan terakhir

Setelah membuat 2 file terakhir: messages.php dan main.php. file pertama digunakan untuk menggambar daftar pesan. Ini memiliki pembaruan otomatis setiap 5 detik (saya hal ini cukup untuk chatting kami). bentuk imbang login kedua dan bidang masukan dari chatting. Di mana kita karena login dapat memasukkan teks dalam chat.

Ok, di sini adalah semua file PHP yang digunakan, dengan nama: 
main.php
<?php

// set error reporting level
if (version_compare(phpversion(), "5.3.0", ">=") == 1)
 error_reporting(E_ALL & ~E_NOTICE & ~E_DEPRECATED);
else
 error_reporting(E_ALL & ~E_NOTICE);

require_once('inc/login.inc.php');
require_once('inc/chat.inc.php');

// initialization of login system and generation code
$oSimpleLoginSystem = new SimpleLoginSystem();

$oSimpleChat = new SimpleChat();

// draw login box
echo $oSimpleLoginSystem->getLoginBox();

// draw chat application
$sChatResult = 'Need login before using';
if ($_COOKIE['member_name'] && $_COOKIE['member_pass']) {
 if ($oSimpleLoginSystem->check_login($_COOKIE['member_name'], $_COOKIE['member_pass'])) {
 $sChatResult = $oSimpleChat->acceptMessages();
 }
}
echo $sChatResult;

?>

messages.php
<meta http-equiv="refresh" content="5">
<?php

require_once('inc/chat.inc.php');
$oSimpleChat = new SimpleChat();
echo $oSimpleChat->getMessages();

?>

Buatlah direktori inc, isi file : chat.inc.php, login.inc.php
inc/chat.inc.php
<?php

// simple chat class
class SimpleChat {

    // DB variables
    var $sDbName;
    var $sDbUser;
    var $sDbPass;

    // constructor
    function SimpleChat() {
        //mysql_connect("localhost","username","password");
        $this->sDbName = 'database_name';
        $this->sDbUser = 'username';
        $this->sDbPass = 'password';
    }

    // adding to DB table posted message
    function acceptMessages() {
        if ($_COOKIE['member_name']) {
            if(isset($_POST['s_say']) && $_POST['s_message']) {
                $sUsername = $_COOKIE['member_name'];

                //the host, name, and password for your mysql
                $vLink = mysql_connect("localhost", $this->sDbUser, $this->sDbPass);

                //select the database
                mysql_select_db($this->sDbName);

                $sMessage = mysql_real_escape_string($_POST['s_message']);
                if ($sMessage != '') {
                    mysql_query("INSERT INTO `s_chat_messages` SET `user`='{$sUsername}', `message`='{$sMessage}', `when`=UNIX_TIMESTAMP()");
                }

                mysql_close($vLink);
            }
        }

        ob_start();
        require_once('chat_input.html');
        $sShoutboxForm = ob_get_clean();

        return $sShoutboxForm;
    }

    function getMessages() {
        $vLink = mysql_connect("localhost", $this->sDbUser, $this->sDbPass);

        //select the database
        mysql_select_db($this->sDbName);

        //returning the last 15 messages
        $vRes = mysql_query("SELECT * FROM `s_chat_messages` ORDER BY `id` ASC LIMIT 15");

        $sMessages = '';

        // collecting list of messages
        if ($vRes) {
            while($aMessages = mysql_fetch_array($vRes)) {
                $sWhen = date("H:i:s", $aMessages['when']);
                $sMessages .= '<div class="message">' . $aMessages['user'] . ': ' . $aMessages['message'] . '<span>(' . $sWhen . ')</span></div>';
            }
        } else {
            $sMessages = 'DB error, create SQL table before';
        }

        mysql_close($vLink);

        ob_start();
        require_once('chat_begin.html');
        echo $sMessages;
        require_once('chat_end.html');
        return ob_get_clean();
    }
}

?>

inc/login.inc.php
<?

// class SimpleLoginSystem
class SimpleLoginSystem {

    // variables
    var $aExistedMembers; // Existed members array

    // constructor
    function SimpleLoginSystem() {
        $this->aExistedMembers = array(
            'User1' => 'd8578edf8458ce06fbc5bb76a58c5ca4',
            'User2' => 'd8578edf8458ce06fbc5bb76a58c5ca4',
            'User3' => 'd8578edf8458ce06fbc5bb76a58c5ca4'
        );
    }

    function getLoginBox() {
        ob_start();
        require_once('login_form.html');
        $sLoginForm = ob_get_clean();

        $sLogoutForm = '<a href="'.$_SERVER['PHP_SELF'].'?logout=1">logout</a>';

        if ((int)$_REQUEST['logout'] == 1) {
            if (isset($_COOKIE['member_name']) && isset($_COOKIE['member_pass']))
                $this->simple_logout();
        }

        if ($_REQUEST['username'] && $_REQUEST['password']) {
            if ($this->check_login($_REQUEST['username'], MD5($_REQUEST['password']))) {
                $this->simple_login($_REQUEST['username'], $_REQUEST['password']);
                return 'Hello ' . $_REQUEST['username'] . '! ' . $sLogoutForm;
            } else {
                return 'Username or Password is incorrect' . $sLoginForm;
            }
        } else {
            if ($_COOKIE['member_name'] && $_COOKIE['member_pass']) {
                if ($this->check_login($_COOKIE['member_name'], $_COOKIE['member_pass'])) {
                    return 'Hello ' . $_COOKIE['member_name'] . '! ' . $sLogoutForm;
                }
            }
            return $sLoginForm;
        }
    }

    function simple_login($sName, $sPass) {
        $this->simple_logout();

        $sMd5Password = MD5($sPass);

        $iCookieTime = time() + 24*60*60*30;
        setcookie("member_name", $sName, $iCookieTime, '/');
        $_COOKIE['member_name'] = $sName;
        setcookie("member_pass", $sMd5Password, $iCookieTime, '/');
        $_COOKIE['member_pass'] = $sMd5Password;
    }

    function simple_logout() {
        setcookie('member_name', '', time() - 96 * 3600, '/');
        setcookie('member_pass', '', time() - 96 * 3600, '/');

        unset($_COOKIE['member_name']);
        unset($_COOKIE['member_pass']);
    }

    function check_login($sName, $sPass) {
        return ($this->aExistedMembers[$sName] == $sPass);
    }
}

?>

Demikian Membuat Chat Online Sederhana dengan PHP-SQl, semoga bermanfaat.

Jumat, 08 Mei 2015

BELAJAR MICROSOFT EXCEL 2007

Mengenal Microsoft Excel 2007



Microsoft Excel 2007 merupakan program aplikasi spreadsheet (lembar kerja) yang paling popular dan paling banyak digunakan saat ini. Kegunaan Microsoft Excel 2007: menghitung, memproyeksikan, menganalisa dan mempresentasikan data.

Untuk mengaktifkan Microsoft Excel pada System Windows, dapat dilakukan dengan langkah-langkah sebagai berikut :


·        Klik menu Start
Point All Programs
Klik Microsoft Office
Klik Microsoft Excel
Atau 

Dengan mengklik 2 kali (double klick) pada ikon Microsoft Excel yang terdapat pada Desktop. 


Tunggu beberapa saat, akan muncul lembar kerja Microsoft Excel 2007

Office Button
:
Tombol office pada Microsoft Excel 2007 merupakan pengganti menu File pada Microsoft Excel versi sebelumnya berisi perintah-perintah standard untuk mengoperasikan file dokumen seperti membuka, membuat baru, membuka, menyimpan, mencetak dokumen dan sebagainya.

Quick Acces Tollbar
:
Berisi tombol-tombol perintah yang sering digunakan. Tombol-tombol perintah pada Quick Acces Tollbar dapat dimodifikasi sesuai dengan kebutuhan.

Title Bar
:
Merupakan Bar Judul yang berisi nama aplikasi dan nama file dokumen yang sedang aktif.

Tab
:
Merupakan bagian yang berbentuk tabulasi yang berisi serangkaian group yang memuat beberpa tombol-tombol perintah untuk mengoperasikan Microsoft Excel.

Icon
:
Merupakan tombol perintah.

Ribbon
:
Menampilkan tombol-tombol perintah yang dikelompokkan dalam group untuk mengoperasikan Microsoft Excel.

Group
:
Kelompok tombol perintah untuk mengoperasikan Microsoft Excel.

Name Box
:
Kotak yang berisi referensi sel yang sedang aktif.

Buttom Control Aplication
:
Merupakan tombol pengontrol aplikasi Microsoft Excel terdiri dari Minimize untuk menyembunyikan tampilan jendela aplikasi Microsoft Excel, Maximize untuk tampilan jendela aplikasi Microsoft Excel dan Close untuk menutup jendela aplikasi Microsoft Excel.

Buttom Control Workbook
:
Merupakan tombol pengontrol jendela lembar kerja (workbook) Microsoft Excel terdiri dari Minimize untuk menyembunyikan tampilan jendela lembar kerja (workbook), Maximize untuk tampilan jendela lembar kerja (workbook) dan Close untuk menutup jendela lembar kerja (workbook).

Dialog Box Lauchers
:
Tombol Dialog yang terletak di bagian kanan nama group berfungsi untuk membuka kotak dialog dengan perintah-perintah yang lebih lengkap.

Formula Bar
:
Kotak yang memuat isi sel yang sedang aktif.

Coulumn
:
Kolom lembar kerja Excel, mulai dari kolom A s./d XFD.

Row
:
Baris lembar kerja Excel, mulai dari baris 1 s/d 1048576.

Cell
:
Sel, merupakan pertemuan kolom dan baris.

Navigation Sheet
:
Merupakan sederetan tombol perintah yang berfungsi untuk berpindah antarsheet yang aktif.

Worksheet
:
Merupakan lembar kerja Workbook.

Scrool Bar Horizontal
:
Berfungsi untuk menggulung lembar kerja ke kanan atau ke kiri

Scrool Bar Vertical
:
Berfungsi untuk menggulung lembar kerja ke atas atau ke bawah

View Mode
:
Tombol yang berfungsi untuk mengatur tampilan jendela worksheet terdiri dari: Normal, Page Layout dan Page Break Preview.

Zoom Level
:
Berfungsi untuk mengatur (memperbesar/memperkecil) tampilan dokumen.


Senin, 04 Mei 2015

Peralatan Mengolah, Mengedit, Menyunting Gambar (Toolbox)

Fungsi Toolbox


Toolbox adalah kumpulan dari peralatan mengolah, menyunting, membuat gambar. Dalam toolbox terdapat group ikon tool yang ditandai dengan segitiga hitam kecil pada sudut kanan bawah ikon tool.


IKON TOOL
NAMA TOOL
FUNGSI



Move Tool

Memilih, memindahkan objek






Rectangle Marquee Tool

Menyeleksi objek gambar dengan pola persegi panjang


Eliptical Marquee Tool

Menyeleksi objek gambar dengan pola elips/bulat



Single Row Marquee Tool

Menyeleksi objek gambar dengan pola satu baris



Single Column Marquee Tool


Menyeleksi objek gambar dengan pola satu kolom





Polygonal Lasso Tool

Menyeleksi gambar dengan pola segi banyak



Lasso Tool





Menyeleksi gambar dengan pola bebas


Magnetic Lasso Tool

Menyeleksi gambar dengan pola mengikuti ketebalan warna pada tepi gambar





Magic Wand Tool

Memilih gambar berdasarkan kesamaan warna



Quick Selection Tool

Memilih gambar dengan menetapkan rentang atau toleransi warna





Crop Tool

Memotong bagian tertentu gambar




Slice Tool
Memotong gambar menjadi beberapa bagian

Slice Select Tool
Memotong bagian gambar yang diseleksi






Spot Healings Brush Tool

Mambarsihkan noda pada gambar



Healings Brush Tool

Mengambil bagian gambar yang bagus untuk menutup noda pada gambar



Path Tool

Menutup noda dengan mengambil area gambar lain yang bagus



Red Eye Tool

Menghapus kilau cahaya yang berwarna merah pada mata






Brush Tool

Membuat coretan kuas pada area gambar



Pensil Tool

Membuat coretan pensil pada area gambar



Color Replacement Tool

Mengganti warna yang dipilih dengan warna lain






History Brush Tool

Memgembalikan gambar ke kondisi semula setelah gambar dimanipulasi




Art History Brush Tool

Memgembalikan gambar ke kondisi semula setelah gambar dimanipulasi, namun dengan pola atau style kuas yang berbeda






Clone Stamp Tool

Menduplikasi area gambar terntentu ke area lain




Pattern Stamp Tool

Mengisi area gambar dengan suatu pola gambar






Eraser Tool

Menghapus area gambar tertentu



Background Eraser Tool

Menghapus area gambar berdasarkan warna yang pertama di klik




Magic Eraser Tool

Meghapus area gambar berdasarkan warna atau ketebalan warna







Gradient Tool

Memberi warna gradasi pada area tertentu
Paint Bucket Tool
Memberi warna pada area tertentu






Blur Tool

Mengkaburka gambar





Sharpen Tool

Mempetajam gambar



Smudge Tool

Member efek gembung pada gambar






Dodge Tool

Mencerahkan bagian gambar



Burn Tool

Menggelapkan bagian gambar



Sponge Tool

Menambah atau mengurangi tingkat kontras warna gambar






Pen Tool

Membuat path garis lurus untuk menyeleksi bagian area gambar dengan pola bebas




Free Pen Tool

Membuat path garis lengkung untuk menyeleksi bagian area gambar dengan pola bebas




Add Anchor Point Tool

Menambah titik labuh pada suatu path



Delete Anchor Point Tool

Mengurangi titik labuh pada suatu path



Convert Point Tool

Mengubah tipe titik labuh suatu path menjadi garis lengkung atau sebaliknya







Text Tool

Membuat teks dengan bentuk tulisan horisontal





Vertical Type Tool

Membuat teks dengan bentuk tulisan vertical



Horizontal Type Mask Tool

Membuat teks dengan menyeleksi area yang akan dibuat teulisan secara horisontal



Vertical Type Mask Tool

Membuat teks dengan menyeleksi area yang akan dibuat teulisan secara vertikal



Path Tool
Memilih atau memindahkan posisi path



Direct Selection Tool

Memilih beberapa titik labuh sutau path dan mengubah bentuk path






Rectangle Tool

Menggambar obejk segi empat



Rounded Rectangle Tool

Menggambar obejk segi empat dengan sudut melengkung



Ellipse Tool

Menggambar obejk bulat atau elips



Polygon Tool

Menggambar obejk segi banyak



Line Tool

Menggambar obejk garis



Custom Shapes Tool

Menggambar obejk dengan pola dan bentuk yang telah tersedia



Notes Tool

Menambahkan catatan



Audio Annotation Tool

Menambahkan petunjuk dalam bentuk audio



Eyedroper Tool

Memilih warna foreground color dari background



Color Sampler Tool

Melihat nilai atau kode warna pada sutau area gambar



Ruler Tool

Mengukur jarak suatu area gambar



Count Tool

Memberi nomor pada area gambar






Hand Tool

Menggeser tampilan gambar






Zoom Tool

Memperbesar atau memperkecil tampilan gambar






Swicth Foreground And Bckgroung Color Tool

Menukar posisi foreground color dengan 
background dan sebaliknya



Set Foreground And Bckgroung Color Tool

Menentukan warna foreground dan background








Edit in Standard Mode

Menyunting gambar dalam bentuk mode standar



Edit in Quick Mask Mode


Menyunting gambar dalam bentuk mode mask






Standard Screen

Mengatur tampilan aplikasi Adobe Photoshop dengan mode standar



Maximize Screen

Mengatur tampilan aplikasi Adobe Photoshop dengan mode maksimal



Full Screen Mode Width Menur Bar

Mengatur tampilan aplikasi Adobe Photoshop dengan mode full tetapi masih Nampak menu



Full Screen Mode

Mengatur tampilan aplikasi Adobe Photoshop dengan mode full tanpa menu dan taskbar.


Artikel Lainnya

Analisis Data

 Materi Pelajaran Informatika SMA/MA/SMK Kelas X 1.       Pengertian Analisis data adalah proses inspeksi, pembersihan dan pemodelan data ...

BITCOIN BLABK COINS