Kamis, 06 November 2014

DAFTAR NILAI FINAL PRAKTIKUM P WEB KELAS A

silahkan di cek disini (FINAL)

catatan :

nilai sudah saya tambahkan dikeseluruhan nilai temen-teman, saya sudah menambah semaksimal yang saya bisa, jika kurang itu tergantung dari kemauan temen-teman sendiri. .
mohon maaf untuk nama yang bercetak merah anda tidak lulus praktikum P Web kali ini.

maaf jika selama dalam praktikum kurang memenuhi eksprektasi temen-temen dan maaf jika ada suatu hal yang memang kliru di diri saya selama ini, terima kasih atas kerja samanya... :D

PRAKTIKUM PEMROGRAMAN WEB

Selamat Datang di praktikum pemrograman web kelas C. dibawai ini ada beberapa modul dan kontrak praktikum silahkan di download :

KONTRAK PRAKTIKUM
MODUL 1 HTML & CSS
MODUL 2 Javascritp
MODUL 3 PHP
MODUL 4 Fungsi dan Array
MODUL 5 (web freamwork dengan CI)
MODUL 6 (CRUD with database in CI)

dan bagi yang kontrak praktikum kemaren tidak masuk, ada tugas tambahan buat kalian, silahkan di download DISINI. (dikumpulkan saat praktikum modul 1 bareng sama TP modul 1)

MEMBUAT UNTUK TRASFORMASI OBJEK DENGAN OPENGL

Tadi sudah saya posting bagaimana cara membuat objekmemantul dan untuk postingan ke dua hari ini akan membahas tentang fungsi-fungsi dari transformasi yaitu rotasi, sekala dan translasi, sebagai contohnya saya menggunakan angka yang sama seperti pada postingan sebelumnya yaitu “013”, ok untuk lebih jelasnya simaklah hasil running programnya dibawah ini :

rotasi

sekala

traslasi

bagaimana mulai tertarik

dibawah adalah kode dengan kunci tombol dimana saat di tekan tombol tertentu objek akan melakukan aksi yang berbeda beda :

untuk tobolnya saya disini menggunakan sebagai berikut :

rotasi : q dan e

skala : 1 dan 2

translasi : w,s,a dan d

langsung saja ini adalah kode dan penjelasannya :

#include <windows.h>

#include <gl\gl.h>

#include <gl\glut.h>

void npm(void){

//lubang nol

glBegin(GL_LINE_LOOP);

glColor3f(1,1,0);

glVertex2f(-0.55, 0.3);

glVertex2f(-0.55, -0.2);

glVertex2f(-0.65, -0.2);

glVertex2f(-0.65, 0.3);

glEnd();

//NOL

glBegin(GL_LINE_LOOP);

glColor3f(1,1,0);

glVertex2f(-0.5, 0.5);

glVertex2f(-0.4, 0.4);

glVertex2f(-0.4, -0.3);

glVertex2f(-0.5, -0.4);

glVertex2f(-0.7, -0.4);

glVertex2f(-0.8, -0.3);

glVertex2f(-0.8, 0.4);

glVertex2f(-0.7, 0.5);

glEnd();

//satu

glBegin(GL_LINE_LOOP);

glColor3f(0,1,0);

glVertex2f(0.2, 0.5);

glVertex2f(0.2, -0.3);

glVertex2f(0.3, -0.3);

glVertex2f(0.3, -0.4);

glVertex2f(0.0, -0.4);

glVertex2f(0.0, -0.3);

glVertex2f(0.1, -0.3);

glVertex2f(0.1, 0.4);

glVertex2f(0.0, 0.4);

glVertex2f(0.1, 0.5);

glEnd();

//tiga

glBegin(GL_LINE_LOOP);

glColor3f(0,0,1);

glVertex2f(0.4, 0.5);

glVertex2f(0.8, 0.5);

glVertex2f(0.8, -0.4);

glVertex2f(0.4, -0.4);

glVertex2f(0.4, -0.3);

glVertex2f(0.7, -0.3);

glVertex2f(0.7, 0.0);

glVertex2f(0.4, 0.0);

glVertex2f(0.4, 0.1);

glVertex2f(0.7, 0.1);

glVertex2f(0.7, 0.4);

glVertex2f(0.4, 0.4);

glEnd();

glutSwapBuffers();

}

void tombol(unsigned char kunci, int x, int y)

{

//huruf-huruf di keyboard yang mengendalikan grafik

switch (kunci)

{

case 'q':

glRotatef(2.0, 2.0, 0.0, 0.0); // objek akan merotasi kedepan

break;

case 'e':

glRotatef(-2.0, 2.0, 0.0, 0.0); //objek akan merotasi kebelakang

break;

case '1':

glScaled(0.2, 0.2, 0.0); //objek akan mengecil

case '2':

glScaled(2.0, 2.0, 0.0); //objek akan membesar

break;

case 'a':

glTranslatef( -0.2f, 0.0f, 0.0f ); //objek akan bergeser ke kiri

break;

case 'd':

glTranslatef( 0.2f, 0.0f, 0.0f ); //objek akan bergeser ke kanan

break;

case 'w':

glTranslatef( 0.0f, 0.1f, 0.0f ); //objek akan bergeser ke atas

break;

case 's':

glTranslatef( 0.0f, -0.1f, 0.0f ); ////objek akan bergeser ke bawah

}

glClear(GL_COLOR_BUFFER_BIT);

npm(); /* repaint the window */

}

int main (int argc, char **argv)

{

glutInit(&argc, argv);

glutInitDisplayMode(GLUT_DOUBLE | GLUT_RGB);

glutInitWindowSize(500, 500);

glutInitWindowPosition(150, 100);

glutCreateWindow("npm");

glutDisplayFunc(npm);

glutKeyboardFunc(tombol);

glutMainLoop();

return 0;

}

ok sekian dulu untuk postingan kali ini,

semoga bermanfaat.....

angka bergerak memantul (transformasi) dengan openGL

Sudah lama gak ngepost nih, postingan kali ini saya akan membahas tentang angka yang bergerak memantul- mantul(bertransformasi) sebagai contoh saya akan mengunakan angka “013”, untuk lebih jelasnya lihat hasil runningan programnya di bawah ini :

Bagaimana tertarik ini Source Code :

#include <glut.h>

#include <math.h>

int gerak = 0;

bool atas = true;

void init(){

glClearColor(0.2, 0.2, 0.2, 0.0);//warna background

glMatrixMode(GL_PROJECTION);//Fungsi mode proyeksi

glLoadIdentity();//mendifinisikan objek

glOrtho(-50.0, 50.0, -50.0, 50.0, -50.0, 50.0);//Fungsi untuk menampilkan koordinat view (sumbu X & Y)

}

void nrp(){

glClear(GL_COLOR_BUFFER_BIT);//Membersihkan semua pixel di buffer(clear all pixels)

glPushMatrix();//Fungsi untuk menyimpan nilai matrix

glTranslatef( gerak, 0, 0 ); //translasi ke kanan

//NOL

glBegin(GL_LINE_LOOP);

glColor3f(0,0,1); //warna biru

glVertex2f(-5, 5);

glVertex2f(-4, 4);

glVertex2f(-4, -3);

glVertex2f(-5, -4);

glVertex2f(-7, -4);

glVertex2f(-8, -3);

glVertex2f(-8, 4);

glVertex2f(-7, 5);

glEnd();

//lubang nol

glBegin(GL_LINE_LOOP);

glColor3f(0,0,1); //warna biru

glVertex2f(-6, 4);

glVertex2f(-5, 3);

glVertex2f(-5, -2);

glVertex2f(-6, -3);

glVertex2f(-7, -2);

glVertex2f(-7, 3);

glEnd();

glPopMatrix();//kembali ke koordinat sebelum dipush

glPushMatrix();//Fungsi untuk menyimpan nilai matrix

glTranslatef( 0, -gerak, 0 ); //translasi ke bawah

//satu

glBegin(GL_LINE_LOOP);

glColor3f(1,0.5,0); //warna orange

glVertex2f(2, 5);

glVertex2f(2, -3);

glVertex2f(3, -3);

glVertex2f(3, -4);

glVertex2f(0, -4);

glVertex2f(0, -3);

glVertex2f(1, -3);

glVertex2f(1, 4);

glVertex2f(0, 4);

glVertex2f(1, 5);

glEnd();

glPopMatrix();//kembali ke koordinat sebelum dipush

glPushMatrix();//Fungsi untuk menyimpan nilai matrix

glTranslatef( -gerak, 0, 0 ); //translasi ke kiri

//tiga

glBegin(GL_LINE_LOOP);

glColor3f(0,1,0); //warna hijau

glVertex2f(4, 5);

glVertex2f(8, 5);

glVertex2f(8, -4);

glVertex2f(4, -4);

glVertex2f(4, -3);

glVertex2f(7, -3);

glVertex2f(7, 0);

glVertex2f(4, 0);

glVertex2f(4, 1);

glVertex2f(7, 1);

glVertex2f(7, 4);

glVertex2f(4, 4);

glEnd();

glPopMatrix();//kembali ke koordinat sebelum dipush

glutSwapBuffers();//Fungsi perpindahan

}

void timer(int t){

if (atas){

gerak += 1;

} else {

gerak -= 1;

}

if (gerak > 50) {

atas = false;

} else if(gerak < -50){

atas = true;

}

glutPostRedisplay();

glutTimerFunc(15,timer,0);

}

void tampil(void){

glClear(GL_COLOR_BUFFER_BIT);

nrp();

glFlush();

}

int main (int argc, char **argv)

{

glutInit(&argc, argv);

glutInitDisplayMode(GLUT_DOUBLE | GLUT_RGB);

glutInitWindowSize(600, 600); // ukuran window

glutInitWindowPosition(150, 100); // posisi window

glutCreateWindow("NRP");//ganti "NRP" dengan nama yang anda inginkan

init();

glutDisplayFunc(tampil); //memangil kelas tampil

glutTimerFunc(1,timer,0);

glutMainLoop();

return 0;

}

ok demikian postingan kali ini terima kasih telah mampir dan semoga bermanfaat.....

3 style terjemahan yang paling sering digunakan oleh pengguna blog

Biasanya kita akan kebingunggan ketika melihat tutorial yang bagus di blog, namun sayang, bahasa yang digunakantidak kita mengerti.

Atas dasar itu mesin pencari terbaik abad ini “mbah google” merancang sebuah terjemah yang mempermudah kita dalam memahami setiap kosa kata yang berbahasa asing

Oke deh langsung saja tutorial kali ini akan memahas tentang bagaimana blog anda memiliki translator otomatis dalam blog

Langsung saja deh kita ke TKP :

Langkah Pertama

Langkah Kedua

Pilih tata letak

Langkah Ketiga

Pilih tombol tambahkan gedget

Langkah keempat

Cari HTML/Java Script kemudian tambahkan

Langakah kelimah

Isi nama judul sesuka anda / gak juga gak apa apa
Di dalam kotak konten isi kan scrip di bawah ini

untuk terjemahan seperti ini :

untuk terjemahan berbentuk bendera seperti ini :

untuk terjemahan berbentuk bendera seperti dibawah ini :

Kemudian save dalam gadget
Jangan lupa save juga ya dilaman tata letak

tentunya dengan adanya terjemahan diblog kita akan mempermudah pembaca dalam memahami isi dari blog kita.
Oke semoga bermanfaat tutorial kali ini

Wasalam mu’alaikum wr. wb

Cara membuat tombol kembali keatas dengan mudah di blog (back to top button with jquery)

Barusan saya dapat tutorial menarik nih bro dari blog para sahabat, ya cara membuat tombol kembali keatas atau biasa dipanggil back to top button, menariknya lagi tombol akan tampil setelah blog berada di daerah hampir bawah karena menggunakan jquery.

untuk contoh lebih nyatanya lihat di blog ini...

Langsung saja deh kita cek idot :

Langkah Pertama

Langkah Kedua

Pilih tata letak

Langkah Ketiga

Pilih tombol tambahkan gedget

Langkah keempat

Cari HTML/Java Script kemudian tambahkan

Langakah kelimah

Isi nama judul terserah anda atau tidak juga gak apa apa
Di dalam kotak konten isi kan scrip di bawah ini

state: {isvisible:false, shouldvisible:false},

scrollup:function(){
        if (!this.cssfixedsupport) //if control is positioned using JavaScript
            this.$control.css({opacity:0}) //hide control immediately after clicking it
        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
        if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
            dest=jQuery('#'+dest).offset().top
        else
            dest=0
        this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
    },

keepfixed:function(){
        var $window=jQuery(window)
        var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
        var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
        this.$control.css({left:controlx+'px', top:controly+'px'})
    },

togglecontrol:function(){
        var scrolltop=jQuery(window).scrollTop()
        if (!this.cssfixedsupport)
            this.keepfixed()
        this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
        if (this.state.shouldvisible && !this.state.isvisible){
            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
            this.state.isvisible=true
        }
        else if (this.state.shouldvisible==false && this.state.isvisible){
            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
            this.state.isvisible=false
        }
    },
    init:function(){
        jQuery(document).ready(function($){
            var mainobj=scrolltotop
            var iebrws=document.all
            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
            mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
            mainobj.$control=$('<div id="topcontrol">
'+mainobj.controlHTML+'</div>
')
                .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
                .attr({title:'Scroll Back to Top'})
                .click(function(){mainobj.scrollup(); return false})
                .appendTo('body')
            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
                mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
            mainobj.togglecontrol()
            $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
                mainobj.scrollup()
                return false
            })
            $(window).bind('scroll resize', function(e){
                mainobj.togglecontrol()
            })
        })
    }
}
scrolltotop.init()
</script>

Kemudian save dalam gadget
Jangan lupa save juga ya dilaman tata letak

Oke semoga bermanfaat tutorial kali ini

Wasalam mu’alaikum wr. wb

one teks

buat satu kata untuk berbagi dunia

Translate

Popular Posts

Categories

Kamis, 06 November 2014

DAFTAR NILAI FINAL PRAKTIKUM P WEB KELAS A

Jumat, 26 September 2014

PRAKTIKUM PEMROGRAMAN WEB

Rabu, 22 Mei 2013

MEMBUAT UNTUK TRASFORMASI OBJEK DENGAN OPENGL

angka bergerak memantul (transformasi) dengan openGL

Bagaimana tertarik ini Source Code :

Minggu, 10 Maret 2013

3 style terjemahan yang paling sering digunakan oleh pengguna blog

Sabtu, 09 Maret 2013

Cara membuat tombol kembali keatas dengan mudah di blog (back to top button with jquery)