Membuat Layout Website dengan CSS dan HTML

Hai para pengunjung blog Angkast, kali ini admin akan memaparkan tutorial dasar untuk belajar membuat sebuah website.
Hal yang perlu anda persiapkan yaitu :
- Komputer atau notebook yang telah memiliki operating system.
- Jangan lupa instal notepad++ untuk memudahkan anda mencari kesalahan (skript yang error).

Tahap pemograman :
- buka aplikasi notepad++, kemudian simpan dengan nama setelan.css
- New tab pada notepad++, kemudian disimpan dengan nama index.php

Lalu tuliskan sintax berikut pada setelan.css

Setelan.css

 body { /* css ini berfungsi secara langsung pada sintax html */
      background-color:#CCC;
      font-size:20px;
      text-align:center;
           }
#wrap { /* harus di hub dengan id="wrap" */
        width: 1100px;
        height: auto;
        border:double #FF0000;
        border-radius:20px 20px 0px 0px;
           }
#header {
            height : 150px;
            border:1px solid #FFF;
            border-radius:20px 20px 0px 0px;
            /*background-image:url(../img/header.jpg);*/
            box-shadow:0px 0px 150px black;
            width: 1100px;           
             }
#sedebar-groupkiri{
margin-right:10px;
margin-bottom:10px;
height:auto;
float:left;
width:220px;
border:double #FF0000;
                                }
#sidebarkiri{
width:200px;
height:auto;
margin-top:10px;
margin-bottom:10px;
padding:5px;
background-color:pink;
                  }
#konten {
      font-size:28px;
      margin-bottom:10px;
      height:auto;
      float:left;
      width:620px;
      background-color:silver;
      margin-top:10px;
      padding:5px;
                  }
#sidebar-groupkanan {
      margin-left:5px;
      margin-bottom:5px;
      height:auto;
      float:right;
      width:220px;
      border:double #FF0000;   
                   }
#sidebarkanan{
            width : 200px;
            height : auto;
            padding:5px;
            background:pink;
            margin-top:10px;
            margin-bottom:10px;                     
                        }
#footer{
    margin-top: 5px;
    clear:both;
    border:double #FFFFFF;
    border-radius:0px 0px 10px 10 px;
    height:50px;  
              }

Selanjutnya tulis sintax ini pada index.php

index.php

  HASILNYA :

 

CSS adalah singkatan dari Cascading Style Sheets yang digunakan untuk mengatur tampilan dokumen.

HTML (Hyper Text Markup Language) merupakan sebuah bahasa yang digunakan untuk membuat sebuah halaman web.

PHP (Hypertext Prepocessor) merupakan bahasa pemograman yang digunakan untuk memperluas dalam pembuatan website yang disisipkan dalam bahasa HTML. Biasanya digunakan untuk website yang bersifat Dinamis.. (Angkast)

Read More

Data Flow Diagram Laundry

Data Flow Diagram merupakan sebuah proses penggabaran alur data yang di analisa oleh analis sistem berdasarkan masalah dan data-data yang ada. Selajutnya hasil dari data flow diagram digunakan oleh programer untuk merancang program/aplikasi. DFD ini sangat membantu komunikasi antara klien, analis, dan programer dalam membangun sebuah program. Dalam perancangan DFD ini, kita akan melihat sebuah contoh Data flow Diagram pada sebuah Laundry.

Simbol yang di gunakan yaitu Entity (kesatuan luar), Data flow (arus data), Process (proses) dan Data store (simpanan data).

Tahap Perancangan DFD, yaitu :
- Diagram Konteks

 

- Diagram Hipo

 

- Diagram Level 0

 

-Diagram Level 1

 

Dari Gambar-gambar diatas akan di uraikan bahwa :

- Diagram konteks merupakan diagram tertinggi dari proses dfd yang menunjukkan sistem secara keseluruhan

- Diagram Hipo merupakan diagram yang menjabarkan segala proses dari diagram konteks, namun tidak terperinci secara jelas

- Diagram level 0 merupakan diagram yang menguraikan suatu proses sistem dari start hingga output sistem.

- Diagram level 1 merupakan diagram yang menguraikan secara detail proses yang terjadi.

Untuk menambah wawasan anda tentang ilmu analisa, silahkan kunjungi :
Analisis kebutuhan sistem "Dapper Laundry" (Angkast)

Read More

Cerita Sistem "Dapper Laundry"

Postingan kali ini, akan membahas gambaran perancangan sistem Laundry. Nah, Angkast akan menjelaskan mulai dari cerita sistem hingga ke program.

CERITA SISTEM DAPPER LAUNDRY

Sebuah usaha dalam bidang jasa penyucian yang bernama “DAPPER LAUNDRY” ingin meningkatkan pelayanan kepada pelanggannya dengan cara mengembangkan sistem informasi pelayanan laundry dengan memanfaatkan teknologi komputer. Sistem yang dibangun nantinya akan dioperasikan oleh bagian administrasi atau kasir,  Sistem ini dibuat hanya dalam ruang lingkup pencatatan penyerahan cucian, pembayaran dan pengambilan cucian.

            Pada tahap pertama administrator akan mengimputkan data user, data pencuci, data penyetrika, data pewangi, daftar harga cucian, dan data jenis cucian atau jasa yang di  berikan. Data ini nantinya akan memudahkan admin atau kasir saat proses transaksi  pelayanan pada  pelanggan.

           

Setiap pelanggan yang akan melakukan proses penyerahan cucian, akan dilayani oleh kasir. Bagian kasir akan mengimput data pelanggan, menghitung pakaian, menimbang pakaian dan memproses transaksi pembayaran. Serta mengingklutkan data master yang  diperlukan yang telah tersedia pada sistem.

            Pada bagian pemprosesan pembayaran, kasir akan berkomunikasi dengan pelanggan tentang pembayaran lunas atau tidak. Jika lunas maka kasir akan

Read More

Data Flow Diagram Sistem Penjualan Online "Peukan Online"

Postingan kali ini akan membahas tentang Data Flow Diagram Penjualan Online "Peukan Online". Admin akan menjelaskan  bagaimana cara membuat data flow diagram secara komputerisasi berdasarkan Cerita Sistem Penjualan Online "Peukan Online". Data flow diagram ini merupakan salah satu hal yang pentinng bagi seorang analis sistem karena pada DFD ini akan di jelaskan arus data dari suatu sistem informasi baik manual maupun komputerized secara logika tanpa mempertimbangkan fisik dimana data tersebut berada. DFD ini juga alat komunikasi para programmer yang berorientasi pada alur data perancangan sistem.

• Diagram Konteks

Diagram konteks akan menggambarkan kterkaitan input maupun ouput data antara sistem dengan kesatuan luar atau entitas. Uraian :

Read More

Cerita Sistem Penjualan Online "Peukan Online"

Sebuah distributor sauvenir aceh yang bernama “Peukan Online” ingin memperluas jaringan pemasarannya dengan membangun sistem penjualan online. Untuk menjalankan sistem tersebut, “Peukan Online” sudah menyiapkan seorang administrator yang bertanggung jawab terhadap jalannya sistem. Pada tahapan pertama administrator akan menyiapkan data user, data product, data pengirim atau data expedisi dan data rekening bank yang akan digunakan sebagai sarana pembayaran. Sistem ini nantinya akan berjalan dimana setelah data dan operator siap untuk online dan bertransaksi secara online.

Transaksi dimulai dengan customer melihat data product di website, kemudian jika customer tertarik dengan product tertentu customer harus melakukan registrasi terlebih dahulu dengan mengisikan data customer

Read More

contoh pidato singkat dalam bahasa inggris

Berikut ini merupakan postingan yang saya tulis dari hasil tugas di kampus, Pidato dalam berbahasa inggris ini dirancang berdasarkan konsep penulisan yang di tuangkan pada

Step by step writing to presentation . Untuk itu yuk baca pidato yang saya rancang sebagai berikut :

The Strengthens and Weakness Of Facebook

Thanks to Allah that has give me a chance to take this speech .And then,don’t forget to give our great greet to our prophet Muhammad (Peace be upon to him).

Facebook is a scial network created and built by Mark Zuckerberg,a Harvard student born on  of May 1984 and ex-student of Ardsley High School. He published it in  of February 2004 and sarted to get member.

Mark Made this social network to make people able to add photo,contact,or other personal information. He also made some community to do connection and interaction between the users.

Now,I would like to tell you about the Strengthens of facebook. There are so many strengthens of facebook, some of them are :

1.      We can meet our old friend without seeing each other or face to face.

2.      Many useful and fun features

3.      Many games that can be played to decrease our stress

4.      Easy and Free

Like the strengthens, there also

Read More