Minggu, 29 April 2018

BSI Purwokerto - Belajar Membuat Web (Part 5)

안영하세요


Lanjut ya geng~
Yuk CEKIDOT  •ᴗ•

CSS Line (Cascading style sheet)
 Inline CSS
 Internal CSS 
 Eksternal CSS

 Inline CSS
    - Berada dalam sebuah tag (method style)
      <p style="fron-size:12px;color:red">
      AMIK BSI PURWOKERTO
      <p/p>

 Internal CSS
    - Berada dalam satu halaman/file website
      <style type="text/css">
      P {
            Font-size:12px;
            Color:red;
      }
      </style>
      <body>
      .........
      </body>

► Eksternal CSS
    - Membentuk file tersendiri berekstensi (.css)
    - Pemanggilan file css diantara tag <head>

    Ex :
           <head>
             <link rel="stylesheet" type="text/css"
           Href="style.css">
           </head>
.
.
.
PHP => Hypertext Preprocessor
PHP => Server side (sisi server) / Komputer server, bukan client side (sisi klien)
PHP => Untuk pemrosesan data / manipulasi data

Syntax PHP :

<?php    => Tag Pembuka
.......;      => Statement, diakhiri dengan tanda (;) / semicolon
?>          => Tag Penutup

Contoh penulisan sintax PHP :
- Buatlah folder baru di htdocs dengan nama "belajarphp"
- Buatlah file baru dengan nama "contoh.php" dan isikan didalamnya :
  <?php
  Echo "ini adalah contoh penggunaan PHP"
  ?>

Variable PHP
Penulisan variable :
 Diawali tanda dollar
 Bersifat case-sensitif
 Pengisian nilai variable menggunakan tanda sama dengan (=)
Ex :
       <?php
       $nim=12177332;
       $nama="Sukiyanto";
       ?>

Latihan menggunakan variable PHP :
► Buatlah sebuah file baru, dengan nama "latihan.php", isikan coding berikut :
    <?php
    $nim=12174663;
    $nama="Devy Mutmainnah";
    Echo "Hallo! Nama saya $nama";
    Echo "<br>;
    Echo "NIM saya $nim";
    ?>
► Simpan dan buka di browser hasilnya


Type data PHP
- String
- Interger
- Float
- Boolean
- Array

► Type data string
- Berbentuk text, bisa angka/huruf/symbol
- Diapit oleh tanda petik
  Ex :
         <?php
         $coba="Nomor HP saya 086355217";
         ?>

► Type data interger
- Berbentuk angka, bilangan bulat
- Tidak perlu diapit oleh tanda petik
  Ex :
         <?php
         $nilaiuts=90;
         $nilaiuas=85;
         ?>

► Type data float
- Berbentuk angka, bilangan decimal/pecahan
- Tidak perlu diapit oleh tanda petik
  Ex :
         <?php
         $nilaiuts=80.55;
         $nilaiuas=80.77;
         ?>

► Type data boolean
- Hanya ada 2 nilai : false atau true (Benar atau Salah)
  Ex :
         <php
         $x = false;
         $y = true;
         ?>

► Type data array
         <?php
         $user=("joko","dwi","mulyanto");
         Echo $user[0];
         ?>

Manipulasi string pada PHP

Strlen()  Menghitung jumlah karakter
Str_word_count()  Menghitung jumlah kata
Strrev()  Membalikan urutan karakter
Str_replace()  Mangganti kata

Ex :
- Buatlah file baru dengan nama : manipulasi.php
- Isikan codingnya :

<?php
$nama"Bina Sarana Informatika";
Echo strlen ($nama);
Echo "<br>;
Echo str_word_count ($nama);
Echo "<br>';
Echo str_replace("Bina","Tempat",$nama);
?>

- Simpan dan buka hasilnya


Sekian penjelasan dari saya tentang PHP,
Semoga bermanfaat.
See U Next time geng ~

Selasa, 17 April 2018

BSI Purwokerto - Belajar Membuat Web (Part 4)

안녕하세요



Kembali lagi dengan saya~
Kali ini saya akan membawakan penjelasan baru mengenai membuat form imputan menggunakan table di dalam html.

Prinsipnya kali ini sama kok geng sama penjelasan di part 1-3 (yang belum ngerti bisa diliat ya geng) J

Yuk cekidot  •ᴗ•

Membuat Form Imputan Menggunakan Table 

1. Aktifkan XAMPP (Apache & MySQL)
2. Buat folder baru di dalam htdocs dengan nama : websiteku
3. Buat folder baru di dalam websiteku dengan nama : adminku
4. Buat file baru dengan nama : login.html dan simpan di dalam folder websiteku
5. Isikan coding struktur dasar html di dalam file login.html
6. Ketikan coding untuk menampilkan form login


hasilnya :




  Tag<span> dan Tag<div>
        <span>  in-line (tidak bikin blok/baris baru)
        <div>  block-line (bikin blok/baris baru)

    ► Keduanya  tidak ada tujuan/maknanya
    ► Keduanya lebih ke desain web CSS

7. Buat file baru dengan nama : beranda.html dan simpan di dalam folder adminku
8. Isikan struktur dasar html di dalam file beranda.html
9. Ketikan coding untuk menampilkan halaman beranda admin

Manajemen folder & file
Websiteku
--login.html
--adminku
--beranda.html

STRUKTUR WEB
Header
Menu
Sidebar
Konten
Footer

Valign : Vertical align (top;middle;bottom)
Align : Horizontal align (left;center;right;justify)


<html>
<head>
    <title>Halaman Admin</title>
</head>
<body>
<table align="center" border="0" width="800">
<tr>
<td align="center" height="90" bgcolor="yellow" colspan="2">
<h1> HALAMAN ADMINISTRATOR</h1>
</td>
</tr>
<tr>
<td align="center" height="30" bgcolor="red" colspan="2">
<a href="beranda.html">HOME</a> |
<a href="profil.html">PROFIL</a>
</td>
</tr>
<tr height="300">
<td valign="top" width="150" bgcolor="aqua">
<h4>BUKU TAMU</h4>
<p>Isi dari buku tamu</p>
<h4>KOMENTAR</h4>
<p>Isi dari komentar</p>
</td>
<td width="650" bgcolor="white">
<p align="justify">Selamat datang di halaman Beranda</p>
</td>
</tr>
<tr>
<td height="30" bgcolor="Pink" colspan="2">
<p align="center"> Copyright @2018 | Oleh: Devy Mutmainnah</p>
</td>
</tr>

</table>
</body>
</html>




Sekian penjelasan saya tentang membuat form imputan menggunakan table pada html.
Semoga bermanfaat.
See U Next Time Geng~


Minggu, 08 April 2018

BSI Purwokerto - Belajar Membuat Web (Part 3)

안영하세요

HALLO...


Kembali lagi dengan saya~
Saya akan melanjutkan belajar membuat web 1 & 2.


Disini saya akan menjelaskan cara  membuat formulir dalam html, yuk mari disimak dengan baik ya geng J


Tag form inputan HTML
<form>...</form>  = tag untuk pemrosan

Dalam tag <form> ada beberapa elemen pendukung :
<input>
<select>
<option>
<Textarea>
...dsb

Attribute pada tag <form>
- Action =>  menuju ke link pemrosesan
   Ex :
          <form action="proses.html">
- Method => get (mengambil nilai) atau post (mengirim nilai)
  Ex :
         <form method="get">
- Enctype => encoding type, saat digunakan method post
  Ex :
         <form entype="multipart/form-data">
multipart/form-data : digunakan bila pemrosesan sebuah form mengandung fil/gambar
- Name => penamaan form
   Ex :
          <form name="FBiodata">
- Target => menentukan tempat setelah pemrosesan 
   Ex :
          <form target="_blank">
form akan membuka tab baru di browser setelah pemrosesan.

Attribute tag <input> 
- Name : penamaan tag
- Disable : menonaktifkan tag
- Width : mengatur lebar tag
- Height : mengatur tinggi tag
- Maxlenght : mengatur jumlah maksimum karakter
- Placeholder : keterangan text dalam tag
- Required : tag harus diisi
- Readonly : hanya bisa dibaca, tidak bisa dirubah
- Value : isi/nilai tag
- Type : type inputan
   Ex :
         <input type="...">

Attribute type pada tag <input> :

Text,radio,checkbox,file,submit,reset,password

1. Buat file baru : formulir.html simpan dalam folder "latihan 1"
2. Ketikan dasar html pada file tersebut
    <html>
    <head>
    <title>Belajar Membuat Formulir HTML</title>
    </head>
    <body>

    </body>
    </html>


3. Menambahkan form

4. Sesudah di save, lihat hasilnya di browser ketikan url : localhost
    Inilah hasil yang saya buat diatas
*Note : jika masih bingung dengan penjelasan diatas bisa lihat part 1 & 2 ya geng. pada dasarnya dari awal sampai part 3 ini awalnya sama hanya isinya saja yang berbeda tergantung kita ingin membuat apa ;)

.

.

SELESAI

Alhamdulillah
Maaf jika tulisan saya di atas masih membingungkan, mohon di maklumi juga karena saya juga masih sama-sama belajar :)

See U next time geng~


Minggu, 01 April 2018

BSI Purwokerto - Belajar Membuat Web (Part 2)

Kembali lagi dengan saya...

Disini saya akan lanjutan belajar membuat web (part 1)

Sekarang saya akan memberi tahu cara/step by step membuat tabel pada html.
Sebenarnya cara awalnya sama dengan materi yang ada di belajar membuat web (part 1). 

1. Buka XAMPP (aktifkan localhost dan mysql).
2. Buka Notepad++ atau notepad (bawaan windows).
3. Ketikan Struktur dasar HTML di dalam notepad++.
    <html>
    <head>
            <title>MEMBUAT TABEL 1</title>
    </head>
    <body>

    </body>
    </html>

4. Simpan file tersebut didalam folder latihan 1 yang berada di dalam file htdocs (partisi C) dengan        nama : coba1.html.
5. Lihat hasilnya.
 

5. Tambahkan TAG tabel 

    TAG TABLE
    <table>
       <tr>
          <td>...</td>
          <td>...</td>
        <tr>
     </table>

* tr : table row
   tb : table data





6. Simpan dan lihat hasilnya di browser localhost.

 


7. Terapkan attribut tag tabel tersebut.
    1.


    2.

 
note : disini gambarnya yang telah saya buat sebelumnya hanya beda nama saja.

    3.


    4.
 


    5.
*note : bolder : Garis Tepi
            align : Penataan (left/center/right)
            disini kamu bisa memilih. Saya memilih center dan lihat hasilnya dibawah.
            cellpadding : jarak garis tepi dalam dengan text (kalian bisa menentukannya sendiri berapa)
            cellspacing : jarak dari tepi dalam dengan garis tepi luar (kalian bisa menentukannya sendiri                seperti  cellpadding).
            width : lebar tabel
            rowspan : menggabungkan baris
            colspan : menggabungkan kolom


8. Simpan dan lihat hasilnya.

    1.
 


    2.


    3.


    4.


    5.


9. Membuat link dalam halaman web

<a href="...">Coba</a>

ex : 
<a href="coba.html">Coba</a>
 

Hasilnya :




10. Menampilkan gambar ke halaman web :
  • Cari salah satu gambar yang akan di masukan dan ubah nama gambarnya menjadi = image
  • Copy gambar tersebut ke dalam folder latihan 1
   
 

Hasilnya :


SELESAI
Alhamdulillah
Mohon maaf jika tulisan saya tersebut masih membingungkan atau masih tidak di mengerti mohon maklum karena saya juga masih sama-sama belajar :)
See U Next time dengan pembahasan lanjutan....

Minggu, 25 Maret 2018

BSI Purwokerto - Belajar Membuat Web (Part 1)


Hypertext Markup Language atau yang biasa disebut HTML adalah bahasa untuk menampilkan konten di web. HTML sendiri mempunyai pengertian lain yaitu bahasa pemograman yang bebas, artinya tidak dimiliki oleh siapapun, bisa dikatakan sebagai sebuah bahasa yang dikembangkan bersama-sama secara global.
HTML terdiri dari :
  • ·        Elemen HTML : Suatu blok kode dimana ada tag pembuka (<nama tag>) dan tag          penutup (</nama tag>).
  • ·        Tag HTML : Penanda “<” dan “>”.
  •       Attribut HTML.


*Untuk yang belum instal xampp untuk terlebih dahulu diinstal.

  1. Buka XAMPP Control Panel.
  2. Klik tombol star pada bagian Apache dan MySQL.
Apache => Mengaktifkan Server.
MySQL => Mengaktifkan Databese.
    3. Buka windows explore.
    4. Masuk ke folder instalasi xampp (biasanya di partisi C).
    5. Masuk ke folder htdocs

    6. Hapus 2 file index (index html dan index php).
    7. Buka web browser (firefox,chrome, dsb)
    8. Ketikan di kolom url browser : localhost

    9. Buat folder baru bernama "Latihan 1" didalam folder htdocs.


  10. Ulangi langkah ke-8, maka akan muncul folder "Latihan 1"

  11. Buka editor text, buka notepad++ atau notepad (Bawaan windows)
  12. Ketikan struktur dasar HTML di dalam file notepad.

  13. Simpan file tsb dengan nama coba.html di dalam folder latihan 1 yang sudah dibuat pada langkah 9. 

  14. Tambahkan tag title di antara tag pembuka head dan tag penutup head beserta kontennya.

  15. Simpan file, lalu ulangi langkag ke-8.
  16. Akses file coba.html dan lihat hasilnya di browser.

  17. Menambahkan beberapa tag ke dalam file coba.html.

  18. simpan dan lihat hasilnya.

  19. Menambahkan TAG HEADING ke dalam file coba.html

  20. Simpan dan lihat hasilnya.



Minggu, 18 Maret 2018

Bahasa Korea

 






Huruf Korea / Hangul (한굴)

Sebelum belajar kosakata bahasa, membaca, menulis bahkan berhitung, alangkah baiknya memahami dan mengerti setiap huruf dalam bahasa Korea. Bagi pemula yang baru dan ingin mempelajarinya pertama-tama wajib harus paham dan mengerti cara menulis dan membacanya. Supaya kedepannya mengerti dan memahami semua hal yang berkaitan dengan Korea.

APA SIH ITU HANGUL?

Hangul / 한굴 adalah alfabet yang digunakan untuk menulis bahasa korea. Hangul diciptakan oleh Raja Sejong yang Agung (1397-1450) pada tahun 1443 yang dikenal sekarang adalah masa Dinasti Joseon.

Meskipun terlihat mirip dengan tulisan aksara Tionghoa, Hangul sebenarnya merupakan abjad fonetik atau alfabet, karena setiap hurufnya merupakan lambang vokal dan konsonan yang berbeda.

Bila di Indonesia mengenal 26 huruf maka Hangul terdiri dari 24 huruf, diantaranya 14 huruf konsonan dan 10 huruf vokal.

selain di gunakan di bahasa korea ternyata Hangul juga ada di Indonesia juga loh..
tepatnya suku Cia-Cia, di Sulawesi Tenggara.

Berikut huruf korea vokal beserta cara membacanya :
No
Huruf
Bunyi
Pengucapan
1
A
Ayam
2
Ya
Yakin
3
Eo
Omong
4
Yeo

5
O
Orang
6
Yo
Yoyo
7
U

8
Yu

9
Eu
Elang
10
I



Berikut huruf konsonan dasar beserta cara membacanya :
No
Huruf
Nama
Awal
Akhir
1
Kiyeok / Giyeok  (기역)
K / G
K
2
Nieun (니은 )
N
N
3
Digeut  (디귿)
D
T
4
Rieul  (리을 )
R / L
L
5
Mieum  (미음)
M
M
6
Bieup  (비읍)
B
P
7
Siot  (시읏)
S
T
8
Ieung  (이응)
-
Ng
9
Chieut / Jieut  (치읓)
J
T
10
Chieut  (치읓)
Ch
T
11
Khieuk (키읔)
K
K
12
Thieut  (티읕)
T
T
13
Phieup  (피읖)
P
P
14
Hieut  (히읗)
H




Jaringan Komputer - Resume Topologi

Topologi  Topologi jaringan adalah suatu bentuk struktur jaringan yang dibangun / diinstalasi sesuai dengan kebutuhan dan digunakan unt...