...

Visit www.murdansianturi.NET

Wednesday, January 4, 2012

Membuat web berbasis iPad | 10 Hal yang perlu di perhatikan

Aturan - aturan yang harus diperhatikan jika ingin mulai membuat web berbasis iPad :


1. Resolusi
Resolusi layar pada iPad Adalah 768 x 1024 px, jadi ciptakanlah desain anda pada resolusi tersebut. Anda mungkin akan mendapati kalau resolusi tersebut bisa menyulitkan pada bagian tipografi anda. Sebab huruf yang tampil dilayar iPad san monitor PC anda tidak sama besarnya. Namun, Untuk menyiasatinya dengan menyimpan mock up dari desain web anda. Kemudian membukanya pada "iPad Photo Viewer" untuk menemukan layout dan tipografi yang pas.

2. Tanpa Cursor
Perbedaan yang mencolok antara kita browsing melalui komputer dan iPad adalah Pointer. Pada komputer, Anda bisa menggunakan cursor. Namun pada iPad, anda harus menggunakan jari anda. Artinya event cursor pada css anda, seperti mouseover dan hover, tidak mungkin di jalankan.

3. Tanpa Flash
Anda harus tahu bahwa saat ini iPad belum bisa sepenuhnya menampilkan obyek Flash Sepenuhnya. Sepeninggalnya Steve Jobs (RIP), Memang hubungan antara Adobe dan Apple semakin membaik. dan kemungkinan dimasa mendatang, Flash akan secara otomatis bisa ditampilkan pada iPad. Namun sambil menunggu saat itu terjadi, Lebih baik jangan dulu memasang objek flash di web anda. Jika anda bisa, anda dapat menggantinya dengan perpaduan teknik HTML5 san CSS3.

4. Gunakan Teknik HTML5 dan CSS3
Untuk membuat button menu dan elemen web sederhana lainnya anda bisa memadukan teknik gradient, font shadow, rounded box dan border dar CSS3. Sedangkan jika ingin membuat apps sederhana yang seolah - olah berjalan seperti objek flash, anda bisa menggunakan teknik HTML5. Tutor tentang Teknik - teknik ini bisa anda dapatkan dengan mudah di pencarian google.

5. Atur ukuran viewport
Viewport adalah area Persegi yang menentukan bagaimana konten akan ditampilkan dan bagaimana paragraf tulisan akan dibentuk pada halaman web anda. Viewport berbeda antara komputer dan iPad. Pada iPad (safari) tidak terdapat jendela browser, Scrool bar dan button resize. Sehingga anda harus mengatur dimensi viewportnya agar konten anda tidak tampil berantakan. Untuk mengatur dimensi dari viewport, anda cukup menambahkan kode meta markup berikut pada tags halaman web anda:



6. Kontrol Scroll anda dengan iScroll
7. Kustomisasi ikon "Add to Home Screen"
8. Kompabilitas
9. Resdirect user berdasarkan perangkat yang digunakan
10. CSS untuk setiap orientasi yang berbeda.

Monday, December 26, 2011

Resep cara membuat tabel selang seling warna, menggunakan HTML dan CSS

#tabelwarna { width: 250px;}
th {
    font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #4f6b72;
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    border-top: 1px solid #C1DAD7;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: left;
    padding: 6px 6px 6px 6px;
    background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}
td {
    font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    border-left: 1px solid #C1DAD7;
    padding: 6px 6px 6px 6px;
}
tr.alt {
    background: #F5FAFA;
    color: #797268;
}
tr.alts {
    background:#FFF;
    color: #797268;
}
margin-left: 3px;
}
-----------------------------------------------------------------------------------------------------------------
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Grid Table | Blog.tri-hartanto.comtitle>
<link rel="stylesheet" href="grid-table.css"/>
head>
<body>
<table id="tabelwarna" cellspacing="0" width="150px">
<tr>
<th scope="col">Noth>
<th scope="col">Namath>
tr>
<tr class="alts"><td>1td><td>Anditd>tr>
<tr class="alt"><td>2td><td>Marinatd>tr>
<tr class="alts"><td>3td><td>Firaztd>tr>
table>
body>
html>
Contoh:

Grid Table | Blog.tri-hartanto.com


No Nama
1Andi
2Marina
3Firaz

Ketika Nama Blog Terlalu Panjang

Ini adalah contoh nama blog yang terlalu panjang, akibatnya tidak semua tulisan nama blognya terlihat.



Nama blog tidak terlihat semua. Ini akibat leber default yg ditetapkan pada template adalah terbatas dengan width 47.

#header{margin:0;border:0 solid $bordercolor;color:$pagetitlecolor;float:left;width:47%;overflow:hidden;}

Ketika diubah menjadi 67, nama domain akan muncul semua.

#header{margin:0;border:0 solid $bordercolor;color:$pagetitlecolor;float:left;width:67%;overflow:hidden;}

Hasil:

Saturday, December 17, 2011

My Favorite Template - Yang Mana Kamu Suka?

My Favorite Template
 Yang Mana Kamu Suka?  




ifashion
Magda
LIGHTIN






VideoScene
Education Time
Diary Notebook





TECHZINE
CAMINO
LedgyMagazine






Sketchly
WestWard
LockSmith






BusinessCards
StraightAhead
WPDaily






Intuitte
EndPlate
SolidMag






MoneyZine
Dream-Island
Design-Office

Sunday, December 11, 2011

Awas. DDOS ATTACK dapat Mematikan Domain Name System

Jakarta - Untuk kesekian kalinya, serangan DDOS (Distributed Denial of Service) attack melalui protocol UDP terbukti efektif “mematikan” sistem nama domain (Domain Name System) sehingga sejumlah besar web site tidak dapat di-resolve namanya di Internet. User tidak bisa membuka alamat domain web site yang sistem DNS-nya terkena serangan.

Domain Name System sendiri adalah layanan di Internet yang bertugas memetakan alamat IP suatu web site, situs atau server di Internet ke dalam format penamaan yang relatif mudah dikenali serta dihapalkan oleh manusia. DNS adalah salah satu layanan utama mendasar di Internet setelah IP Routing System (pemetaan jalur jaringan IP).

Pada hari Kamis (04/06/09), setidaknya dua server milik pengelola domain Indonesia yang berada di dua penyelenggara jasa internet (internet service provider/ISP) Indonesia tidak dapat diakses karena telah menjadi korban serangan DDOS. Server tersebut dikirimi paket data jenis UDP yang memenuhi internet traffic di dua perusahaan tersebut dan sekaligus berusaha untuk membebani proses (buffer overflow) agar layanan DNS kolaps.

Dari hasil analisa sementara, sumber serangan berasal dari sejumlah server zombie yang tersebar di sejumlah negara. Kemungkinan para penyerang (attacker) menggunakan Botnet di dalam melakukan serangan DDOS ini. Belum dapat dipastikan apakah serangan DDOS ini berkaitan dengan berbagai kasus yang mengganggu hubungan diplomatik antara Indonesia – Malaysia, mengingat trend saling serang di dunia cyber masih terus berlangsung antara aktivis underground di kedua negara sejak beberapa bulan terakhir ini.

Sampai dengan hari ini, dua penyelenggara jasa internet tersebut menerima serangan DDOS tersebut dari berbagai penjuru dunia. Berdasarkan pemantauan yang dilakukan oleh ID-SIRTII (Indonesia Security Incident Response Team on Internet Infrastructure) dua ISP lokal tersebut telah menerima tidak kurang dari 1262 serangan dalam 4 hari.

Adapun dari IP Address yang berhasil dimonitor oleh ID-SIRTII, Canada adalah negara yang paling banyak melakukan serangan terhadap dua penyelenggara jasa internet tersebut. Selain Canada, serangan tersebut dilakukan secara berturut-turut dilakukan oleh Swedia, Belanda, Australia, Jerman, Inggris, Rumania, Jepang dan Brazil.

M. Salahuddien, Wakil Ketua ID-SIRTII menyatakan bahwa serangan DDOS tersebut telahmenyebabkan dua server DNS milik pengelola nama domain .id mengalami gangguan. Pada saat dikonfirmasi mengenai adanya kaitannya dengan renggangnya hubungan
Indonesia-Malaysia, M. Salahuddin berpendapat bahwa sangat besar kemungkinan
serangan-serangan tersebut berkenaan dengan krisis Indonesia-Malaysia.

Mengenai asal IP Address penyerang yang tersebar di sejumlah negara di lima benua M.
Salahuddien berpendapat bahwa besar kemungkinan si penyerang menggunakan program
zombie dan botnet yang secara otomatis mengirimkan paket data ke objek serangan.
Serangan DDOS telah terbukti, masih efektif untuk mematikan sistem penamaan domain
Internet dan situs (website) sehingga tidak bisa diakses oleh user. Tidak bisa diaksesnya sejumlah domain .id selama beberapa waktu adalah suatu bukti bahwa keamanan informasi menjadi hal yang strategis di era teknologi informasi.

Kemungkinan lain serangan DDOS bisa juga datang dari Pesaing ISP lain. Mereka ingin merajai bisnis hosting misalnya.

Apa itu Serangan DDOS?

Serangan DDOS ( Denial Distribute of services ) Attack, mungkin adalah serangan yang paling simple di lakukan namun efeknya sangat berbahaya. Situs-situs besar seperti yahoo.com , ebay.com , hotmail.com, e-gold.com , 2checkout.com dan lain-lain pernah mengalami serangan yang mengakibatkan situs nya tidak bisa di akses selama beberapa jam.


Situs e-gold.com pada tahun 2005 kemarin, situs nya di serang dengan memakai metode DDOS ( Denial Distribute of services ).

Dan minggu-minggu ini server HostMop.com, juga di serang dengan memakai metode DDOS ini dengan menggunakan server luar.

Bagaimana cara kerja DDOS ?

Jika Anda memakai program windows , coba lakukan ini di komputer Anda.

1. Start , Programs , Accessories , Command Prompt
2. Kemudian di Command prompt ketikan , Ping -t www.situsyangdituju.com

atau bisa juga Start, Run , Ping -t www.situsyangdituju.com

Kemudian komputer Anda akan mengirimkan paket informasi ke situs yang di tuju tadi, pada dasarnya dengan perintah tersebut komputer Anda mengirimkan ucapan "Halo , apa ada orang di situ ? " , ke situs yang di tuju tadi. kemudian server situs yang di tuju tadi mengirimkan jawaban balik dengan mengatakan : "ya, di sini ada orang"

Sekarang bayangkan, jika ada ribuan komputer, dalam waktu bersamaan melakukan perintah tersebut di situs yang di tuju. 1 komputer mengirimkan data sebesar 32 bytes / detik ke situs yang di tuju. Jika ada 10.000 komputer yang melakukan perintah tersebut secara bersamaan, itu artinya ada kiriman data sebesar 312 Mega Bytes/ detik yang di terima oleh situs yang di tuju tadi.

Dan server dari situs yang di tuju tadi pun harus merespon kiriman yang di kirim dari 10.000 komputer secara bersamaan. Jika 312 MB/ detik data yang harus di proses oleh server, dalam 1 menit saja, server harus memproses kiriman data sebesar 312 MB x 60 detik = 18720 MB. Bisa di tebak, situs yang di serang dengan metode ini akan mengalami Over Load / kelebihan data, dan tidak sanggup memproses kiriman data yang datang.

Pertanyaan nya , bagaimana 10.000 komputer tersebut bisa ikut melakukan serangan ?


Komputer-komputer lain yang ikut melakukan serangan tersebut di sebut komputer zombie, dimana sudah terinfeksi semacam adware. jadi si Penyerang hanya memerintahkan komputer utamanya untuk mengirimkan perintah ke komputer zombie yang sudah terinfeksi agar melakukan Ping ke situs yang di tuju. Oleh karena itu pentingnya ada firewall di komputer anda, untuk memonitor paket yang keluar maupun yang masuk dari komputer anda.

Jika anda belum memiliki firewall bisa coba zone alarm, silahkan download di zonelabs.com Adware biasanya di dapat dari program-program gratisan yang anda download, untuk itu juga harus berhati-hati mendownload program gratisan.

HostMop

www.indoswara.com sebulan belakangan ini sulit diakses. Diakibatkan ada musibah di server host di HostMop.com.

Saya masih mencoba untuk bertahan hosting di HostMop beberapa bulan ini, sambil mencari tempat server yang lebih baik.

_______________________________________________________________________________

Kepada Yth,
Pelanggan Hostmop.com

Dengan Hormat,
Sehubungan dengan website, ftp, dan cPanel yang tidak bisa digunakan kami ingin mengklarifikasi hal tersebut sebagai berikut.

1. Saat hari minggu kemarin setelah melakukan perbaikan pada server kami, kami mendapatkan serangan DDOS attack via mass mail dari server luar. hal ini mengakibatkan terjadi konflik pada hardware server kami dan membuat kinerja server kembali tidak stabil.

2. Berdasarkan kurang stabilnya performa server kami, maka kami memutuskan untuk membackup seluruh data client dan memindahkannya ke server baru. Untuk estimasi waktu memang cukup lama diperkirakan bisa 1 minggu. Namun kami berusaha untuk bisa lebih cepat agar tidak membenani semua usaha dan kinerja anda.

3. Nantinya Nameserver juga akan berganti menjadi ns101a.hostmop.com dan ns101b.hostmop.com kemudian MySQL host name akan berubah dari mysql.jkt.servermind.id.au menjadi localhost

4. Untuk sementara kases email anda bisa via namadomain:2095

Sebagai komitmen kami ke depannya, kami akan mengupayakan peningkatan layanan dan konektivitas jaringan untuk mendukung aktifitas hosting yang prima lewat penambahan server baru awal tahun depan maupun penanganan terhadap masalah yang tiba-tiba terjadi dengan lebih cepat.

Kiranya demikian penjelasan kami mengenai website, ftp, dan cPanel yang tidak bisa digunakan Kiranya hal ini dapat memberikan penjelasan dan pengertian bagi pihak perusahaan atau Direksi agar dapat memaklumi apabila sistem saat ini dan untuk beberapa hari ke depan tiba-tiba menjadi down.

Best Regards.

Budiswara Antonius
HostMop.com

----------------------------------------------

Friday, December 9, 2011

Contoh Soal UAS Praktikum - Matakuliah Pengantar Aplikasi Komputer


Contoh Soal UAS Praktikum
Matakuliah      :  Pengantar Aplikasi Komputer
Dosen              :  Murdan Sianturi, S.Kom
Kampus           :  STIE SWADAYA CIKARANG

  1. Tuliskan formula ini di Excel. Nilai Q akan ditampilkan di kolom A mulai baris 2,3 dan baris 4.
               ______
Q = 250     + 43
Q = 64  x   20 + 124
                     2
         ______
Q = 6 + 83   +  6 x ­  8
            102                       2

Simpan dengan nama file  :   ujian rumus.xls


  1. Gunakan rumus IF untuk mencari Jabatan dan Gaji.

Kode    Jabatan        Gaji
---------------------------------    
 K1                 
 K2
 K3

Ketentuan:
Jabatan adalah “Direktur” jika kodenya “K1”
Jabatan adalah “Sekretaris” jika kodenya “K2”
Jabatan adalah “Manajer” jika kodenya “K3”
Gaji untuk kode “K1” 11jt
Gaji untuk kode “K2” 6jt
Gaji untuk kode “K3” 8jt

Simpan dengan nama file  :   ujian if.xls












  1. Kerjakan soal dibawah ini  menggunakan formula SUMIF dan VLOOKUP.
Formula SUMIF untuk mencari Akumulasi Penjualan masing2 barang.
Formula VLOOKUP untuk mencari Harga pada tabel data penjualan.

Tabel Kode Barang

Kode               Harga             Akum.Penjualan
   A                  100
   B                  200
   C                  300



Tabel Data Penjualan

Tanggal         Kode                           Harga
01/12/11         B                    
03/12/11         C                    
04/12/11         B        
05/12/11         B
06/12/11         A
07/12/11         C
08/12/11         A
                        Total                           ..........
Rata-rata                    ..........
                        Harga Tertinggi         .........
                        Harga Terendah       ..........
                        Jumlah Data             ..........
           

Simpan dengan nama file  :   ujian vlookup.xls




~~~~~~~~~~~~~   Selamat mengerjakan ~~~~~~~~~~~~~~~~~