create a dynamic website
create attractive online store
create website with CMS

Kampus Technopreneur di Bogor? CBI lahhh





Mengapa Cyber Business Institute (CBI)??? karena di kampus ini anda akan di bekali dengan ilmu-ilmu yang akan menunjang untuk menjadi seorang technopreneur yang sukses, di kampus juga anda di siapkan untuk menjadi seseorang yang expert minimal profesional. Dosen-Dosen yang berkualitas akan membimbing anda dengan sabar, dan telaten.


CBI merupakan kampus technopreneur yang mampu menggali potensi anda yang mungkin selama ini terpendam, mengapa saya katakan demikian??????? karena selain skill yang anda dapakan, motivasi motivasi akan selalu di berikan agar anda selalu berada di jalur yang sejalan dengan apa yang di harapkan.

Berikut program program yang akan anda dapatkan di kampus ini:
1. Desain Komunikasi Visual (DKV)
Program Desain Komunikasi Visual yang diadakan Cyber Business Institute untuk melahirkan calon profesional dan calon business owner di bidang GRAFIS dan MULTIMEDIA ANIMASI. Cyber Business Visual Communication Design memiliki kurikulum yang berbobot di dunia broadcasting and visual communication sebagai berikut :


CHAPTER I

* Pengantar Ilmu Komputer
Berisikan pengetahuan umum tentang komputer serta dasar-dasar ilmu komputer.

* Pengantar Bahasa Inggris
Berisikan pembelajaran dasar tentang Bahasa Inggris.

* Digital Illustration (Materi Utama)
Bagaimana memahami dasar pembuatan ilustrasi dan layout menggunakan software berbasis vektor.

* Digital Imaging (Materi Utama)
Mempelajari Teknik optimasi dan memperbaiki foto digital dan juga mempelajari efek digital.

* 2D Animation (Materi Utama)
Diperkenalkan animasi slow motion dengan mengintegrasi suara, ilustrasi, foto dan video sederhana serta peserta mempelajari penerapan dasar – dasar animasi 2D.

* Intro To Business
Disini kamu-kamu diajak untuk lebih dalam melihat peluang bisnis masa depan.

CHAPTER II

* Mastering CMS (Content Management System)
Kamu-kamu akan dibuat mahir dalam membuat situs web yang statis maupun dinamis melalui CMS yang ada seperti Joomla & WordPress. Nantinya akan jadi bekal buat kamu tunjukin ke masyarakat luas hasil karya dan promosi kemampuan kamu di bidang komunikasi visual.

* Fotografi & Videografi (Materi Utama)
Bekal pemahaman tentang teknik-teknik pengambilan gambar statis maupun objek bergerak. Serta diberikan teknik reportase.

* Digital Video & Audio (Materi Utama)
Memperkenalkan prinsip video editing dan pembuatan efek visual. Mempelajari seputar teknik editing, capture video dan output, serta efek transisi, animasi video dan teknik editing suara.

* Etika Bisnis
Mempelajari tentang cara-cara untuk melakukan kegiatan bisnis, yang mencakup seluruh aspek yang berkaitan dengan individu, perusahaan, industri dan juga masyarakat.

CHAPTER III

* 3D Visualization (Materi Utama)
Mempelajari modeling basic menggunakan 3D studio MAX serta penerapan material.

* 3D Animation (Materi Utama)
Peserta mempelajari penerapan dasar – dasar animasi 3D.

* Visual Effects (Materi Utama)
Memperkenalkan pembuatan efek visual dengan mempelajari teknik untuk membuat efek visual yang menakjubkan dan motion graphic design dengan kualitas broadcast.

* Creative Thinking
Poin penting dalam pembelajaran ini adalah bagaimana kita dapat memahami konsep, menggunakan penalaran, memecahkan masalah, dan mengkomunikasikan gagasan sebagai pembekalan menjadi seorang Technopreneurship.


2. Management Devlopment Informatika (IT)
Management Development Informatika merupakan Program Profesional 1 Tahun Technopreneur yang dirancang untuk melahirkan para profesional di bidang Desain dan Pemrograman website. Selain sebagai profesional, peserta program ini ditargetkan mampu menciptakan lapangan kerja dengan kemampuan IT dan Bisnis yang didapatnya selama belajar di Cyber Business Institute. Program-program Cyber Business Management and Development (MD) dirancang dengan menarik dengan gambaran materi sbb :


CHAPTER I

* Pengantar Ilmu Komputer
Berisikan pengetahuan umum tentang komputer serta dasar-dasar ilmu komputer.

* Pengantar Bahasa Inggris
Berisikan pembelajaran dasar tentang Bahasa Inggris.

* Intro To Business
Disini kamu-kamu diajak untuk lebih dalam melihat peluang bisnis masa depan.

* Mastering CMS (Content Management System)
Kamu-kamu akan dibuat mahir dalam membuat situs web yang statis maupun dinamis melalui CMS yang ada seperti Joomla & WordPress. Artinya, sampai tahap ini kamu sudah punya website yang siap dijadikan lahan bisnis buat kamu.

CHAPTER II

* Online Strategic dan Intenet Marketing
Materi ini disusun sebagai persiapan untuk memasuki era e-commerce.

* Multimedia dan Grafis
Bagaimana memahami dasar pembuatan ilustrasi, layout dan animasi. Untuk kebutuhan Marketing Comunication sebuah bisnis, dan juga penunjang keahlian IT kamu khususnya Web Developer.

* Etika Bisnis
Mempelajari tentang cara-cara untuk melakukan kegiatan bisnis, yang mencakup seluruh aspek yang berkaitan dengan individu, perusahaan, industri dan juga masyarakat.

CHAPTER III

* Web Management & Developer (Web Design, Web Programming) >> MATERI UTAMA
Ini merupakan bagian paling penting, Mempelajari bagaimana mengintegrasikan Server Application (Hosting, Domain, DNS, C-Panel, SMS Gateway) dengan berbagai program seperti HTML, Ajax (Java Script + XML), JQuery, PHP dan My SQL, Code Igniter, dll. Kalau sebelumnya kamu belajar menggunakan CMS, di tahap ini kamu diajarkan membuat CMS (self customize on programming and design) maupun sistem informasi berbasis web sendiri.

* Creative Thinking
Poin penting dalam pembelajaran ini adalah bagaimana kita dapat memahami konsep, menggunakan penalaran, memecahkan masalah, dan mengkomunikasikan gagasan sebagai pembekalan menjadi seorang Technopreneurship.

3.Short Course
Short Course merupakan program kursus singkat yang diadakan Cyber Business School, short course yang diadakan oleh CBS memiliki beberapa program yaitu :
  • 1. Mastering CMS | Web Developer
  • 2. Web Architecture | Web Design & Programing
  • 3. Web Architecture for Advance
  • 4. Multimedia Animation
  • 5. Desktop Publisher | Print Design
  • 6. Programming Application | For Business
  • 7. Aplication Program
  • 8. Week End Instant Course

Untuk informasi lebih lanjut silahkan kunjungi http://cyberbusinessinstitute.com/



Read more

Cara Mendapatkan Rank di Alexa

Seperti biasa saya selalu ingin membagikan sesuatu yang dapatkan, kali saya akan sehare cara untuk mendapatkan Rank di alexa, silahkan menyimak...
Siapa yang kenal alexa, para blogger dan hampir semua webmaster menerapkan alexa sebagai salah satu indikator popularitas blog atau website mereka. Berbeda tentunya dengan Pagerank Google untuk alexa ini semakin kecil nilai yang terkandung di dalamnya maka semakin bagus popularitas blog beda dengan Pagerank google semakin besar PR maka semakin bagus blog tersebut.
Mengutip postingan beberapa postingan rekan blogger yang ada Alexa adalah merupakan salah satu web informasi yang memberikan ranking bagi sebuah blog / web. Alexa Rank adalah ranking yang diberikan oleh perusahaan Alexa.com yang dimana ranking tersebut berasal dari total jumlah pengunjung Unique Alexa Toolbar.

So, dimana letak penting dan manfaatnya alexa rank ini bagi website atau blog kita? untuk menjawab pertanyaan ini tentunya tergantung dari mereka para pemilik blog tersebut. Bagi sebagian blogger yang menggeluti dunia bisnis online dan cara mencari uang dari blog  seperti saya ini misalkan tentunya alexa rank ini penting karena semakin bagus rank alexa blog ini maka tentunya akan membuat blog saya semakin populerdan otomatis semakin populer blog ini maka kesempatan mendatangkan para pemasang iklan akan semakin terbuka lebar. Alasan kedua adalah dengan semakin bagusnya posisi rank Alexa akan berpengaruh pada pengunjung atau pembaca blog kita, jika Alexa Rank kita bagus tentunya mereka akan lebih antusias dan loyal terhadap blog tersebut dan pembaca akan semakin meningkat. Jadi kesimpulannya adalah seberapa jauh populer blog anda di internet mempunyai relevansi dengan posisi rank alexa blog anda.

Cara mendapatkan alexa rank
Kembali ke topik postingan ini tentang bagaimana cara mudah mendapatkan links dari alexa maka disini saya akan memberikan tipsnya. Tips ini banyak digunakan oleh para blogger untuk meningkatkan alexa rank blog mereka dan sekaligus sebagai bagian dari tips SEO bagi blog anda. Caranya adalah sangat mudah yaitu :
1. Selalu Mengupdate Blog kita.
2. Selalu meninggalkan jejak blog kita di blog-blog teman melalui shoutbox maupun komentar.
3. Memasang Widget Alexa rank di blog kita.
4. Postinglah tulisan tentang alexa seperti posting saya ini atau terserah anda yang penting ada link ke alexa biar pihak alexa benar-benar melihat situs anda.
5. Memasang Toolbar Alexa Rank di Browser Internet kita.



Sekian, semoga bermanfaat.....




Read more

Cara Mengatasi Internal Server Errror 500 pada Wordpress


Berdasarkan pengalaman yang saya dapatkan saya akan share bagaimana cara mengatasi website mengalami Internal Server Error 500, Internal Server Error 500 yang kita liat di browser saat mau buka dashboard atau blog Wordpress. Waduh kenapa nih? Bingung harus gimana, jalan satu-satunya ya browsing di Google cari tau cara mengatasi internal server error 500.

Loe juga ngalamin hal yang sama gan? Kalo iya, di posting kali ini gw share cara ngatasin ni masalah gan. Banyak cara buat ngatasinya silahkan di coba satu-persatu.

Cara Mengatasi Internal Server Error 500 Wordpres

  •  Pertama kalo masalah internal server error cuma terjadi saat loe buka blog tapi gak terjadi di WP admin dashboard. Yang harus loe lakuin coba nonaktifin semua plugin Wordpress loe dengan cara centang tulisan plugin terus rubah pilihan jadi deactive dan klik apply. Abis itu aktifin lagi satu persatu. Cek tu plugin mana yang nyebabin error, kalo udah ketemu loe nonaktifin lagi ato delete aja tu plugin.

 
  • Kalo cara di atas gak mempan, sekarang coba login ke cPanel hosting loe cari file manager. Trus buat file php.ini ( bisa juga buat dari FTP Client dari komputer kalian ) kalo filenya udah ada tinggal di edit aja gan. Inget extensinya .ini bukan .ini.txt. Filenya gini gan :
memory_limit = 20Mb atau memory_limit = 64Mb

  • Bisa juga kayak gini gan :
    register_globals off
    register_globals = 0
    memory_limit = 64Mb 
  • Kalo udah tinggal di save dan coba buka blog kalian. 
  • Belum bisa juga gan, pake cara lain lagi jangan putus asa. Balik lagi ke cPanel gan, cek semua file permissions pastiin untuk file 664 dan directory 755. Kalo udah bener semua cek lagi blognya udah bisa belom gan?

  Info aja gan : 4 = Read, 5 = Read/Exec, 6 = Read/Write, 7 = Read/Write/Exec.

  • Masih gak bisa juga, waduh lanjut cara ini gan. Ke cPanel lagi lalu file manager cari file .htaccess rubah jadi .htaccess.txt ato bisa juga di edit file .htaccess nya gan ( inget backup file .htaccess nya sebelum di edit gan ), tambahin file dibawah ini di bagian atasnya gan :
AddType x-mapp-php5 .php
AddHandler x-mapp-php5 .php


  • Jadi filenya bakal kayak gini :
 AddType x-mapp-php5 .php
AddHandler x-mapp-php5 .php

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /wordpress/
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /wordpress/index.php [L]
</IfModule>


# END WordPress 


  • Lalu save tanpa ekstensi .txt gan dan coba buka lagi blog loe mudah-mudahan udah gak error lagi.
  • Cara di atas bisa juga dengan edit .htaccess terus hapus semua isinya lalu save, bisa juga upload .htaccess kosong dari komputer gan. Cek lagi blognya udah gak error lagi apa gak. Dengan cara gini loe harus seting ulang struktur permalink di WP gan biar blog loe normal lagi.

  • Kalo masih gak bisa coba cek error log yang ada di file manager gan cari tau disana apa aja yang bikin error.
Semua cara di atas udah di coba tapi masih tetep gak bisa, berati nasib loe apes gan sama kayak gw dulu. Gak usah bersedih yang harus loe lakuin cuma nunggu karena server hosting loe lagi down gan. Gw aja nunggu ampe 10 jam ada yang ampe seminggu lagi gan. Intinya sabar and sabar gan. Kalo mau bisa juga kontak CS web hosting loe tanyain kenapa website loe error gan.

Sekian, semoga dapat membantu anda yang mengalami hal sama....




Read more

Cara Pasang Flag Counter Di Blogspot



Sehubungan dengan tugas dari bapak Dosen untuk materi SEO saya akan share apa yang saya dapatkan hasil dari googling barusan.

Cara Memasang Flag Counter di Blog Blogspot - Berapa jumlah pengunjung blog sobat?? Bagi sobat blogger yang belum tahu saya sarankan untuk memasang widget ini. Namanya Flag Counter. Flag counter adalah visitor count yang menampilkan jumlah pengunjung blog dengan ciri khas menampilkan bendera negara setiap pengunjung. Contoh bisa sobat lihat di sidebar blog ini.
Setelah sebelumnya posting cara membuat banner untuk link exchange kali ini saya akan share cara memasang widget flag counter di blog sobat. Sobat yang penasaran dan tertarik silahkan ikuti tutorial berikut.

1. Sobat kunjungi situs Flag Counter
Sobat akan melihat tampilan seperti berikut.



2. Seperti pada gambar, di situ sobat bisa mengatur tampilan dari flag counter tersebut sesuka hati.
Berikut beberapa menu editnya..

  • Top Countries : menampilkan jumlah pengunjung tiap negara dengan bendera negara asal pengunjung
  • Flag Map : menamplkan pengunjung dalam bentuk map aatau peta dunia seperti gambar berikut.

  • Mini Counter : menampilan counter dalam bentuk mini berupa pagaview blog.
  • Maximum Flag to Show : Jumlah bendera yang akan di tampilkan
  • Column of Flags : Jumlah kolom untuk counter
  • Label on Top of Counter : Nam dari counternya. bisa di ganti sesuai keinginan.
  • Background Color : Warna latar belakang
  • Text Color : warna teks
  • Border color : Warna garis tepi
  • Show Country Codes : Menampilkan kode setiap negara, misalnya amerika dengan kode US.
  • Show Pageview Count : Menampilkan jumlah pageview atau jumlah penelusuran halaman di satu blog
  • Show Number of Flags : Menampilkan seluruh jumlah bendera asal pengunjung

3. Setelah selesai ngeditnya, klik tulisan GET YOUR FLAG COUNTER. Kemudian sobat akan melihat tampilan seperti berikut.


4. Klik Skip, ambil kodenya, kemudian pasang ke HTML/Javascript blog sobat.

Cara Pemasangan :
Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
Masukkan kode kedalam kotak yang di sediakan kemudian klik save.

Mudahkan????? semoga artikel ini bermanfaat.....







Read more

Membuat Efek Smooth di Menu dengan jQuery

Tujuan - Membuat menu Halus

Lihat demo

Pendahuluan - Penjelasan mengurangi

Menu memiliki seperti animasi halus karena hal yang disebut "pelonggaran". Adobe definisi di Flash Developer Center lebih lengkap:
"Turunnya merujuk pada percepatan atau perlambatan bertahap selama animasi, animasi yang membantu Anda terlihat lebih realistis. Pelonggaran menciptakan penampilan yang lebih alami percepatan atau perlambatan secara bertahap menyesuaikan tingkat perubahan. "
Berkat keajaiban plugin jQuery Easing, kita sekarang dapat menggunakan mereda di luar lingkungan Flash dan ActionScript. Download di situs proyek resmi 

Langkah 1 - Siapkan Struktur

Buat folder baru dengan nama NavAnimatedjQuery, kemudian dokument baru seperti di bawah ini simpan dengan nama index.html.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
     
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
    <head> 
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
        <title>Smooth Animated jQuery Menu</title> 
     
        <link rel="stylesheet" href="style.css"/> 
     
        <script src="http://jqueryjs.googlecode.com/files/jquery-1.3.js" type="text/javascript"></script> 
        <script src="js/jquery.easing.1.3.js" type="text/javascript"></script> 
        <script src="animated-menu.js" type="text/javascript"></script>
    </head>
        <body> 
        <p>Rollover a menu item to expand it.</p> 
        <ul> 
            <li class="green"> 
                <p><a href="#">Home</a></p> 
                <p class="subtext">The front page</p> 
            </li> 
            <li class="yellow"> 
                <p><a href="#">About</a></p> 
                <p class="subtext">More info</p> 
            </li> 
            <li class="red"> 
                <p><a href="#">Contact</a></p> 
                <p class="subtext">Get in touch</p> 
            </li> 
            <li class="blue"> 
                <p><a href="#">Submit</a></p> 
                <p class="subtext">Send us your stuff!</p> 
            </li> 
            <li class="purple"> 
                <p><a href="#">Terms</a></p> 
                <p class="subtext">Legal things</p> 
            </li> 
        </ul> 
    </body> 
    </html>   

Langkah 2 - Mengatur dengan CSS

buat dokument seperti dibawah ini kemudian simpan dengan nama style.css taruh di folder
NavAnimatedjQuery.
body{ 
    font-family:"Lucida Grande", arial, sans-serif; 
    background:#F3F3F3; 

 
ul{ 
    margin:0; 
    padding:0; 

 
li{ 
    width:100px; 
    height:50px; 
    float:left; 
    color:#191919; 
    text-align:center; 
    overflow:hidden; 

 
a{ 
    color:#FFF; 
    text-decoration:none; 

 
p{ 
    padding:0px 5px; 

 
    .subtext{ 
        padding-top:15px; 
    } 
 
/*Menu Color Classes*/ 
.green{background:#6AA63B;} 
.yellow{background:#FBC700;} 
.red{background:#D52100;} 
.purple{background:#5122B4;} 
.blue{background:#0292C0;} 

Langkah 3 - Membuat efek animasi dengan jQuery

taruh di dalam tag <head> -- taruh disini --</head> kode dibawah ini:
<script type="text/javascript">
            $(document).ready(function(){ 
 
                //When mouse rolls over 
                $("li").mouseover(function(){ 
                    $(this).stop().animate({height:'150px'},{queue:false, duration:600, easing: 'easeOutBounce'}) 
                }); 
             
                //When mouse is removed 
                $("li").mouseout(function(){ 
                    $(this).stop().animate({height:'50px'},{queue:false, duration:600, easing: 'easeOutBounce'}) 
                }); 
             
                });
    </script>


Berikut sedikit penjelasannya:
Ada dua tindakan dalam kode di atas. Ketika mouse bergerak di atas item menu, item mulai animasi di mana telah melebar 150px tinggi selama 0,6 detik. Turunnya diterapkan melalui plugin tersebut 'easeOutBounce' yang menyebabkan kotak untuk "terpental" sedikit karena mencapai akhir animasi ("keluar"). Ketika mouse digerakkan dari animasi dengan ukuran mulai dipicu.
Jika Anda menggunakan ini dalam konteks situs yang lebih besar, cukup mengganti elemen yang dipilih (saat ini "li") untuk acara mouse ke pemilih yang diperlukan.
Pemberhentian () metode dirantai sebelum bernyawa untuk mencegah penyangga dari bangunan di mana animasi akan loop berulang kali jika mouse dipindahkan sekitar cepat di atasnya.

(untuk plugin jQuery easing--> buat folder js di dalam folder NavAnimatedjQuery kemudian simpan file jQuery didalam folder js)

Langkah 4 - Tambahkan Flair Beberapa

Saya telah menambahkan gambar latar belakang untuk setiap item menu dalam versi live dan file source untuk menggambarkan beberapa kemungkinan desain. Ada banyak cara kreatif lainnya untuk menambahkan effect beberapa menu. lakukan percobaan.

sekian, semoga bermanfaat....


Read more

Basic HTML

Membuat file HTML 

Untuk anda yang baru memulai membuat website atau sedang mempelajari bagaimana membuat sebuah halaman website, disini saya akan sedikit menjelaskan bagaimana halaman website itu dibuat. Anda dapat membuat halaman web atau dokumen HTML dengan editor teks apapun (termasuk Microsoft Notepad, DOS mengedit, Mac SimpleText, dan UNIX vi). Anda mungkin sudah memiliki setidaknya salah satu editor diinstal pada komputer Anda, bahkan jika Anda belum pernah menggunakannya sebelumnya.
Untuk melihat apa yang tampak seperti HTML dan mempelajari tag HTML yang paling dasar, mari kita lihat sebuah dokumen HTML yang sangat sederhana. Di bawah angka menunjukkan halaman Web sederhana di Microsoft Notepad. Anda dapat mengetik teks yang sama di editor Anda sendiri untuk mengikuti bersama dengan bab ini.
 
Klik di sini untuk melihat gambar yang lebih besar.

Setiap dokumen HTML harus dimulai dengan tag <html> dan diakhiri dengan melengkapi nya, </ html> tag. Selain tag <html>, dokumen ini mencakup tiga pasangan lain dari tag yang harus dimasukkan dalam dokumen HTML:
  • <head> Dan </ head> pasangan tag digunakan untuk menunjukkan informasi tentang dokumen itu sendiri. Anda akan belajar bagaimana menambahkan beberapa informasi ini dalam bab-bab selanjutnya.
  • <title> Dan </ title> tag digunakan untuk menambahkan judul Title bar browser Anda. Judul bar adalah pita berwarna di bagian atas setiap aplikasi yang memberikan nama aplikasi.
  • <body> Dan </ body> tag digunakan untuk mengelilingi setiap teks yang muncul di halaman HTML.
Semua dokumen HTML dipisahkan menjadi dua bagian: kepala dan tubuh. Karena judul berisi informasi tentang dokumen, <title> dan </ title> tag ditempatkan dalam <head> dan </ head> tag.
Jika Anda membuat sebuah halaman HTML sederhana, Anda akan melihat bahwa empat tag yang sama yang hadir dalam kode ini juga.
<html>
<head>
<title> Halaman Web My Second </ title>
</ Head>
<body>
<p> ini adalah halaman web kedua saya. </ p>
</ Body>
</ Html>

Teks yang muncul atau berubah hanya bila diantara tag.
Sekian penjelasan mengenai cara membuat halaman web sederhana dengan html, semoga bermanfaat dan tunggu tahapan berikutnya.


Read more

Fun dengan PHP GD Library: Part 1


Fun dengan PHP GD Library: Part 1

Jika Anda seorang avid PHP pengembang, Anda mungkin menyadari ekstensi GD library. Bagi mereka yang tidak terbiasa, perpustakaan GD memungkinkan Anda untuk mengubah, memanipulasi, dan membuat gambar cukup sederhana. Hari ini, kita akan mempelajari dasar-dasar menggunakan PHP dan GD library.

Pertama Hal Pertama

Anda akan perlu memastikan GD library diinstal dan diaktifkan pada server Anda. Tidak tahu bagaimana melakukan ini? Jangan khawatir, hanya membuat file PHP pada server Anda dan ketik:
 <Php echo phpinfo ();??>
Sekarang mengakses halaman di browser Anda dan Anda akan melihat daftar raksasa merinci fitur versi PHP. Gulir ke bawah sedikit dan mencari 'GD' pos untuk memastikan itu diaktifkan. Jika tidak, Anda akan perlu menghubungi perusahaan hosting Anda. Untungnya, kebanyakan server saya telah bekerja pada sudah memiliki perpustakaan GD dipasang dan diaktifkan.
Jika Anda ingin membaca lebih lanjut tentang perpustakaan GD, pastikan untuk memeriksa pengenalan GD penggu .

The Basics

Mari kita membahas beberapa dasar-dasar untuk mendapatkan kita mulai. Pertama, kita akan ingin memastikan bahwa kami melaporkan semua kesalahan ke browser. Kita dapat melakukannya dengan memasukkan berikut di bagian paling atas dari file php kami: 
  <? Php
 ini_set ("display_errors", "1");
 error_reporting (E_ALL);
 ?> 

Jadilah Persegi

Mari kita mulai sederhana dan menggunakan PHP untuk membuat kotak biru bagi kita - ada yang luar biasa tetapi kita perlu mengetahui dasar-dasar pertama. Untuk mencapai persegi kami, kita perlu melakukan hal berikut:
  • Menetapkan jenis konten kami sebagai gambar sehingga browser benar dapat menafsirkan script.
  • Buat kanvas gambar baru kosong dengan lebar tertentu dan tinggi.
  • Mengatur warna latar belakang kami menjadi biru.
  • Simpan gambar akhir dan output ke browser.
  • Membersihkan setiap memori yang digunakan untuk membuat dan menyimpan gambar.
  • Panggil gambar dari file index.php kami yang akan ditampilkan.
Sekarang bahwa kita memiliki langkah dan proses untuk alun-alun bekerja, kita bisa mulai kode. Saya melakukan yang terbaik untuk berkomentar setiap langkah kode, dan akan pergi melalui fungsi tertentu atau proses setelah potongan kode. Yang mengatakan, di sini adalah kode untuk persegi kami. Setelah disisipkan dalam, simpan file ini sebagai 'basic_square.php':

  <? Php
 // Laporkan setiap kesalahan
 ini_set ("display_errors", "1");
 error_reporting (E_ALL);

 // Mengatur jenis konten yang benar
 header ('content-type: image / png');

 // Buat aliran gambar dasar kita
 // Lebar 125px tinggi, 125px
 $ Image = ImageCreate (125, 125);

 // Mengatur warna latar belakang
 $ Biru = ImageColorAllocate ($ image, 0, 0, 255);

 // Set up warna lain hanya untuk menunjukkan bagaimana warna pertama dinyatakan digunakan sebagai warna latar belakang ketika kita menggunakan ImageCreate ()
 // Perhatikan bagaimana biru diterapkan pada latar belakang, * tidak * merah.
 $ Merah = ImageColorAllocate ($ image, 255, 0, 0);

 // Menyimpan gambar sebagai png dan output
 imagepng ($ image); 
 
 // Memori sampai Batal digunakan
 imagedestroy ($ image);
 ?> 
Mari kita pergi melalui masing-masing fungsi dan langkah dalam kode di atas sehingga kami dapat lebih memahami apa yang terjadi di sini.
  • Seperti disebutkan, kami melaporkan kesalahan ke browser sehingga kita dapat memperbaiki bug.
  • Selanjutnya kita menggunakan header () fungsi untuk menetapkan jenis konten kami ke gambar png.
  • Kami menyimpan gambar dalam sebuah variabel bernama 'citra' dan menciptakan aliran gambar dasar kita dan menyatakan lebar dan tinggi kita. Lihat ImageCreate () untuk informasi lebih lanjut.
  • Selanjutnya kita menggunakan ImageColorAllocate fungsi untuk menyimpan warna biru di 'biru' variabel kita. Juga perhatikan bagaimana warna pertama menyatakan akan ditetapkan sebagai latar belakang menggunakan ImageCreate. Jadi biru akan background warna kita, bukan merah.
  • Kami menggunakan imagepng () untuk menyimpan gambar akhir kami, dibutuhkan parameter tambahan jika Anda ingin menyimpannya ke direktori.
  • Terakhir, kita menjernihkan memori yang digunakan dengan memanggil imagedestroy () .
Kita bisa mengakses dan melihat kotak biru kami dengan pergi ke blue_square.php, atau bahkan lebih baik, kita bisa link ke index.php pada kami seperti:
  <Img src = 'http://themeforest.s3.amazonaws.com/65_gd/basic_square.php' alt ='' />
Dengan asumsi semua berjalan baik, Anda akan melihat kotak biru seperti di bawah:

Hello Dunia

Sekarang bahwa kita memiliki dasar-dasar yang sangat menciptakan gambar, mari kita membuat gambar dengan beberapa teks dan font pilihan kami. Kita dapat menggunakan font yang kita inginkan, asalkan font adalah Font TrueType (. Tff). Untuk beberapa contoh berikutnya saya akan menggunakan 'Advent' font yang Anda bisa temukan di sini. Kami akan menciptakan 'Hello World' string di lapangan latar belakang abu-abu gelap. Mari kita lihat pada kode sumber pertama dan kemudian pergi ke setiap langkah.
  <? Php
 // Laporkan setiap kesalahan
 ini_set ("display_errors", "1");
 error_reporting (E_ALL); 

 // Mengatur jenis konten
 header ('content-type: image / png');

 // Buat gambar dasar kami aliran 300x300 piksel
 $ Image = ImageCreate (300, 300);

 // Set up beberapa warna, gunakan abu-abu gelap sebagai warna latar belakang
 $ Dark_grey = ImageColorAllocate ($ image, 102, 102, 102);
 $ Putih = ImageColorAllocate ($ image, 255, 255, 255);

 // Set path ke jenis font sejati kita
 $ Font_path = 'advent_light';

 // Set string teks kami
 $ String = 'Hello World!';

 // Menulis teks kami untuk gambar yang ada.
 imagettftext ($ image, 50, 0, 10, 160, font_path $ putih, $, $ string);

 // Buat gambar akhir kami
 imagepng ($ image);

 // Hapus memori
 imagedestroy ($ image);
 ?> 
Menyimpan kode di sebuah file bernama 'hello_world.php' dan mengaksesnya menggunakan teknik yang sama seperti yang kami sebutkan di atas. Jadi apa yang berbeda di sini?
  • Kami mengatur dimensi untuk 300 × 300 piksel dan menggunakan latar belakang abu-abu gelap.
  • Perhatikan bagaimana kita menyatakan jalan font variabel bernama dan menggunakan nama font kita sebagai nilai? Hal ini karena nantinya di script kita perlu mengetahui jalan untuk font kita sehingga kita dapat menggunakan PHP untuk menggambar teks kami. Juga mencatat dengan cermat bagaimana ada ekstensi. Mengutip manual:
    Tergantung pada versi GD library PHP menggunakan, ketika file font yang tidak dimulai dengan ttf terkemuka / kemudian. Akan ditambahkan.
    Ini berarti karena file font kita tidak memiliki '/' di depannya, tff otomatis. Akan ditambahkan.
  • Selanjutnya kita mengatur string kami, 'Hello World!', Dan menyimpannya dalam sebuah variabel untuk digunakan nanti.
  • Fungsi utama yang perlu diperhatikan di sini adalah berikutnya, imagettftext () , yang mengambil 8 parameter. Sumber daya $ image, mengapung $ ukuran, mengapung $ angle, int $ x, int $ y, int $ warna, string $ berkas font, string $ text (dalam urutan itu).
Simpan halaman ini dan mengaksesnya namun Anda inginkan, Anda harus mendapatkan gambar yang terlihat seperti di bawah.

Sudut itu!

Apakah Anda menangkap bahwa salah satu parameter dari fungsi imagettftext adalah 'angle'. Ini berarti kita dapat sudut string kita untuk beberapa hasil yang unik. Mari kita kembali kode kita dari atas dan sudut kami 'Hello World! " teks.

 <? Php
 / / Laporkan setiap kesalahan
 ini_set ("display_errors", "1");
 error_reporting (E_ALL); 

 / / Mengatur jenis konten
 header ('content-type: image / png');

 / / Buat gambar dasar kami aliran 300x300 piksel
 $ Image = ImageCreate (300, 300);

 / / Set up beberapa warna, gunakan abu-abu gelap sebagai warna latar belakang
 $ Dark_grey = ImageColorAllocate ($ image, 102, 102, 102);
 $ Putih = ImageColorAllocate ($ image, 255, 255, 255);

 // Set path ke jenis font sejati kita
 $ Font_path = 'advent_light';

 // Set string teks kami
 $ String = 'Hello World!';

 // Menulis teks kami untuk gambar yang ada.
 imagettftext ($ image, 50, - 45, 30, 70, $ putih, $ font_path, $ string);

 // Buat gambar akhir kami
 imagepng ($ image);

 // Hapus memori
 imagedestroy ($ image);
 ?> 
 
Perhatikan bagaimana kita telah menambahkan sudut -45 derajat ke fungsi bukan nol (serta reposisi teks kita beberapa)? Ini adalah semua yang diperlukan untuk sudut beberapa teks ke gambar, Anda akan melihat sesuatu seperti gambar di bawah.
Apakah Anda bersenang-senang belum? Tidak ada? Nah, kemudian mari kita gunakan pendekatan yang lebih praktis dan menciptakan sesuatu yang dapat berguna.

Apa Tanggal tersebut?

Tidak hanya bisa kita membuat gambar dari awal, tapi kita bisa membuat gambar dari gambar yang ada! Dengan sedikit kerja kita dapat dengan mudah membuat kecil 'kalender icon' yang menampilkan tanggal saat ini (bulan, hari, tahun). Sebuah pencarian Google yang sederhana untuk 'kalender kosong ikon' dibesarkan ikon bebas svg. Bahwa saya diubah ukurannya dan diubah menjadi. Png. Jadi Anda memiliki gagasan tentang apa yang saya bicarakan tentang Anda dapat melihat kalender kosong 'di bawah ini.
Sekarang bahwa kita memiliki kanvas untuk bekerja dengan, kita dapat menggunakan GD berbagai fungsi tanggal PHP untuk membuat ini semua datang bersama-sama. Disclaimer: Saya bukan desainer dunia terbesar, ikon kosong yang lebih baik dan pilihan font mungkin akan menjadi ide yang baik jika saya akan menggunakan ini 'kalender ikon' di situs nyata. Aku akan meninggalkan merancang untuk kalian semua. Yang mengatakan, mari kita lihat kode final dan kemudian meninjau.
  <? Php
 // Laporkan semua Kesalahan
 ini_set ("display_errors", "1");
 error_reporting (E_ALL); 

 // Set jenis konten
 header ('content-type: image / jpeg');

 // Simpan nilai-nilai tanggal kami di variabel terpisah
 Daftar ($ bulan, $ hari, $ tahun) = explode ('/', date ('F / jS / Y'));

 // Load gambar dasar kami
 $ Image = imagecreatefrompng ('calendar_blank.png');
 $ IMAGE_WIDTH = imagesx ($ image);

 / Warna Setup / dan file font
 $ Putih = ImageColorAllocate ($ image, 255, 255, 255);
 $ Hitam = ImageColorAllocate ($ image, 0, 0, 0);
 $ Font_path = 'advent_light';

 // Dapatkan posisi string teks
 $ Pos_month = imagettfbbox (13, 0, $ font_path, $ bulan);
 $ Pos_day = imagettfbbox (25, 0, $ font_path, $ hari);
 $ Pos_year = imagettfbbox (8, 0, $ font_path, $ tahun);

 // Buat Bulan
 imagettftext ($ image, 13, 0, ($ IMAGE_WIDTH - $ pos_month [2]) / 2, 40, $ putih, $ font_path, $ bulan);

 // Buat Hari
 imagettftext ($ image, 25, 0, ($ IMAGE_WIDTH - $ pos_day [2]) / 2, 80, $ hitam, $ font_path, $ hari);

 // Buat Tahun
 imagettftext ($ image, 8, 0, ($ IMAGE_WIDTH - $ pos_year [2]) / 2, 100, $ hitam, $ font_path, $ tahun);

 // Buat gambar akhir
 imagejpeg ($ image,'', 100);

 // Hapus memori;
 imagedestroy ($ image);
 ?>
 
Jadi apa yang terjadi di sini? Apa ini fungsi list ()? Semua baik pertanyaan, dan kami akan membahas mereka semua langkah demi langkah:
  • Seperti biasa kami mengatur jenis header sehingga gambar akan ditampilkan dengan benar.
  • On line 10 Anda akan melihat kita menggunakan fungsi daftar . Kami menetapkan nilai dari array tanggal (dikonversi ke array melalui meledak () ) dengan variabel di dalam fungsi daftar. Ini adalah cara mudah untuk mengambil informasi array dan menugaskan sekaligus untuk beberapa variabel. Kami sekarang dapat mengakses variabel $ bulan, $ hari, dan $ tahun individual.
  • On line 22-24 kita menggunakan imagettfbbox () fungsi untuk mengambil kotak loncat dari string kami (singkatnya, ukuran atau panjang), fungsi mengembalikan sebuah array nilai, sehingga untuk mengakses pojok kanan bawah kita bisa menggunakan $ pos_month [2]. Kami memerlukan informasi ini sehingga kami dapat secara otomatis memposisikan teks kita dengan benar tidak peduli ukuran.
  • Terakhir kita membuat setiap string dan menggunakan beberapa matematika dasar untuk posisi koordinat x dari string kita.
Dengan asumsi alam semesta tidak meledak, Anda harus mendapatkan gambar seperti di bawah (kecuali tanggal harus menjadi apa pun tanggal saat ini pada server Anda, di bawah ini adalah gambar statis dari hasilnya). Juga, berkat catpin untuk bantuan dengan script.

Kucing dan Filter Gambar

Hal terakhir yang kita akan menyentuh pada hari ini adalah sangat menyenangkan imagefilter () fungsi. Fungsi imagefilter mengambil gambar didefinisikan pra dan menerapkan filter ditentukan untuk gambar, seperti mengubah gambar ke grayscale. Mari kita lihat gambar kita akan bekerja dengan, benar-benar tersentuh.
Sekarang mari kita mengkonversi kitty gila untuk gambar grayscale menggunakan fungsi imagefilter.
  <? Php
 // Laporkan semua kesalahan
 ini_set ("display_errors", "1");
 error_reporting (E_ALL); 

 // Periksa untuk melihat apakah gambar sumber diatur
 if (isset ($ _GET ['sumber'])) {
  // Lakukan beberapa sanitasi yang sangat dasar dari string
  $ Image = filter_var ($ _GET ['sumber'], FILTER_SANITIZE_STRING);

  // Load gambar dari sumber yang disediakan
  $ Image = imagecreatefromjpeg ($ image);

  // Mengubah gambar ke gambar grayscale
  imagefilter ($ image, IMG_FILTER_GRAYSCALE);

  // Set jenis konten
  header ('content-type: image / jpeg');

  // Simpan gambar dengan kualitas 90 persen
  imagejpeg ($ image,'', 90);

  // Menjernihkan memori
  imagedestroy ($ image);
 }
 ?> 
Saya telah membuat script di atas sedikit lebih fleksibel, sehingga memberikan Anda pilihan untuk mengubah gambar apapun menjadi gambar gray-scale dengan referensi seperti di bawah ini:
  <Img src = 'http://themeforest.s3.amazonaws.com/65_gd/grayscale.php?source=cat.jpg' alt ='' />
 
Jelas, Anda bisa mengisi 'sumber' dengan path ke setiap gambar yang Anda ingin memilikinya dikonversi ke skala abu-abu. Selanjutnya, silakan menerapkan langkah-langkah keamanan lebih lanjut jika Anda berencana untuk menggunakan ini pada server hidup. Juga script diatas mengharapkan untuk menerima gambar. Jpeg, Anda bisa mendapatkan kreatif dan memilikinya menerima semua jenis gambar jika Anda inginkan. Kucing Anda sekarang harus terlihat seperti gambar di bawah ini.

Lebih Filter

Untuk membungkus pelajaran ini, mari kita cepat melihat filter lain yang bisa kita gunakan dan hasil yang mereka hasilkan.

Kecerahan Filter

Menyesuaikan kecerahan gambar yang diberikan, parameter ketiga menyesuaikan kecerahan.
  <? Php
 header ('content-type: image / jpeg');

 $ Image = imagecreatefromjpeg ('cat.jpg');
 / / Parameter 3rd menerima tingkat kecerahan.
 imagefilter ($ image, IMG_FILTER_BRIGHTNESS, 40);
 imagejpeg ($ image,'', 90);
 imagedestroy ($ image);
 ?>
 

Gaussian Blur

Gaussian mengaburkan gambar, tidak ada parameter diterima.
  <? Php
 header ('content-type: image / jpeg');

 $ Image = imagecreatefromjpeg ('cat.jpg');
 imagefilter ($ image, IMG_FILTER_GAUSSIAN_BLUR);
 imagejpeg ($ image,'', 90);
 imagedestroy ($ image);
 ?> 
 

Kontras

Parameter ketiga menerima tingkat kontras.

 <? Php
 header ('content-type: image / jpeg');
 $ Image = imagecreatefromjpeg ('cat.jpg');
 imagefilter ($ image, IMG_FILTER_CONTRAST, - 15);
 imagejpeg ($ image,'', 90);
 imagedestroy ($ image);
 ?>

 

Berarti Removal (efek sketsa)

Tidak ada parameter diterima.
  <? Php
 header ('content-type: image / jpeg');
 $ Image = imagecreatefromjpeg ('cat.jpg');
 imagefilter ($ image, IMG_FILTER_MEAN_REMOVAL);
 imagejpeg ($ image,'', 90);
 imagedestroy ($ image);
 ?>
 

Colorize

Menerima nilai merah, hijau, biru, dan alpha channel (opsional) dalam urutan itu.
  <? Php
 header ('content-type: image / jpeg');
 $ Image = imagecreatefromjpeg ('cat.jpg');
 / / Parameter alpha channel dihilangkan bawah seperti opsional.
 imagefilter ($ image, IMG_FILTER_COLORIZE, 50, 0, 0);
 imagejpeg ($ image,'', 90);
 imagedestroy ($ image);
 ?> 

Sampai waktu berikutnya ...

Saya harap ini memberi Anda beberapa wawasan ke perpustakaan GD PHP. Pada bagian 2, kita akan membahas beberapa teknik yang lebih canggih, dan, tentu saja, bersenang-senang lagi.

artikel ini dikutip dari www*.themeforest.net


Read more