PERKEMBANGAN HTML
B. Arus Data
Arus data terdiri dari sekelompok elemen data yang saling berhubungan secara logis, yang bergerak dari satu titik proses lain. Tanda panah digunakan untuk menggambarkan arus tersebut. Arus data terdiri dari satu beberapa struktur data. Struktur data adalah sekelompok elemen data yang menggambarkan suatu hal atau transaksi tertentu. Adapun jenis arus data diantaranya adalah sebagai berikut:
a) Arus data tunggal yang menunjukkan ke suatu lokasi dari elemen tunggal.
A ru s D a t a M a su k T u n g g a l E n t i t y
Gambar 2.2 Arus Data Masuk Entity.
b) Arus data dapat bercabang (diverge) ketika data yang sama bergerak ke
beberapa lokasi dalam sistem.
A ru s D a t a K e lu a r 2 A ru s D a t a K e lu a r 1 0
P ro se s
Gambar 2.3 Arus Data Keluar Proses.
c) Arus data dapat juga memusat (konvergen) untuk menggambarkan
beberapa arus data yang sama bergerak ke satu lokasi.
Arus Data Masuk 3 Arus Data Masuk 2
Arus Data Masuk 1 0
Proses
d) Arus data dengan sistem dua arah untuk menggambarkan status pemesanan data dan sistem jawaban informasi yang diminta.
C. Proses.
Proses adalah sesuatu yang mengubah input menjadi output. Proses dapat digambarkan dengan lingkaran, segi empat horizontal tegak lurus dengan sudut-sudut yang membulat. Tiap simbol proses didefinisikan dengan label. Teknik pembuatan label yang paling umum adalah dengan menggunakan kata kerja dan obyek tetapi kita juga dapat menggunakan nama sistem atau program komputer.
0
Proses
Gambar 2.5 Proses.
D. Penyimpanan Data.
Jika data perlu dipertahankan karena suatu sebab, maka digunakan penyimpanan data (data store). Dalam istilah DFD, penyimpanan data digambarkan sebagai satu set garis pararel, segi empat terbuka atau bentuk lonjong. Dengan dilakukannya penyimpanan data ini diharapkan pada saat akhir suatu proses pembuatan laporan data-data yang dibutuhkan akan mudah untuk didapatkan sebagai upaya untuk pertanggungjawaban pada atasan.
1 Data Store
2.7 Dreamweaver 8
Dreamweaver 8 adalah sebuah program website editor yang berfungsi untuk membuat dan mendesain website secara utuh berdasarkan layout, header, dan template sendiri. Kehandalan dari Dreamweaver 8 sendiri yaitu kemudahan dalam membuat dan mendesain website tanpa harus menulis tag-tag HTML satu persatu walalupun program ini tetap bisa digunakan untuk mendesain website menggunakan kode-kode tersebut karena pada saat membuat program dapat dibagi mejadi tampilan design, tampilan, kode, atau dua-duanya. Disamping itu Dreamweaver 8 dapat melakukan pengecekan spelling dan check vaidator kode-kode agar sesuai dengan standar. Salah satu metode yang digunaan saat pembuatan website adalah dengan klik dan drag yang dapat mempermudah Anda dalam membuat website dengan cepat, mudah, menarik, dan interaktif.
Dreamweaver 8 juga mempunyai kemampuan untuk mendukung pemrograman Server side dan Client side. Server side digunakan untuk memproses data yang berhubungan dengan server, misalnya pengolahan database. Client side merupakan bahasa pemrograman tambahan sekaligus sebagai pelengkap dari bahasa pemrograman lainnya. Berikut ini adalah beberapa fitur dari Dreameaver :
Toolbar Dokumen
Toolbar dokumen digunakan untuk mengubah tampilan dan mengakses fungsi-fungsi penting secara cepat dan mudah. Pada toolbar dokumen terdapat menu untuk berpindah antar dokumen kerja window dan mengatur tampilan area kerja. Untuk mengatur tampilan kita bisa memilih Code, Split dan Design.
Menu Utama
Menu Utama berisi semua perintah yang dapat digunakan untuk bekerja pada Dreamweaver.
Insert Bar
Insert bar merupakan tempat semua perangkat kerja (tombol) tang digunakan untuk membuat halaman web. Insert bar mempunyai dua jenis tampilan, yaitu tampilan sebagai menu dan tampilan sebagai tab.
Code View
Code View digunakan untuk melihat kode HTML dari halaman web yang sedang kita buat.
Panel Properties
Panel properties merupakan panel yang digunakan untuk melihat dan mengubah property dari semua objek yang ada di area kerja. Masing-masing objek mempunyai property yang berbeda. Untuk melihat property dari objek yang diinginkan, seleksi dulu objek tersebut.
Design View
Design View digunakan untuk melihat tampilan web dari kode HTML yang kita buat.
2.8 Gammu
GAMMU adalah sebuah aplikasi yang dapat digunakan untuk mengelola berbagai fungsi pada handphone, modem dan perangkat sejenis lain nya. Fungsi-fungsi yang dapat dikelola oleh Gammu antara lain adalah Fungsi-fungsi nomor kontak
(Phonebook) dan fungsi SMS. Untuk aplikasi yang akan coba kita buat di materi ini, akan lebih banyak digunakan fungsi SMS Gateway dari GAMMU.
SMS Gateway dapat memberikan nilai tambah dan meningkatkan kualitas pelayanan pelanggan dan suara konsumen melalui layanan SMS Center. Manfaatnya antara lain adalah :
1. Mengirimkan pengumuman kepada anggota/karyawan
2. Promo Produk dan diskon
3. Memberikan info jadwal rapat/pertemuan kepada karyawan
4. Memberikan info jatuh tempo Cicilan Kepada nasabah
5. Menyebarkan info bantuan dana untuk pembangunan sarana ibadah
6. Pengiriman pengumuman kepada HP siswa, dan Orang Tua siswa
7. Sebagai SMS center dan layanan pengaduan
8. Ucapan Selamat kepada kerabat
9. Ucapan terimakasih kepada donator
SMS Gateway Dapat Digunakan Untuk Mengirim :
1. SMS Informasi
2. SMS Pengumuman
3. SMS Pengingat
4. SMS Layanan Pelanggan
Siapa saja yang membutuhkan SMS Gateway?
• Anda yang bekerja di instansi pemerintahan dan ingin membangun SMS
center untuk media informasi dan keluhan masyarakat.
• Anda yang mempunyai lembaga kursus atau bimbingan belajar dan ingin
memiliki SMS gateway sendiri untuk memberikan pengumuman atau informasi kepada siswanya.
• Anda pemilik online shop dan ingin menerima notifikasi mengenai
pesanan baru melalui SMS.
• Anda pemilik atau yang bekerja di perusahaan finance dan ingin
mengirimkan SMS informasi tagihan kepada debitur secara otomatis dan terjadwal.
• Anda yang memiliki bisnis web hosting dan ingin menambahkan fitur
SMS notify pada WHMCS.
• Anda pebisnis atau internet marketer dan ingin membangun list member
dengan mengitegrasikan form pendaftarannya dengan SMS menggunakan SMS API.
• Anda politisi dan ingin berkampanye melalui media SMS.
• Anda yang membutuhkan media marketing efektif dengan melakukan
promosi dan pemasaran melalui SMS.
• Anda yang membutuhkan SMS gateway untuk mengirimkan SMS
tausiyah kepada jamaah.
• Anda pemilik perusahaan dan ingin mengirimkan SMS motivasi kepada
• Anda pemilik perusahaan dan ingin membangun SMS center sebagai
fasilitas untuk menerima kritik dan saran secara online 24 jam.
2.9 CSS (Cascading Style Sheets)
CSS Merupakan aturan untuk mengendalikan beberapa komponen dalam
sebuah web sehingga akan lebih terstruktur dan seragam tentunya tanpa CSS website tidak akan memiliki tampilan yang rapi. CSS bukan merupakan bahasa pemograman. Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file). Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.
CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya. CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.
Sejarah CSS
Nama CSS didapat dari fakta bahwa setiap deklarasi style yang berbeda dapat diletakkan secara berurutan, yang kemudian membentuk hubungan ayah-anak (parent-child) pada setiap style.
CSS sendiri merupakan sebuah teknologi internet yang direkomendasikan oleh World Wide Web Consortium atau W3C pada tahun 1996. Setelah CSS distandarisasikan, Internet Explorer dan Netscape melepas browser terbaru mereka yang telah sesuai atau paling tidak hampir mendekati dengan standar CSS.
Versi Untuk saat ini terdapat tiga versi CSS, yaitu CSS1, CSS2, dan CSS3. CSS1 dikembangkan berpusat pada pemformatan dokumen HTML, CSS2 dikembangkan untuk memenuhi kebutuhan terhadap format dokumen agar bisa ditampilkan di printer, sedangkan CSS3 adalah versi terbaru dari CSS yang mampu melakukan banyak hal dalam desain website. CSS2 mendukung penentuan posisi konten, downloadable, huruf font, tampilan pada tabel /table layout dan media tipe untuk printer. Kehadiran versi CSS yang kedua diharapkan lebih baik dari versi pertama dan kedua.
CSS3 juga dapat melakukan atau menampilkan animasi pada halaman website / blog, diantaranya animasi warna hingga animasi 3D. Dengan CSS3 desainer lebih dimudahkan dalam hal kompatibilitas websitenya pada smartphone dengan dukungan fitur baru yakni media query. Selain itu, banyak fitur baru pada CSS3 seperti: multiple background, border-radius, drop-shadow, border-image, CSS Math, dan CSS Object Model.
32
