Saturday, March 19, 2011

Analisa Keputusan - Genap 2010/2011

Sumber belajar utama : Analisa Keputusan (Pendekatan Sistem dalam Manajemen Usaha dan Proyek), Penulis : Dr. Ir. Kuntoro Mangkusubroto., M.Sc.

Rencana Pembelajaran (Setengah Semester)
  • Deskripsi Keputusan
  • Teori Pengambilan Keputusan
  • Formalisasi Keputusan
  • Siklus Analisa Keputusan
  • Diagram Keputusan
    • Notasi
    • Penggambaran
===================================
Pertemuan 1 : Pendahuluan (Definisi, sistem, review keputusan secara umum)
Pertemuan 2 : Teori-teori pengambilan keputusan
Pertemuan 3 : Formalisasi Keputusan
Pertemuan 4 : Siklus Pengambilan Keputusan
Pertemuan 5 : Diagram Keputusan
Nilai :
No
Nama
Harian
UTS
UAS
1
Ahyudin
56
2
Andriyanto
46
3
Ali Sofyan Marzuki
47
4
Anthony Prasetya
79
5
Tri Pranoto
72
6
Agus Sudaryanto
50
7
Tri Putra Bangsawan
84
Bagi mahasiswa yang mendapatkan nilai kurang memuaskan, mohon untuk lebih giat lagi dalam belajarnya...
Anda bisa mendownload jawaban mid disini.

Pertemuan 6 : Pengantar Pengambilan Keputusan Kelompok
Pertemuan 7 : Pengambilan Keputusan Kelompok

Thursday, March 10, 2011

Perancangan Sistem Informasi (TI-Genap 2010/2011)

Guys, berikut ini saya sampaikan beberapa link untuk kalian download :



    • Nilai
    No
    Nama
    Harian
    UTS
    UAS
    1
    Ahyudin
    80
    2
    Ali Sofyan Marzuki
    62
    3
    Anthony Prasetya
    85
    4
    Tri Pranoto
    74
    5
    Agus Sudaryanto
    73
    6
    Tri Putra Bangsawan
    59
    Nilai MK ini cukup baik jika dibandingkan dengan MK lain yang saya ampu, hanya saya menginginkan ada peningkatan kinerja kalian agar nilai akhirnya bisa lebih baik.. OK?!
    Anda bisa mendownload jawaban mid disini dan mendownload contoh dokumen perancangan sistem informasi disini.

    Tuesday, March 8, 2011

    Membuat horizontal scroll bar dan vertical scroll bar

    Ketika sedang mempelajari optimasi waktu loading dari aplikasi website, terdapat banyak teknik yang bisa diterapkan pada skrip yang kita buat. Salah satunya adalah "menyembunyikan" (karena tidak persis disembunyikan aslinya) konten di dalam scroll bar.
    Nah, ternyata ada satu permasalahan yang saya hadapi. Di internet, tidak banyak tutorial yang menjelaskan cara membuat scroll bar yang mendatar (horizontal scroll bar). Karenanya saya tertarik untuk men-sharing-kannya di blog ini.
    Berikut ini adalah skrip-nya :

    <div style="border:1px solid white;width:200px;height:100px;overflow-y:hidden;overflow-x:scroll;">
    <p style="width:250%;">
    Dengan menggunakan overflow-x, kita dapat membuat scroll bar ketika kontent pada div ini lebih lebar dari pada kotakan yang kita buat. Dengan menyeting paragraf menjadi 250%, maka hal ini akan membuat content lebih lebar 250% daripada kotakannya - akibatnya hal ini akan memaksakan terjadinya overflow (menyebabkan munculnya scroll bar).
    </p>
    </div>

    Contoh tampilan : anda bisa lihat langsung pada tulisan yang saya buat ini (he..he..)

    Sedang untuk vertikal scroll bar, tidak terlalu sulit. Bahkan ada banyak sekali tutorialnya jika kita search di mbah Google. Berikut ini adalah skripnya :
    <div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid white">
    Jika tanpa Setingan "paksaan" di tag paragraf <p>, maka cukup mudah untuk membuat scroll bar vertikal seperti ini. Tutorial diinternetnya pun cukup banyak.
    </div>

    Hasilnya?
    Ah, anda sudah melihatnya secara langsung. He.. he..

    Cat: Anda bisa mengkreasikan besaran width dan height pada kotakan scroll bar di atas.
    Selamat mencoba..

    Monday, March 7, 2011

    Pagination dengan PHP

    Pagination atau membuat halaman adalah suatu teknik membuat segmentasi pada hasil query dari perintah SELECT.
    Seperti pada phpmyadmin yang langsung menambahkan skrip limit ketika mengeksekusi suatu pencarian atau mengeksekusi perintah SELECT. Saya baru menyadarinya.. Dan ternyata fungsinya adalah untuk mempercepat loading ketika eksekusi suatu query.
    Tujuan pagination sama persis dengan skrip limit, yaitu mempercepat loading dari pada aplikasi PHP kita..

    Berikut adalah skriptnya :
    <?
    // Halaman yang akan ditampilkan untuk pertengahan?
    $adjacents = 3;

    $sql= mysql_query("select count(a.no_bib) as jumlah from master_buku as a");
    $hitung=mysql_fetch_array($sql);
    $total_pages = $hitung[jumlah];

    /* variabel query. */
    $targetpage = "index.php"; //nama file (nama file ini)
    $limit = 5; //Jumlah record database yang akan ditampilkan setiap halaman
    $page = $_GET['page'];
    if($page)
    $start = ($page - 1) * $limit;
    else
    $start = 0;

    if ($page == 0) $page = 1;//jika variabel kosong maka defaultnya halaman pertama.
    $prev = $page - 1;//tombol prev; halaman sebelumnya
    $next = $page + 1;//tombol next; halaman berikutnya
    $lastpage = ceil($total_pages/$limit); //tombol hal terakhir
    $lpm1 = $lastpage - 1; //tombol sebelum hal terakhir (hal terakhir-1)

    $pagination = "";
    if($lastpage > 1)
    {
    $pagination .= "<div class=\"pagination\">";
    //Link halaman sebelumnya
    if ($page > 1)
    $pagination.= "<a href=\"$targetpage?page=$prev\">« Prev</a>";
    else
    $pagination.= "<span class=\"disabled\">« Prev</span>";

    //halaman
    if ($lastpage < 5 + ($adjacents * 2))
    {
    for ($counter = 1; $counter <= $lastpage; $counter++)
    {
    if ($counter == $page)
    $pagination.= "<span class=\"current\">$counter</span>";
    else
    $pagination.= "<a href=\"$targetpage?page=$counter\">$counter</a>";
    }
    }
    elseif($lastpage > 5 + ($adjacents * 2)) //enough pages to hide some
    {

    if($page < 1 + ($adjacents * 2))
    {
    for ($counter = 1; $counter < 4 + ($adjacents * 2); $counter++)
    {
    if ($counter == $page)
    $pagination.= "<span class=\"current\">$counter</span>";
    else
    $pagination.= "<a href=\"$targetpage?page=$counter\">$counter</a>";
    }
    $pagination.= "...";
    $pagination.= "<a href=\"$targetpage?page=$lpm1\">$lpm1</a>";
    $pagination.= "<a href=\"$targetpage?page=$lastpage\">$lastpage</a>";
    }

    elseif($lastpage - ($adjacents * 2) > $page && $page > ($adjacents * 2))
    {
    $pagination.= "<a href=\"$targetpage?page=1\">1</a>";
    $pagination.= "<a href=\"$targetpage?page=2\">2</a>";
    $pagination.= "...";
    for ($counter = $page - $adjacents; $counter <= $page + $adjacents; $counter++)
    {
    if ($counter == $page)
    $pagination.= "<span class=\"current\">$counter</span>";
    else
    $pagination.= "<a href=\"$targetpage?page=$counter\">$counter</a>";
    }
    $pagination.= "...";
    $pagination.= "<a href=\"$targetpage?page=$lpm1\">$lpm1</a>";
    $pagination.= "<a href=\"$targetpage?page=$lastpage\">$lastpage</a>";
    }

    else
    {
    $pagination.= "<a href=\"$targetpage?page=1\">1</a>";
    $pagination.= "<a href=\"$targetpage?page=2\">2</a>";
    $pagination.= "...";
    for ($counter = $lastpage - (2 + ($adjacents * 2)); $counter <= $lastpage; $counter++)
    {
    if ($counter == $page)
    $pagination.= "<span class=\"current\">$counter</span>";
    else
    $pagination.= "<a href=\"$targetpage?page=$counter\">$counter</a>";
    }
    }
    }

    //link halaman selanjutnya
    if ($page < $counter - 1)
    $pagination.= "<a href=\"$targetpage?page=$next\">Next »</a>";
    else
    $pagination.= "<span class=\"disabled\">Next »</span>";
    $pagination.= "</div>\n";
    }

    //untuk memanggilnya, cukup meletakkan variabel $pagination pada posisi yang anda inginkan
    echo "<table width='100%' border='0'>
    <tr>
    <td>
    <div class='judul_pen'>Daftar Skripsi Mahasiswa</div><br>
    Jumlah : $total_pages Records
    </td>
    </tr>
    <tr bgcolor='#B0C4DE'><td><div align='center'>$pagination</div></td></tr>
    </table>";
    ?>

    Dan berikut ini adalah cssnya :
    div.pagination {
    padding: 3px;
    margin: 3px;
    }

    div.pagination a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #AAAADD;

    text-decoration: none; /* no underline */
    color: #000099;
    }

    div.pagination a:hover, div.pagination a:active {
    border: 1px solid #000099;

    color: #000;
    }

    div.pagination span.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #000099;

    font-weight: bold;
    background-color: #000099;
    color: #FFF;
    }

    div.pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #EEE;

    color: #DDD;
    }
    Kode css ini silahkan anda paste-kan di antara tag <head> atau anda pasang pada file css tersendiri.

    Hasilnya adalah seperti berikut :

    Sunday, March 6, 2011

    Bikin tampilan spoiler pada website kita

    Anda pernah windows shooping di Kaskus? Mungkin anda pernah melihat iklan yang disembunyikan dalam spoiler.. Sehingga informasi yang ada didalamnya dapat disembunyikan/ditampilkan. Keuntungannya adalah beban loading bisa dikurangi. Tertarik untuk menirunya? Berikut ini adalah kode htmlnya

    <div id="spoiler">
    <div><input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Lihat'; }" name="button" type="button" value="Lihat" /></div>
    <div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;">
    <div style="color: #000000; background: none repeat scroll 0% 0% #ebf3fb; border: 1px solid #aaccee; padding: 7px; margin: 0px;">
    <p style="text-align: justify;">
    Pesan anda
    </p>
    </div><div id="hide"></div></div></div>