Jumat, 11 Oktober 2013
Kamis, 26 September 2013
Struktur Program Borland C++
Dasar untuk belajar suatu bahasa pemrograman salah satunya yaitu mengetahui struktur penulisan bahasa pemrograman tersebut.Struktur dapat diibaratkanformat penulisan seperti halnya kita menulis makalah,puisi ataupun surat lamaran. Dengan mengetahui struktur bahasa pemrograman maka akan mempermudah dalam membuat suatuprogram atau aplikasi tertentu. Struktur program C++ di semua compiler bahasa pemrograman C++ pada dasarnya sama, hanya saja ada perbedaan sedikit diantara beberapacompiler. Tapi pada pembahasan kali ini, kita akan membahas struktur program C++ menggunakan compiler Borland C++ versi 5.02. Kita akan langsung terapkan pada contoh:
//program C++ pertama sukma
#include <iostream.h>
#include <conio.h>
main(){
cout<<"Hello World !!!!!";
getch();
}
Output:
Hello World !!!!!
Hello World !!!!!
Penjelasan script program di atas:
- //program C++ pertama sukma
Baris ini merupakan komentar yang menjelaskan program. Komentar dalam bahasa pemrograman C++ tidak mutlak wajib. Komentar dalam bahasa pemrograman C++ berfungsi untuk menjelaskan tentang program,scrip,dll pada program yang membantu programmer menganalisa suatu script program. Komentar dalam bahasa pemrograman C++ di tandai dengan tanda // atau /* ......*/. Apabila ada kata-kata atau kalimat yang berada di tanda tersebut maka tidak akan berpengaruh pada program karena tidak dibaca oleh compiler.
- #include <iostream.h>
- #include <conio.h>
#include merupakan Preprocessor Directive yang berfungsi untuk memberitahu kepada compiler bahwa program yang kita buat menggunakan file-file yang didaftarkan/ fungsi-fungsi yang berada pada file header. File Header sendiri merupakan file dengan ekstensi h(.h), contoh iostream.h, conio.h . Tanpa Preprocessor Directive dan file header program tidak akan jalan, dan cout<<,getch() tidak akan berfungsi.
- Main()
fungsi yang menjadi inti dari program dan merupakan awal dan akhir eksekusi. Fungsi ini harus ada dalam setiap program.
Tanda kurawal buka { merupakan tanda awal fungsi main dan tanda kurawal tutup } merupakan tanda berakhirnya fungsi main.
- cout<<"Hello World !!!!!";
cout << Merupakan perintah yang biasa dipakai untuk menampilkan suatu keluaran pada layar. Untuk menggunakan perintah ini kita harus mengetikkan file header iostream.h .
- getch();
merupakan perintah untuk menahan layar, supaya program yang dijalankan tertahan dan dapat dilihat oleh user, program akan keluar jika user menekan tombol ENTER pada keyboard. Untuk menggunakan perintah ini kita harus mengetikkan file header conio.h .
*hormatilah sesama bloger :)
Minggu, 30 Desember 2012
Kelebihan dan Kekurangan Windows 8 di Mata Developer
Kelebihan dan kekurangan apa saja yang ada di Windows 8?
Microsoft kini membuka toko aplikasi online di Windows 8, yang diberi nama Windows Store. Dengan adanya toko aplikasi online ini, para pengguna diharapkan tertib mengunduh aplikasi dari Windows Store. Ini memudahkan developer dalam mengontrol aplikasi mereka.
Yusak Setiawan dari TigaBelas Technology mengatakan, Windows Store membuka peluang bagi developer Indonesia untuk menembus pasar global. Microsoft telah membuka pendaftaran akun Windows Store sejak Agustus 2012 . Agar sebuah aplikasi masuk ke Windows Store, dibutuhkan penilaian yang cukup ketat.
"Ketat memang. Lebih ketat dibandingkan Android. Tapi kalau dibandingkan dengan iOS, masih lebih ketat iOS," kata Yusak.
Agar sebuah aplikasi bisa masuk ke Windows Store, pihak pengontrol dari Microsoft memeriksa terlebih dahulu konten dan kerapihan tampilan antarmuka penggunanya (User Interface/UI). Waktu yang diperlukan untuk pemeriksaan itu kurang lebih sepekan. Jika UI sebuah aplikasi menyimpang dari ketentuan, bisa jadi tidak lolos.
Selain kategori game, aplikasi yang ingin masuk ke Windows Store, diharuskan mengusung tampilan Windows 8-style UI, mengacu pada desain kotak-kotak seperti bentuk lantai. Tampilan ini sebelumnya akrab disebut Metro Style. Namun, sejak Agustus lalu, Microsoft mengubah nama Metro Style menjadi Windows 8-style UI. Selain itu, developer juga bisa memanfaatkan fitur Live Tile untuk menyajikan konten terkini dan Charm Bar agar aplikasi terkesan lebih hidup dan interaktif.
Windows 8 kini tidak hanya berjalan di PC, tapi juga di tablet yang menggunakan prosesor berarsitektur x86 dan ARM.
Keberadaan komputer kategori baru convertible, juga membuka peluang bisnis baru bagi developer. Convertible adalah komputer yang bisa difungsikan sebagai tablet ataupun PC. Beberapa produsen komputer membuat komputer yang bisa digeser. Jika dibuka atau digeser ke atas, ia akan berwujud seperti notebook. Tapi jika ditutup atau digeser ke bawah, ia nampak seperti tablet. Ada pula produsen yang membuat tablet, namun disertai dengan dock papan ketik (keyboard).
Vice President Navcore Nextology Farid Zulkarnain berpendapat, komputer convertible menjawab permasalahan pengguna tablet yang selama ini kurang nyaman bekerja dengan sentuhan jari. "Bagaimanapun, banyak orang yang lebih nyaman bekerja dengan keyboard, touchpad, ataupun mouse," kata Farid saat dijumpai KompasTekno beberapa waktu lalu.
Di sinilah tantangan baru bagi developer, bagaimana membuat aplikasi untuk dua modus bentuk fisik, sehingga aplikasi tersebut nyaman digunakan saat convertible difungsikan sebagai tablet maupun PC.
Kekurangan
Sejak windows 8 hadir, Microsoft menginginkan agar semua aplikasi (kecuali game) dapat mengadopsi tampilan Windows 8-style UI. Beberapa pengembang aplikasi sebenarnya kurang nyaman dengan peraturan ini. Semua aplikasi akan terlihat sama, dengan desain kotak-kotak. Dalam pelatihan membuat aplikasi Windows 8, pertanyaan semacam ini sering dilontarkan para developer.
"Nilai keunikan sebuah aplikasi jadi hilang. Semua jadi kotak-kotak," kata Yusak.
Untuk mengakalinya, menurut Yusak, developer bisa memainkan desain pada latar belakang, tata letak, ataupun teks.
Ada pula developer yang menganggap tampilan kotak-kotak ukuran terkecil di Windows 8 masih terlalu besar. Jika pengguna memasang banyak aplikasi, maka akan terlihat banyak kotak-kotak berjejer ke kanan. Pengguna harus terus menggeser halaman tampilan utama untuk mencari aplikasi yang hendak dibuka.
Namun, pengguna ini bisa mengatasi masalah ini dengan masuk ke modus tampilan desktop.
Untuk membuat aplikasi di Windows, dibutuhkan software Visual Studio, yang di dalamnya terdapat alat-alat untuk membangun aplikasi. Bagi perusahaan rintisan (startup), harga software Visual Studio terbilang mahal. "Kalau mau bikin aplikasi keren, pakai Visual Studio versi Express. Tapi harga lisensinya mahal. Ini berat untuk startup yang masih merintis seperti kita," kata Dedi Mulyana dari Garuda Studio asal Bandung.
Para developer juga berharap, Microsoft dapat melakukan sosialisasi mendispilinkan pengguna agar mengunduh aplikasi dari Windows Store. Ini dilakukan untuk menekan angka pembajakan aplikasi. Selain itu, beberapa developer juga berharap Microsoft bisa menjual aplikasi berbayar dalam mata uang Rupiah, sebagau upaya meningkatkan kesadaran menggunakan aplikasi berbayar, dan dapat mendorong penciptaan aplikasi lokal.
Sumber : Kompas.com
Microsoft kini membuka toko aplikasi online di Windows 8, yang diberi nama Windows Store. Dengan adanya toko aplikasi online ini, para pengguna diharapkan tertib mengunduh aplikasi dari Windows Store. Ini memudahkan developer dalam mengontrol aplikasi mereka.
Yusak Setiawan dari TigaBelas Technology mengatakan, Windows Store membuka peluang bagi developer Indonesia untuk menembus pasar global. Microsoft telah membuka pendaftaran akun Windows Store sejak Agustus 2012 . Agar sebuah aplikasi masuk ke Windows Store, dibutuhkan penilaian yang cukup ketat.
"Ketat memang. Lebih ketat dibandingkan Android. Tapi kalau dibandingkan dengan iOS, masih lebih ketat iOS," kata Yusak.
Agar sebuah aplikasi bisa masuk ke Windows Store, pihak pengontrol dari Microsoft memeriksa terlebih dahulu konten dan kerapihan tampilan antarmuka penggunanya (User Interface/UI). Waktu yang diperlukan untuk pemeriksaan itu kurang lebih sepekan. Jika UI sebuah aplikasi menyimpang dari ketentuan, bisa jadi tidak lolos.
Selain kategori game, aplikasi yang ingin masuk ke Windows Store, diharuskan mengusung tampilan Windows 8-style UI, mengacu pada desain kotak-kotak seperti bentuk lantai. Tampilan ini sebelumnya akrab disebut Metro Style. Namun, sejak Agustus lalu, Microsoft mengubah nama Metro Style menjadi Windows 8-style UI. Selain itu, developer juga bisa memanfaatkan fitur Live Tile untuk menyajikan konten terkini dan Charm Bar agar aplikasi terkesan lebih hidup dan interaktif.
Windows 8 kini tidak hanya berjalan di PC, tapi juga di tablet yang menggunakan prosesor berarsitektur x86 dan ARM.
Keberadaan komputer kategori baru convertible, juga membuka peluang bisnis baru bagi developer. Convertible adalah komputer yang bisa difungsikan sebagai tablet ataupun PC. Beberapa produsen komputer membuat komputer yang bisa digeser. Jika dibuka atau digeser ke atas, ia akan berwujud seperti notebook. Tapi jika ditutup atau digeser ke bawah, ia nampak seperti tablet. Ada pula produsen yang membuat tablet, namun disertai dengan dock papan ketik (keyboard).
Vice President Navcore Nextology Farid Zulkarnain berpendapat, komputer convertible menjawab permasalahan pengguna tablet yang selama ini kurang nyaman bekerja dengan sentuhan jari. "Bagaimanapun, banyak orang yang lebih nyaman bekerja dengan keyboard, touchpad, ataupun mouse," kata Farid saat dijumpai KompasTekno beberapa waktu lalu.
Di sinilah tantangan baru bagi developer, bagaimana membuat aplikasi untuk dua modus bentuk fisik, sehingga aplikasi tersebut nyaman digunakan saat convertible difungsikan sebagai tablet maupun PC.
Kekurangan
Sejak windows 8 hadir, Microsoft menginginkan agar semua aplikasi (kecuali game) dapat mengadopsi tampilan Windows 8-style UI. Beberapa pengembang aplikasi sebenarnya kurang nyaman dengan peraturan ini. Semua aplikasi akan terlihat sama, dengan desain kotak-kotak. Dalam pelatihan membuat aplikasi Windows 8, pertanyaan semacam ini sering dilontarkan para developer.
"Nilai keunikan sebuah aplikasi jadi hilang. Semua jadi kotak-kotak," kata Yusak.
Untuk mengakalinya, menurut Yusak, developer bisa memainkan desain pada latar belakang, tata letak, ataupun teks.
Ada pula developer yang menganggap tampilan kotak-kotak ukuran terkecil di Windows 8 masih terlalu besar. Jika pengguna memasang banyak aplikasi, maka akan terlihat banyak kotak-kotak berjejer ke kanan. Pengguna harus terus menggeser halaman tampilan utama untuk mencari aplikasi yang hendak dibuka.
Namun, pengguna ini bisa mengatasi masalah ini dengan masuk ke modus tampilan desktop.
Untuk membuat aplikasi di Windows, dibutuhkan software Visual Studio, yang di dalamnya terdapat alat-alat untuk membangun aplikasi. Bagi perusahaan rintisan (startup), harga software Visual Studio terbilang mahal. "Kalau mau bikin aplikasi keren, pakai Visual Studio versi Express. Tapi harga lisensinya mahal. Ini berat untuk startup yang masih merintis seperti kita," kata Dedi Mulyana dari Garuda Studio asal Bandung.
Para developer juga berharap, Microsoft dapat melakukan sosialisasi mendispilinkan pengguna agar mengunduh aplikasi dari Windows Store. Ini dilakukan untuk menekan angka pembajakan aplikasi. Selain itu, beberapa developer juga berharap Microsoft bisa menjual aplikasi berbayar dalam mata uang Rupiah, sebagau upaya meningkatkan kesadaran menggunakan aplikasi berbayar, dan dapat mendorong penciptaan aplikasi lokal.
Sumber : Kompas.com
Sabtu, 29 Desember 2012
Sekilas Tentang Microsoft Office 2013 (New Release)
Salah
satu produk baru dari Microsoft adalah Office 2013. Penerus dari Office
2010. Saat ini tersedia versi previewnya untuk didownload secara
gratis. Kemarin saya mencoba download Office 2013 atau lebih tepatnya
sih Office 365 Home Premium. Hampir sama antara keduanya mungkin
harganya yang berbeda. Berikut ini sekilas ulasannya.
Office 365 Home Premium terdiri atas Word, Excel, Powerpoint, Access, Outlook, Publisher dan OneNote. Salah satu program Office 2013 yang sering saya pakai adalah Word. Kini Anda bisa menyisipkan gambar dan video langsung dari menu Word. Di-play langsung juga bisa. Selain itu ada menu screenshot, Anda bisa mengambil screenshot dan langsung masuk ke Word. File pdf bisa dibuka dan diedit langsung. Tulisan Anda di Word juga bisa langsung dipublish ke blog.
Tampilannya seperti dibawah ini, lebih minimalis dibanding Office terdahulu namun lebih komplit fiturnya.
Kalau diklik bagian File maka muncul menu seperti ini. Anda bisa menyimpan file langsung ke Skydrive.
Dibawah ini tampilan saat membuka PowerPoint. Ada beragam template dimana kalau kurang Anda bisa cari secara online lewat menu Search yang tersedia.
Tampilan PowerPoint Office 2013.
Tampilan Excel Office 2013.
Halaman depan Access 2013. Bisa pilih beragam template.
Buat berkirim surat bisa memakai Outlook Office 2013. Saya coba dengan akun Gmail bisa langsung on tanpa perlu banyak setting.
Publisher Office 2013
Buat menulis catatan dsb ada OneNote Office 2013.
Office 2013 ini memang lebih banyak ke layanan online baik fitur maupun penyimpanannya. Menurut saya lebih manteb dari versi sebelumnya. Walau seringnya cuma pakai Word buat ngetik-ngetik dan excel buat ngitung utang
Buat yang ingin mencoba Office 365 Home Premium bisa meluncur ke microsoft.com/office/preview. Preview ini bisa dipakai buat 60 hari. Tapi koneksinya harus kenceng karena installnya secara online.
gimana sudah lihatkan bagaimana ms.office itu . semoga anda bisa belajar dari pengalaman saya ini
Semoga Bermanfaat :)
Office 365 Home Premium terdiri atas Word, Excel, Powerpoint, Access, Outlook, Publisher dan OneNote. Salah satu program Office 2013 yang sering saya pakai adalah Word. Kini Anda bisa menyisipkan gambar dan video langsung dari menu Word. Di-play langsung juga bisa. Selain itu ada menu screenshot, Anda bisa mengambil screenshot dan langsung masuk ke Word. File pdf bisa dibuka dan diedit langsung. Tulisan Anda di Word juga bisa langsung dipublish ke blog.
Tampilannya seperti dibawah ini, lebih minimalis dibanding Office terdahulu namun lebih komplit fiturnya.
Kalau diklik bagian File maka muncul menu seperti ini. Anda bisa menyimpan file langsung ke Skydrive.
Dibawah ini tampilan saat membuka PowerPoint. Ada beragam template dimana kalau kurang Anda bisa cari secara online lewat menu Search yang tersedia.
Tampilan PowerPoint Office 2013.
Tampilan Excel Office 2013.
Halaman depan Access 2013. Bisa pilih beragam template.
Buat berkirim surat bisa memakai Outlook Office 2013. Saya coba dengan akun Gmail bisa langsung on tanpa perlu banyak setting.
Publisher Office 2013
Buat menulis catatan dsb ada OneNote Office 2013.
Office 2013 ini memang lebih banyak ke layanan online baik fitur maupun penyimpanannya. Menurut saya lebih manteb dari versi sebelumnya. Walau seringnya cuma pakai Word buat ngetik-ngetik dan excel buat ngitung utang
Buat yang ingin mencoba Office 365 Home Premium bisa meluncur ke microsoft.com/office/preview. Preview ini bisa dipakai buat 60 hari. Tapi koneksinya harus kenceng karena installnya secara online.
gimana sudah lihatkan bagaimana ms.office itu . semoga anda bisa belajar dari pengalaman saya ini
Semoga Bermanfaat :)
Jumat, 07 Desember 2012
TUTORIAL INSTALATION WINDOWS 8 (New Update)
Instal Windows 8
Bagi yang masih belum tahu langkah2 menginstall windows 8, baik memakai CD/DVD ataupun memakai USB flahdisk, berikut langkah2 untuk menginstall edisi pratinjau pengembang windows 8 dari microsoft. Windows 8 edisi Pengembang adalah versi pra-beta dari microsoft untuk pengujian dan tujuan pengembangan. ini tidak dianjurkan di install pada pc yang masih aktif digunakan.
Jika ada rencana untuk membuat dual booting, pastikan anda menyediakan partisi primer lebih dari 20GB. dan jika ada rencana untuk instalasi bersih, pastikan backup dahulu file2nya kemudian baru diformat harddisk C nya, lalu install bersih windows 8 nya.
- Boot komputer anda dengan media instalasi windows 8 Developer.
- Mungkin butuh beberapa menit untuk memuat file-file, dan kemudian akan membawa Anda ke layar instalasi. Pilih pilihan yang sesuai dan klik Next.
- Sekarang klik pada “Install Now” untuk melanjutkan
- centang “Accept the terms and conditions” dan kemudian klik “Next”.
- Disini kita bisa memilih opsi apakah ingin meng-upgrade windows kita ke windows 8 Edisi Developer atau ingin melakukan instalasi bersih. Pilih Custom (Advanced) untuk melanjutkan instalasi bersih.
- Pada layar ini Anda dapat memilih drive yang ingin Anda instal, di sini kita memiliki kemampuan untuk mengelola disk, format, membuat partisi dll Jika Anda berencana untuk men-setup Dual boot maka Anda dapat memilih drive yang berbeda. Setelah Anda mengkonfigurasi drive klik “Next”
- Itu saja sekarang akan dimulai proses instalasi, tunggu sampai selesai yang mengambil waktu 10 menit sampai 1 jam tergantung pada konfigurasi Hardware.
- Setelah itu menyelesaikan instalasi Komputer Anda akan reboot dan akan mempersiapkan pengaturan2. Jadi silahkan menunggu beberapa saat.
- Sekarang akan membawa Anda untuk mempersonalisasi pengaturan desktop Anda. Silahkan pilih “Express settings” yang pada layarnya tertera keterangan tentang apa saja settingan akan dilakukan.
- Tidak seperti sistem operasi lain, pada Windows 8 Anda dapat login menggunakan account Windows Live. Jadi, Anda dapat memasukkan informasi account Windows Live Anda.
- Sekarang Windows akan mengkonfigurasi pengaturan Anda
Jika tidak ingin menggunakan metode login ini, silahkan klik pada “I don’t want to log in with a Windows Live ID”.
Anda dapat memilih “Local account” untuk membuat Username dan Password untuk login ke Windows Anda.
Setelah semua informasi telah dimasukkan, klik “Next”.
Selamat! Anda sekarang telah berhasil menginstal Windows 8 edisi Pengembang di komputer Anda.
Senin, 26 November 2012
Finally!
Finally! 90% TA gue akhirnya kelar, thanks god :)
setelah berjuang selama hampir 6 bulan lamanya, akhirnya tugas akhir gue rampung juga, yaa beginilah usaha kalo kita maksimal pasti dapat hasil yang maksimal juga akhirnya, memang Tuhan itu selalu ada bersama umatnya yang selalu berusaha keras buat mewujudkan impiannya :)
Rabu, 17 Oktober 2012
Optimasi Gambar untuk Web
Gambar
merupakan pendukung untuk setiap elemen web, mulai dari ilustrasi
artikel, gambar pendukung artikel bahkan gambar-gambar yang digunakan
dalam desain webnya.
Ada
berbagai macam tipe file gambar, seperti jpg, png, dan gif. semuanya
memiliki karakteristik dan kualitas yang berbeda, lalu tipe file apa
yang cocok digunakan untuk web? disini saya mencoba berbagi tips
optimasi gambar untuk web, memilih tipe file yang tepat dan optimasi
gambar agar ukurannya lebih kecil namun masih memiliki kualitas yang
baik.
Memilih tipe file yang tepat
Seperti
yang telah saya sebutkan ada berbagai macam tipe file gambar,
diantaranya jpg, png dan gif. Berikut ini saya jelaskan kapan suatu tipe
file harus digunakan :
JPEG
Ketika
gambar yang ingin anda gunakan dalam web, misalnya dalam artikel atau
bahkan elemen pendukung desain web memiliki bermacam-macam warna atau
kompleksitas warna yang tinggi contoh sederhananya adalah gambar hasil
"jepretan foto" gunakan tipe file JPEG.
Penggunaan
tipe file JPEG pada gambar-gambar tersebut sangat mendukung karena file
JPEG mampu meyimpan beragam informasi warna/menjaga kualitas gambar
meskipun ukuran filenya kecil.
GIF
Ketika
gambar memiliki warna sedikit, atau sebagian area didominasi oleh satu
warna, maka tipe gambar gif lah yang cocok untuk digunakan. Contoh
gambar yang bisa memiliki tipe gif ini adalah logo (logo sederhana),
diagram dan lain-lain.
PNG
Tipe
file PNG bisa digunakan ketika gambar yang akan anda gunakan memiliki
transparansi. Meskipun tipe file GIF bisa memiliki transparansi namun
tipe file PNG lebih cocok untuk masalah ini. tipe gif hanya bisa
mentransparankan 100%, ketika ada gradasi warna yang memiliki
transparansi, tipe file GIF akan memiliki kualitas yang rendah. berbeda
dengan tipe PNG.
Contoh
diatas adalah contoh transparansi pada shadow. bagian kiri adalah file
PNG dan bagian kanan adalah file GIF (dengan transparansi). Transparansi
PNG lebih halus (nilai transparans bisa berkisar antara 0 s.d 100%)
sedangkan GIF memiliki area transparan 100% (tidak bisa memiliki
transparansi misalnya 50%).
Optimasi Tipe File
Dengan
menggunakan image editor seperti Photoshop, setiap tipe file gambar,
masih bisa dioptimasi agar gambar memiliki ukuran rendah dan ramah akan
bandwidth internet namun masih memiliki kualitas yang tinggi.
Optimasi menggunakan Photoshop
Dalam photoshop, setiap Anda ingin menyimpan gambar untuk kebutuhan web, pastikan pilih menu File>Save For Web and Devices.
Atur preset yang disediakan, misalnya ketika Anda ingin menyimpan gambar dengan tipe file JPEG, atur presetnya seperti berikut :
atau anda juga bisa mengatur "Quality"-nya sendiri, perhatikan juga ukuran yang dihasilkan dan kualitas gambarnya.
Untuk
mendapatkan transparansi dalam file PNG, pastikan anda memiliki preset
PNG-24, jika tidak maka gambar akan memiliki background putih.
Optimasi menggunakan Situs pihak ketiga
Ada beberapa situs yang melayani untuk optimasi gambar-gambar yang akan digunakan dalam web. misalnya smush.it
dari yahoo. Kadang gambar yang telah anda optimasi melalui langkah
sebelumnya masih bisa dioptimasi kembali oleh smush.it, sehingga file
yang dihasilkan lebih kecil namun masih menjaga kualitasnya.
Pada
contoh berikut, saya melakukan optimasi untuk file JPEG, dan hasilnya
masih bisa dioptimasi sebesar 0.17% dan ukuran gambar berkurang sebesar
38bytes.
Optimasi Gambar melalui HTML
Optimasi
melalui HTML berbeda dengan optimasi sebelumnya. Dalam HTML anda bisa
membantu mengoptimalkan kecepatan loading gambar, dengan menentukan
atribut width dan height pada gambar. Jika anda tidak menentukan kedua
atribut tersebut maka ukuran gambar akan dikalkulasikan terlebih dahulu
oleh browser/CPU sebelum ditampilkan dan ini cukup memakan waktu ketika
gambar memiliki ukuran super :).
<img src="gambar.jpg" alt="Ilustrasi" width="200" height="300">
Jadi pastikan anda menentukan atribut width dan height ini sesuai dengan ukuran gambar.
Jangan meresize melalui atribut width dan height
Jangan
sekali-kali meresize/merubah ukuran gambar dengan menentukan atribut
width dan height, cara ini akan memperlambat proses loading web.
Misalnya anda memiliki gambar dengan ukuran 600px*800px namun anda hanya
membutuhkan gambar dengan ukuran 200px*300px dan anda melakukan
resizing dengan atribut width dan height :
<img src="gambar.jpg" alt="Ilustrasi" width="200" height="300">
Solusinya
adalah, buat file berbeda untuk ukuran yang berbeda, jangan merubah
ukuran gambar dengan menggunakan atribut html. Jangan Pernah! :)
Kesimpulan
Penggunaan
tipe gambar yang tepat dan cara pemuatan gambar yang tepat (dengan
menyertakan atribut width dan height) dapat mempercepat loading web,
selain itu gambar yang telah dioptimasi akan memiliki ukuran yang
relatif kecil namun memiliki kualitas tinggi. Jika demikian, bukan Anda
saja yang senang, pengunjung pun ikut senang karena loading webnya yang
cepat :).
by Rian Ariona berlangganan via e-mail
Langganan:
Postingan (Atom)