Minggu, 11 Desember 2016

Membuat Rekayasa Halaman Utama Facebook

Copi disini https://drive.google.com/file/d/0B0mE9MpMtzcNemNabUt4M3EwLW8/view?usp=sharing

Membuat Rekayasa Halaman Facebook dengan HTML dan CSS

1. Index.html
Anda dapat membuat script HTML dengan menggunakan Notepad++, kemudian pilih New dan simpan dengan ekstensi .html. Kemudian akan muncul file baru dan Anda dapat mulai membuat script HTML seperti berikut ini:

Membuat Design Halaman Depan Facebook



Facebook membantu Anda berhubungan dan
berhubungan dengan orang-orang dalam kehidupan Anda.

  • Create group chats or message just one friend
  • Bring conversations to life with photos, emoticons and more
  • See who's available and message them instantly on their phone or computer

Daftar

Gratis, Sampai Kapan pun.













Tanggal Lahir






Why do i need to provide my birthday?




Perempuan
Laki-Laki


By clicking Sign Up, you agree to our Terms and that you have read our
Data Use Policy, including our Cookie Use.









--->
Simpanlah List Program di atas dengan “nama.html” saya membuatnya dengan Index.html, Anda Bisa memnyimpannya dengan nama yang anda mau. Selanjutnya salin lis css berikut.

2. Style.css
Anda dapat membuat form baru menggunakan Notepad++ dan simpan dengan ekstensi .css. Anda dapat membuat style pada elemen HTML menggunakan script CSS, seperti: desain huruf, warna background, jenis tulisan, tampilan website dan lain sebagainya.
html,body{
margin:0 0 0 0;
padding:0 0 0 0;
}
h1,p{
margin:5px 0 5px 0;
}
a{
color:#6388b9;
text-decoration:none;
}
/* CSS HEADER */
#header{
height:95px;
display:block;
background-image:url(images/header.png);
}
#logo{
float:left;
width:200px;
padding:20px 0 0 10px;
}
.login{
float:right;
width:565px;
padding:10px 10px 0 0;
}
input.masuk
{
font:normal 10px Tahoma,Verdana;
color:#000000;
background-color:#448e28;

}
input .masuk:hover
{
display:inline-block;
background-color:lightskyblue;
color:Black;
}
.login table{
font:normal 12px Tahoma,Verdana;
color:#ffffff;
}
/* CSS CONTENT */
#content{
background-image:url(images/content.png);
min-height:500px;
}
#content #wrapper{
width:1000px;
padding:30px 0 0 0;
margin-left:auto;
margin-right:auto;
color:#666666;
}
#content #wrapper #mobile{
width:555px;
float:left;
}

ul{
margin:0 0 0 0;
padding:0 0 0 20px;
}
input.button_mobile{
width:142px;
height:40px;
border:none;
background-color:transparent;
background-image:url(images/button_mobile.png);
background-position:center center;
cursor:pointer;
}

#content #wrapper #register{
width:400px;
float:right;
}
#content #wrapper #register{
font:normal 12px Tahoma,Verdana;
border-bottom:silver 1px solid;
}
#register a:hover
{
display:inline-block;
background-color:lightskyblue;
color:white;
}

input.masuk
{
font:normal 10px Tahoma,Verdana;
color:#ffffff;
background-color:#448e28;

}
input.Masuk:hover
{
background-color:lightskyblue;
color:white;
}
input.Masuk{
width:60px;
height:20px;
border:none;
background-color:grad;

background-position:center center;
cursor:pointer;

}

input.login{
width:150px;
height:40px;
border:none;
background-color:transparent;
background-image:url(images/button.png);
background-position:center center;
cursor:pointer;
}
#clear{
display:block;height:1px;clear:both;
}

/* CSS FOOTER */
#footer{
font:normal 12px Tahoma,Verdana;
display:block;
height:50px;
background-color:#ffffff;
}
#footer #link{
margin:0 30px 0 25px;
border-bottom:silver 1.5px solid;
}
#footer #link ul li
{
display:inline-block;
line-height:30px;
margin-right:10px;
}
#footer #link ul li a:hover
{
background-color:lightskyblue;
color:white;
}
#footer #link2 a:hover
{
background-color:lightskyblue;
color:white;
}
#footer #link2{
margin:0 30px 0 25px;
}
#footer #link2 table tr td{
font:normal 12px Tahoma,Verdana;
}
#footer #link a, #footer #link2 a{
line-height:20px;
margin-right:10px;
}
#footer #copy{
margin:0 30px 0 30px;
}
#copy a:hover
{
background-color:lightskyblue;
color:white;
}

3. Hubungkan HTML ke CSS
Untuk menghubungkan HTML dan CSS, Anda disarankan menyimpan kedua file dalam satu folder sehingga kedua file dapat dihubungkan. Anda selanjutnya dapat membuat link pada file HTML seperti berikut ini:



Jumat, 20 Mei 2016

Jawaban Modul Jeni Bab 6 & 7 Bahasa Pemograman III ( Bahasa Java )

BAB 6
1. Hari dalam seminggu
Buatlah sebuah String array yang akan menginisialisasi 7 hari dalam seminggu. Sebagai
contoh,
 String days[] = {“Monday”, “Tuesday”….};
Gunakan while-loop, kemudian print semua nilai dari array (Gunakan juga untuk dowhile
dan for-loop)Using a while-loop.

2. Nomor terbesar
Gunakanlah BufferedReader dan JoptionPane, tanyakan kepada user untuk 10 nomor.
Kemudian gunakan array untuk menyimpan 10 nomor tersebut. Tampilkan kepada user,
input terbesar yang telah diberikan user.

3. Buku Alamat
Berikut ini adalah array multidimensi yang menyatakan isi dari sebuah buku alamat:
String entry = {{"Florence", "735-1234", "Manila"},
{"Joyce", "983-3333", "Quezon City"},
{"Becca", "456-3322", "Manila"}};
Cetak buku alamat tersebut dalam format berikut ini:
 Name  : Florence
 Tel. #   : 735-1234
 Address  : Manila
 Name   : Joyce
 Tel. #  : 983-3333
 Address  : Quezon City
 Name  : Becca
 Tel. #  : 456-3322
 Address  : Manila




BAB 7
1.  Mendeklarasikan dan mencetak variabel
Diberikan tabel dibawah ini, deklarasikan variabel yang terdapat didalamnya dengan tipe data yang
sesuai dan berikan nilai inisialisasi. Tampilkan hasil outputnya yaitu nama variabel dan nilainya.   
Nama
Variabel
Tipe
Data
Nilai
Awal
Number Integer 10
Letter Character a
Result Boolean True
Str String Hello

Berikut ini merupakan tampilan yang diharapkan sebagai hasil eksekusi program,  
 Number = 10
 letter = a
 result = true
 str = hello

2. Mendapatkan nilai rata-rata dari tiga angka
Buatlah program yang menghasilkan output nilai rata-rata dari tiga angka. Nilai dari masing-masing
tiga angka tersebut adalah 10, 20 dan 45.
Tampilan Output yang diharapkan adalah sebagai berikut : 
 number 1 = 10
 number 2 = 20
 number 3 = 45
 Rata-rata = 25






3. Menampilkan nilai terbesar
Diberikan tiga angka, tuliskan program yang menghasilkan output angka dengan nilai terbesar
diantara  tiga angka tersebut. Gunakan operator kondisi ?: yang telah kita pelajari sebelumnya
(PETUNJUK: Anda akan perlu menggunakan dua set operator  ?: untuk memecahkan permasalahan
ini). Sebagai contoh, diberikan angka 10, 23 dan 5, Program Anda akan menghasilkan output,  
 number 1 = 10
 number 2 = 23
 number 3 = 5
 Nilai tertingginya adalah angka = 23


4. Operator precedence
Diberikan pernyataan berikut ini, tulis kembali soal tersebut dengan menambahkan tanda kurung pada
urutan sesuai dengan bagaimana pernyataan tersebut akan dievaluasi.  
1. a / b ^ c ^ d – e + f – g * h + i
2. 3 * 10 *2 / 15 – 2 + 4 ^ 2 ^ 2
3.   r ^ s * t / u – v + w ^ x – y++ 


 
Jawaban
Bab 6 No.1
 For - loop
package javaLang;

public class seminggu {

public static void main (String [] args){
 String [] day = {"senen","selasa","rabu","kamis","jumat","sabtu","minggu"};

    for (String day1 : day) {
        System.out.println("hari " + day1);
    }

}
 }

 Do while
public class semingguDoWhile {
public static void main (String []args) {
 String [] day = {"senen","selasa","rabu","kamis","jumat","sabtu","minggu"};
int i = 0;
 do{
 System.out.println("hari "+ day[i]);
 i++;
 }while (i<day.length);
 }
}




Bab 6 No. 2
import javax.swing.JOptionPane;
public class tugas3 {
public static void main (String[] args) {
    final int jumlah = 10;
    int[] data = new int [jumlah];
    for (int i=0; i<jumlah; i++)
    {
        data[i]=Integer.parseInt(JOptionPane.showInputDialog ("Masukan Nomor Anda"));
    }
    int terbesar = data[0];
    for (int i=1; i<jumlah; i++)
    {
        if (data[i]>terbesar){
            terbesar = data[i];
           
        }
    }
    JOptionPane.showMessageDialog(null,"Nomor terbesar adalah = "+ terbesar);
}   
}











BAB 6 No.3
public class BukuAlamat {
 public static void main(String[] args) {
     String alamat[][] = {{"Florence", "735-1234", "Manila"}, {"Joyce", "983-3333", "Quezon
City"},{"Becca", "456-3322", "Manila"}};
int i=0;
do{
System.out.println("name    :" + alamat[i][0] );
System.out.println("Tel. #  :" + alamat[i][1] );
System.out.println("Address :" + alamat[i][2] );
System.out.println(" ");
i++;
}
while (i<3);
}
}

BAB 7 No.1
public class soal1 {
    public static void main (String [] args)
    {
      int number = 10; //mendeklarasikan tipe data int dgn variable
      char letter = 'a'; // mendeklarasikan tipe data char dgn variable     
      boolean result = true; //mendeklarasikan tipe data boolean dgn variabel
      String str = "hello"; //mendeklarasikan tipe data string dgn variable
      System.out.println("number = " +number //mencetak nama variabel dan nilai
                        +"\nletter = " +letter //mencetak nama variabel dan nilai
                        +"\nresult = " +result //mencetak nama variabel dan nilai
                        +"\nstr = " +str); //mencetak nama variabel dan nilai
    }
}


BAB 7 No.2
public class soal2 {
    public static void main (String [] args)
    {
        int x = 10;
        int y = 20;
        int z = 45;
        int a = x+y+z;
        System.out.println(" number 1 = "+x
                         +"\n number 2 = "+y
                         +"\n number 3 = "+z
                         +"\n average is = " +(+a/3));
    }
}

BAB 7 No.3
public class soal3versib {
    public static void main(String [] args)
    {
        int x = 10;
        int y = 23;
        int z = 5;
        int a;
        System.out.println(" number 1 = "+x
                          +"\n number 2 = "+y
                          +"\n number 3 = "+z);
        a = (x>=y)? x:y;
        a = (z>=y)? z:y;
        System.out.println(" nilai tertingginya adalah angka = "+a);
    }
}

BAB 7 No.4
public class soal4 {
    public static void main (String [] args)
    {
        System.out.println(" 1.a / b ^ c ^ d – e + f – g * h + i"
                          +"\n 2.3 * 10 *2 / 15 – 2 + 4 ^ 2 ^ 2"
                          +"\n 3.r ^ s * t / u – v + w ^ x – y++");

    }
}

1245714014 Sariono Langkah Penginstalan Linux Suse

Tutorial Penginstalan Linux sese pada VirtualBox