Wednesday, October 28, 2015

Tugas 6 Pemrograman Web

Array
<?PHP
//array
$var = ['Chessa ', 'Dinda ', 'Agis ', 'Tiara '];

for($x=0; $x<count($var); $x++){
echo $var[$x];
}

?>

Fungsi
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<?php
//anonymus function
$jumlah = function($i){
echo (1+$i);
};
$jumlah(50);
?>
</body>
</html>

Callback
<?PHP
//callback function

$nyanyi = function($test){
echo 'La.. lalala lala...<br>';
echo $test;
};

function testsuara ($test, $callback){
echo $test, '<br>';
call_user_func($callback,'Done');
}
testsuara('ehmmm ehmmm', $nyanyi);
?>

Required
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<?php
//include require
require 'Tugas6_HeaderRequire_Ayunda_1306470211.php';
echo 'Halman Utama';
require 'Tugas6_FooterRequire_Ayunda_1306470211.php';
?>
</body>
</html>

Included
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<?php
//include require
include 'Tugas6_HeaderInclude_Ayunda_1306470211.php';
echo 'Halman Utama';
include 'Tugas6_FooterInclude_Ayunda_1306470211.php';
?>
</body>
</html>



Cookies
<?PHP
//NAMA, NILAI, WAKTU EXPIRE
setcookie('namacookie', 'Sari', time()+120);

echo $_COOKIE['namacookie'];
?>

Session

Filehandling
<?PHP

if(isset($_POST['ok'])){
if(file_exist("file.txt")){

$file = fopen("file.txt", "a+");
$text = " " . $_POST['nama'];

fwrite($file, $text);
echo file_gets_contents("file.txt");

fclose($file);

}else{
echo 'File tidak ada';
?>

<form action="Tugas6_FileHandling_Ayunda_1306470211.php" method ="POST">
<input type="text" name="nama">
<input type="submit" name="ok" value="ok">
</form>

Upload
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<?php
if(isset($_POST['SUBMIT'])){

//print_r($_FILES);
$nama = $_FILES['file']['name'] ;
echo $_FILES['file']['size'] . "<br>";
echo $_FILES['file']['error'] . "<br>";
$asal = $_FILES['file']['tmp_name'] ;

move_uploaded_file ($asal,"upload/".$nama);

}
?>
<form action="Tugas6_Upload_Ayunda_1306470211.php" 

method ="post" enctype="multipart/form-data">

<input type="file" name="file">
<input type="submit" name="submit" value="upload">

</form>
</body>
</html>

Validasi
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<?php
if(isset($_POST['SUBMIT'])){

$nama = $_FILES['file']['name'] ;
$ukuran= $_FILES['file']['size'] ;
$error= $_FILES['file']['error'];
$asal = $_FILES['file']['tmp_name'] ;

$format = pathinfo ($nama, PATHINFO_EXTENTION); //format data

if ($error === 0){
if($ukuran === 50000){
if($format === "jpg"){
echo 'Berhasil upload!' .$ukuran;
move_uploaded_file($asal, "upload/".$nama);
}else{
echo 'harus jpg!';
}
}else{
echo 'file terlalu besar';
}
}else {
echo 'Ada error';
}
}
?>

<form action="Tugas6_Upload_Ayunda_1306470211.php" 

method ="post" enctype="multipart/form-data">

<input type="file" name="file">
<input type="submit" name="submit" value="upload">

</form>
</body>
</html>

Tugas 5 Pemrograman Web

Boolean
<?PHP
$x = "Tulisan"; //string
$y = 8; //int
$z = true; //boolean
if ($z == false) {
echo 'benar';
} else {
echo 'salah';
}
?>

Echo
<?PHP
echo '<h1>PEMROGRAMAN WEB</h1>';
echo 'Belajar Pemrograman Web<br>';
echo "Sekarang pakai PHP, lho";
?>

Fungsi
<?PHP
$nama = 'Ayunda Clarasari';

//belajar fungsi
Function panggil (){
Global $nama;
echo 'Hai! ';
return $nama;
}
echo panggil();
?>

If Else
<?PHP
$x = 9;

//if (syarat) {maka} else {}
if ($x > 10) {
echo 'angka > 10';
} else if ($x == 10){
echo 'angka 10';
} else {
echo 'angka tidak jelas';
}
?>

Komentar
<?PHP
//echo digunakan untuk menampilkan kalimat/kata pada browser
echo '<h1>PEMROGRAMAN WEB</h1>';
#ini juga komentar
echo 'Belajar Pemrograman Web<br>';
/*
Belajar AKL sama audit susah,
tapi lebih susah belaja PAF sama Pemrograman Web
*/
echo "Sekarang pakai PHP, lho";
?>

Komparasi
<?PHP
//Operator perbandingan
$x = 8;
$y = "delapan";
$z = "8";
if($x === $z){
echo 'Hasilnya sama';
} else {
echo 'Tidak sama';
}
?>

Logika
<?PHP
//Operator Logika
//&& || xor and or
if (8 < 10 && 9 < 7){
echo 'Hasilnya benar';
}else{
echo 'Salah!';
}
?>

Operator
<?PHP
$x = 7;
$x += 3;
$x -= 2;
echo $x;
?>

Parameter
<?PHP
//Belajar fungsi + parameter
$nama = "Ayunda Clarasari ";
Function panggil ($puuu, $parameter){
echo 'Hai ', $puuu, $parameter;
}
panggil ($nama, '1306470211')
?>

Pengulangan 
<?PHP
//for loop
//for: nilai awal, syarat, syarat berhenti
for($x=0; $x<=100; $x++){
echo $x;
}
?>

Switch Case
<?PHP
//switch case
$i = 7;
switch ($i){

case 0:
echo 'Nilainya 0';
break;

case 1:
echo 'Nilainya 1';
break;

Default:
echo 'Tidak memenuhi';
}
?>

Variabel
<?PHP
$nama = "Ayunda Clarasari <br>";
$umur = 17;
$tahun = 3;
echo $nama;
echo $umur + $tahun
?>

Tugas 4 Pemrograman Web

Buat file web javascript untuk konfirmasi 

<html>
<head>
<meta/>
<title>Tugas4_JavaScript_Ayunda_1306470211</title>
</head>

<body>
<script>
function konfirmasi() {
var npm = document.forms["coba"]["npm"].value;
if(npm == null || npm == "")
{
alert("NPM tidak boleh kosong");
return false;
} else if(npm != null)
{
if(confirm("NPM Anda " + npm + "?")) {
alert("NPM anda adalah" + npm );
}
else
{
return false;
}
}
}
</script>
<form name="coba" method="post" onSubmit="return konfirmasi()">
<label>NPM :</label><input type="text" name="npm" />
<input type="submit" name="submit" value="Submit" />
</form>
</body>

</html>

Hasilnya:

Tugas 3 Pemrograman Web

Tugas memasukkan script dan css

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tugas 3 Pemrograman Web -- Ayunda C. 1306470211</title>
<style>
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

li {
    float: left;
}

a:link, a:visited {
    display: block;
    width: 120px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #98bf21;
    text-align: center;
    padding: 4px;
    text-decoration: none;
    text-transform: uppercase;
}

a:hover, a:active {
    background-color: #7A991A;
}
</style>
</head>

<body>
<li><a href='https://ui.ac.id'>HOME UI</a>></li>
<li><a href='https://academic.ui.ac.id'>SIAK NG</a>></li>
<li><a href='https://scele.ui.ac.id'>SCELE</a></li>
<li><a href='https://sso.ui.ac.id'>SSO</a></li>
</body>
</html>

Hasilnya:



Tugas 2 Pemrograman Web

Modifikasi template web dengan tema Vokasi

<span style="background-color: white;"><b><span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; font-family: 'Trebuchet MS', sans-serif; font-size: 10.5pt; line-height: 115%;">Modifikasilah<span class="apple-converted-space">&nbsp;template web dengan tema vokasi</span></span><span style="font-family: Calibri, sans-serif; font-size: 11pt; line-height: 115%;"><span style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; color: #0e53a7; font-family: 'Trebuchet MS', sans-serif; font-size: 10.5pt; line-height: 115%;">&nbsp;</span></span></b></span><html xmlns="http://www.w3.org/1999/xhtml">
<head>

<title>Welcome to My Website</title>
<link href="css/stylesheet.css" media="all" rel="stylesheet" type="text/css"></link>
</head>

<body>
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%px;">
<tr>
    <td align="center" valign="top"><table border="0" cellpadding="0" cellspacing="0" style="width: 741px;">
<tr>
        <td align="left" valign="top"><table border="0" cellpadding="0" cellspacing="0" style="width: 741px;">
<tr>
           
            <td align="left" rowspan="2" valign="top" width="15">&nbsp;</td>
            <td align="right" height="65" valign="middle">Phone: (021) 88975607<br />            
              <a href="mailto:ayunda.clarasari@ui.ac.id" style="color: #333333; text-decoration: none;">ayunda.clarsari@ui.ac.id</a></td>
          </tr>
<tr>
            <td align="left" valign="top"><table border="0" cellpadding="0" cellspacing="0" class="menu_table" style="width: 164px;">
<tr>
                <td align="left" height="27" valign="middle" width="164"><a class="left_link" href="https://www.blogger.com/blogger.g?blogID=8984502536106793190#index.html" style="color: #c9232d;">Home</a></td>
              </tr>
<tr>
                <td align="left" height="27" valign="middle"><a class="left_link" href="https://www.blogger.com/blogger.g?blogID=8984502536106793190#about.html">About Us</a></td>
              </tr>
<tr>
                <td align="left" height="27" valign="middle"><a class="left_link" href="https://www.blogger.com/blogger.g?blogID=8984502536106793190#cafe.html">Program Studi</a></td>
              </tr>
<tr>
                <td align="left" height="27" valign="middle"><a class="left_link" href="https://www.blogger.com/blogger.g?blogID=8984502536106793190#menu.html">Biaya Pendidikan</a></td>
              </tr>
<tr>
                <td align="left" height="27" valign="middle"><a class="left_link" href="https://www.blogger.com/blogger.g?blogID=8984502536106793190#faq.html">Penelitian</a></td>
              </tr>
<tr>
                <td align="left" height="27" valign="middle"><a class="left_link" href="https://www.blogger.com/blogger.g?blogID=8984502536106793190#contact.html">Contacts</a></td>
              </tr>
</table>
</td>
            <td align="left" class="header_image" valign="top" width="573">&nbsp;</td>
          </tr>
</table>
</td>
      </tr>
<tr>
        <td align="left" valign="top"><table border="0" cellpadding="0" cellspacing="0" style="width: 100%px;">
<tr>
            <td align="left" valign="top" width="168"><a href="https://www.blogger.com/blogger.g?blogID=8984502536106793190#offer.html"></a></td>
            <td align="left" valign="top"><table border="0" cellpadding="0" cellspacing="0" style="width: 573px;">
<tr>
                <td align="left" colspan="2" height="26" valign="top">&nbsp;</td>
              </tr>
<tr>
                <td align="center" bgcolor="#5B3524" height="16" style="color: white; font-size: 10px;" valign="middle" width="76">25.10.2015</td>
                <td align="left" valign="top">&nbsp;</td>
              </tr>
<tr>
                <td align="left" colspan="2" valign="top">&nbsp;</td>
              </tr>
<tr>
                <td align="left" colspan="2" style="text-align: justify;" valign="top">Proses penerimaan mahasiswa baru program Pendidikan Vokasi (D3) dilakukan melalui jalur SIMAK UI. Program Pendidikan Vokasi yang saat ini tersedia di Universitas Indonesia adalah:<br />

                  - Rumpun Ilmu Kesehatan<br />

                  - Rumpun Ilmu Sosial dan Humniora<br />
                  </td>
              </tr>
<tr>
                <td align="left" class="border_bottom" colspan="2" valign="top">&nbsp;</td>
              </tr>
<tr>
                <td align="left" colspan="2" valign="top">&nbsp;</td>
              </tr>
<tr>
                <td align="left" colspan="2" style="text-align: justify;" valign="top"><br />
                  </td>
              </tr>
<tr>
                <td align="left" colspan="2" valign="top">&nbsp;</td>
              </tr>
</table>
</td>
          </tr>
</table>
</td>
      </tr>
<tr>
        <td align="left" valign="top"><table border="0" cellpadding="0" cellspacing="0" style="width: 741px;">
<tr>
            <td style="border-top: 2px solid #78462F; padding-left: 15px;">© 2006 your company</td>
<!--
We request you retain the full web design copyright notice below including the link to http://www.sarkis-webdesign.com
This not only gives respect to the large amount of time given freely by the designer but also helps build interest, traffic and use of template. If you cannot (for good reason) retain the full design copyright we request you at least leave in place the image Web designer - Sarkis, with linked to http://www.sarkis-webdesign.com. Good luck!

Web designer Sarkis
// -->
            <td width="117"><a href="http://www.sarkis-webdesign.com/" target="_blank" title="Website Design"><img alt="Website Design" border="0" height="39" src="images/website-design.gif" width="117" /></a></td>
          </tr>
</table>
</td>
      </tr>
</table>
</td>
  </tr>
</table>
</body>
</html>

Hasil:


TUGAS 1 PEMROGRAMAN WEB

Kelebihan dan Kekurangan Internet Vokasi Universitas Indonesia

Kelebihan:
·         Koneksi internet cepat
Koneksi internet Vokasi yang cepat membuat mahasiswa betah untuk berada di kampus, entah untuk alasan mendownload video, mendownload music, untuk mengerjakan tugas, dll. Dengan membuka layanan SSO, mahasiswa dapat menikmati cepatnya internet di Vokasi.

·         Tidak dipungut biaya apapun
Untuk menikmati WiFi kampus, mahasiswa tidak dipungut biaya apapun alias FREE! Cukup dengan menjadi mahasiswa UI dan membayar uang kuliah sudah dapat menikmati fasilitas-fasilitas yang ada di UI. Seperti perpustakaan, bis kuning, sepeda kuning, layanan internet.

·         Dapat diakses dimana saja
Selain dapat diakses di gedung-gedung perkuliahan, internet Vokasi juga dapat di selasar gedung, kantin, dsb. Hal ini mempermudah dalam hal mendapatkan dan penyebaran informasi. Tidak hanya di Vokasi, di seluruh universitas juga dapat menikmati adanya internet misalkan di perpustakaan, gedung-gedung perkuliahan di fakultas lain.

Kelemahan:
·         Limited connection
Meskipun akses internet yang cepat, tapi tidak semua lantai di gedung perkuliahan mendapatkan koneksi internet. Koneksi internet di vokasi adalah di gedung VA lantai 3. Karena koneksi internet yang cepat banyak mahasiswa yang sengaja dating untuk menegrjakan tugas atau sekedar mendownload hiburan. Tetapi, di VA colokan listriknya kurang memadai.

·         Meskipun di setiap lantai sudah dipasang pemancar wireless
Di setiap lantai di gedung perkuliahan di Vokasi sudah dipasang wireless untuk mempermudah akses internet, tapi hanya beberapa saja yang koneksinya kuat, yang lain koneksinya lemah atau bahkan tidak mendapat koneksi.

·          Tidak semua laptop atau smartphone mendapat koneksi
Tidak semua laptop dan smartphone mendapatkan koneksi internet. Hal ini dikeluhkan oleh beberapa teman saya. Lalu, mereka segera bergegas ke pihak yang terkait. Pada saat dicoba dengan pihak yang terkait, bisa dibetulkan. Namun setelah dicoba di asrama, kerusakannya semakin parah. Bahkan sekarang ia tidak dapat mengakses internet di vokasi.

·         Ada pengawas yang mengawasi hidup-mati internet
Hal ini bagus, karena ada seseorang yang mengawasi jalannya wireless. Namun, hal ini juga mengganggu, karena akan menunda adanya kegiatan belajar mengajar. Hampir setiap dosen mengabsen mahasiswanya melalui SIAK NG. Selain itu, ada beberapa dosen yang menggunakan SCELE untuk kegiatan belajar-mengajar di kelas.

Saran:
·         Kalau bisa semua lantai di setiap gedung vokasi dapat sinyal internet
·         Semua laptop dan smartphone dapat mendapat koneksi
Ada baiknya pengawas wireless juga datang on time.