tugas web

AMIK WAHANA MANDIRI (www.awm.ac.id)
Tugas 2
Mata kuliah WEB DESIGN
Dosen  :
Sucipto, S.Kom, M.Kom
Agus Tianda, A.md
Habib Marzuqi, A.md

WEB DESIGN SEDERHANA MENGGUNAKAN MARCOMEDIA DREAMWEAVER 8

Macromedia Dreamweaver adalah sebuah HTML editor profesional untuk mendesain secara visual dan mengelola situs web maupun halaman web. Bilamana kita menyukai untuk berurusan dengan kode-kode HTML secara manual atau lebih menyukai bekerja dengan lingkungan secara visual dalam melakukan editing, Dreamweaver mambuatnya menjadi lebih mudah dengan menyediakan tool-tool yang sangat berguna dalam peningkatan kemampuan dan pengalaman kita dalam mendesain web.

Dreamweaver MX dalam hal ini digunakan untuk web desain.dreamweaver MX mengikutsertakan banyak tool untuk kode-kode dalam halaman web beserta fasilitas-fasilitasnya, antara lain : Referensi HTML, CSS dan Javascript, Javascript debugger, dan editor kode ( tampilan kode dan Code inspector) yang mengizinkan kita mengedit kode Javascript, XML, dan dokumen teks lain secara langsung dalam Dreamweaver. Teknologi Dreamweaver Roundtrip HTML mampu mengimpor dokumen HTML tanpa perlu memformat ulang kode tersebut dan kita dapat menggunakan Dreamweaver pula untuk membersihkan dan memformat ulang HTML bila kita menginginkannya.

Selain itu Dreamweaver juga dilengkapi kemampuan manajemen situs, yang memudahkan kita mengelola keseluruhan elemen yang ada dalam situs. Kita juga dapat melakukan evaluasi situs dengan melakukan pengecekan broken link, kompatibilitas browser, maupun perkiraan waktu download halaman web.

Contoh pembuatan Design Web menggunakan Dreamweaver..

Di bawah ini adalah cara membuat website  menggunakan drreamweaver, dan tutorial ini saya buat sendiri.

Buka aplikasi dreamweaver kita, disini saya menggunakan Dreamweaver 8 karena ringan di komputer saya. Bagi yang sudah menggunakan dreamweaver CS5 bahkan CS6 tenang saja karena cara ini bisa diaplikasikan untuk semua dreamweaver   

Setelah berhasil di buka maka akan terdapat tampilan seperti di bawah ini kemudian pilih HTML

Kemudian klik Layout  lalu klik layout table (tanda merah) dan tarik garis ke bawah sesuai ukuran yang di butuhkan

Setelah itu buatlah tabel layout nya klik table layout (tanda merah) kemudian tarik garis kebawah. Dan lakukan hal yg sama jika ingin menambah tabel layout nya.

Insert  gambar yang akan di jadikan sebagai bander nya dengan cara klik tool insert pilih image. Lakukan hal yang sama juga jika anda ingin memasukan gambar untuk bagian layout lain.

Untuk mewarnai background layout kita tinggal klik bagian layout yang akan kita warnai kemudian lihat kebagian bawah ada bg (tanda merah)

ini contioh layout home yang telah saya buat

                                                                                                                                        

4.           

Kemudian lakukan hal yang sama pada layout kedua atau jika kita ingin membuat layout untuk profile seperti yang telah saya buat

Apabila telah selesai jngn lupa di save dengan format file.html contoh : Home.html, agar kita lebih mudah mencari file tadi sebaik nya di save di dekstop saja.


 

Kemudian untuk menghubungkan kedua layout ini atau ketika kita di jendela home ingin ke jendela profile yang harus kita lakukan yaitu membuat link nya dengan cara BLOK teks PROFILE  pada layout home kemudian ketik file profile yang kita buat tadi contoh : Profile.html

 

Jangan lupa di save.

Setelah itu coba lihat web sederhana yang telah kita buat tadi dengan cara double klik file.html yg telah kita save.

Ini contoh web sederhana yang telah saya buat

LAMAN HOME

LAMAN PROFILE

LAMAN GALLERY

LAMAN BUDIDAYA SEMANGKA

LAMAN CHORD LAGU

 

Cukup sekian dari saya semoga bermanfaat

Tutorial ini saya buat untuk memenuhi tugas mata kuliah web design, saya masih belajar mohon maaf bila ada kekurangan.. terimakasih. Wassallam.

Mengenal Bagian Bagian Layout dan Funsinya

Mengenal Bagian Bagian Layout dan Fungsi nya

Terdapat 4 bagian dari pada layout itu sendiri di antaranya :

•  Header
•  Mainbar
•  Sidebar
•   Footer

Beberapa fungsi dari bagian-bagian tersebut diantaranya adalah sebagai berikut:

Header biasanya berfungsi untuk menampilkan nama, logo, maupun deskripsi dari blog. Informasi tersebut biasanya ditampilkan pada header dengan maksud agar terlihat pada setiap halaman blog. Header diharapkan bisa memberikan gambaran singkat mengenai sebuah blog ketika pengunjung pertama kali membukanya sebelum membaca isi dari blog tersebut.

Mainbar merupakan bagian utama dari sebuah blog dimana pada bagian inilah postingan kita akan ditampilkan secara berurutan.Pada blogspot baru, mainbar juga bisa berfungsi sebagai tempat menulis komentar dan menampilkan komentar-komentar tersebut.

Sidebar merupakan bagian blog yang berada di sisi blog sebelah kanan ataupun kiri, bahkan ada juga di sisi atas atau bawah (tergantung template blog yang dipakai). Biasanya sidebar berfungsi sebagai tempat menampilkan elemen-elemen tambahan, misalnya kalender, foto profil, dan lain-lain. Pada blogspot, elemen-elemen tambahan ini disebut sebagai gadget. Kita bisa menambahkan pada blog kita gadget baru yang telah disediakan oleh blogspot. Dibagian sidemana sajakah kita bisa menambahkan gadget baru? Gadget bisa ditambahkan jika pada side tersebut terdapat fungsi "Tambah Gadget".

Footer merupakan bagian yang terletak dibagian bawah halaman blog. Biasanya elemen ini berfungsi untuk menampilkan lisensi dari blog kita, misalnya copyright, link sumber template,designer template, dan lain-lain.

Penjelasan diatas merupakan gambaran bentuk dan tata letak dari template blog yang kita gunakan jika dilihat dari luar. Bagaimana sebenarnya layout-layout tersebut disusun? Pembaca tentu ingat bahwa sebuah website didesain dengan menggunakan bahasa pemrograman web, dimana digunakan tag-tag yang memberikan instruksi bagaimana sebuah website akan ditampilkan. Pada blogspot, layout yang kita gunakan sebenarnya terdiri dari 2 bagian besar, berupa kepala dan badan. Hal ini bisa pula kita ibaratkan seperti tubuh manusia. Tubuh manusia bisa dibagi menjadi 2 bagian besar, yaitu kepala dan badan (dari leher sampai ujung kaki), dimana kepala merupakan bagian yang berisi informasi yang disimpan di otak dan berfungsi untuk mengatur gerakan badan kita. Sedangkan badan merupakan bagian yang berfungsi sebagai alat untuk melakukan aktivitas. Pada sebuah website seperti halnya sebuah blog, kepala ini disebut sebagai head dan badan disebut sebagai body. Bagian head dibatasi oleh tag <head> dan tag </head>. Sedangkan bagian body dibatasi oleh tag <body> dan tag</body>. Dibagian head inilah kita akan menyisipkan informasi yang akan digunakan untuk mengatur body dari blog tersebut.

Pengalaman membuat AR menggunakan Unity dan Vuforia

Asalamualaikum Wr. Wb,

Kali ini saya Mulyana Hidayat dari Cianjur akan berbagi pengalaman tentang pembuatan AR menggunakan Unity dan Vuforia, Jujur saja ini adalah pertama kalinya saya membuat AR karena maklum saja Basic saya adalah pertanian dan mekanik sehingga membuat saya sedikit kaku dalam pengerjaannya. saat pertama saya mengenal AR hal yang pertama ada dibenak saya adalah SULIT tapi ternyata setelah saya mencoba pembuatan AR ini menjadi tidak sulit tapi tidak mudah juga. karena saya di bantu juga dengan tutorial dari Bapak Haris salah satu dosen saya.

ketika saya mencoba membuat AR beberapa kali saya mengalami kesulitan maklum kan basic nya bukan komputer, setelah berulang ulang kali saya mencoba akhirnya saya berhasil walaupun masih belum keren, maklum kan pemula :) ..

ini ada beberapa gambar dari pengerjaan saya membuat AR

 ini adalah target manager nya

ini adalah screenshot waktu saya membuat AR

dan ini hasilnya

yaahh kalau buat pemula sihh memuaskan ..

oke, terimakasih sudah berkunjung

wasalam..

RESUME BASIS DATA

RESUME BASIS DATA

KONSEP DASAR 

SISTEM DATABASE  adalah Suatu system penyusunan dan pengelolaan record-record dengan menggunakan komputer, dengan tujuan untuk menyimpan atau merekam serta memelihara data operasional lengkap sebuah organisasi/perusahaan, sehingga mampu menyediakan informasi yang optimal yang diperlukan pemakai untuk kepentingan proses pengambilan keputusan.

DATABASE  adalah 

Suatu susunan / kumpulan data operasional lengkap dari suatu organisasi/perusahaan yang diorganisir / dikelola dan simpan secara terintegrasi dengan menggunakan metode tertentu, dengan menggunakan komputer, sehingga mampu menyediakan informasi yang optimal diperlukan pemakainya.

KOMPONEN DASAR DARI SISTEM DATABASE

1.      DATA

2.      HARDWARE ( perangkat keras)

3.      SOFTWARE (perangkat lunak)

4.      USER (Pemakai)

DATA PADA DATABASE  DAN HUBUNGANNYA

Ada 3 jenis data pada system database, yaitu:

•         Data operasional dari suatu organisasi, berupa data yang disimpan didalam database

•         Data masukan (input data), data dari luar sistem yang dimasukan melalui peralatan input (keyboard) yang dapat merubah data operasional

•         Data keluaran (output data), berupa laporan melalui peralatan output (screen, printer) sebagai hasil dari dalam system yang mengakses data operasional

KEUNTUNGAN PEMAKAIAN SISTEM DATABASE

1. Terkontrolnya kerangkapan data  dan inkonsistensi
2. Terpeliharanya keselarasan data
3. Data dapat dipakai secara bersama-sama
4. Memudahkan penerapan standarisasi
5. Memudahkan penerapan batasan - batasan  pengamanan.
6. Terpeliharanya intergritas data
7. Terpeliharanya keseimbangan atas perbedaan kebutuhan data dari setiap aplikasi
8. Program / data independent

KERUGIAN PEMAKAIAN SISTEM DATABASE

1. Mahal dalam implementasinya
2. Rumit / komplek
3. Penanganan proses recorvery & backup sulit
4. kerusakan pada system basis data dapat mempengaruhi departemen yang terkait
5. dan lain – lain.

ISTILAH-ISTILAH YG DIPERGUNAKAN DALAM SISTEM

BASIS DATA

a.         Enterprise, suatu bentuk organisasi

            Contoh :   data sekolah  ----- > data mhs

                                    Rumah sakit  ----- > pasien

b.         Entitas, suatu obyek yang dapat dibedakan dengan objek lainnya

            Contoh :

            Bidang administrasi siswa  --- >  entitas mahasiswa,

                                                    buku, pembayaran

            Bidang kesehatan            --- >  entitas pasien, dokter Obat   

c.          Atribute / field , setiap entitas mempunyai atribut atau suatu sebutan untuk mewakili suatu entitas.

                        Contoh :

                        Entity siswa     ---  >   field Nim, nama_siswa,alamat 

                        Entity nasabah --- >   field Kode_nasabah,nama_nsh

d.         Data value (nilai atau isi data), data actual atau informasi yang disimpan pada tiap data elemen atau attribute. Isi dari atribut disebut nilai data.

                        Contoh :

                        Atribut nama karyawan --- > Sutrisno, budiman,

e.         Record/ tuple, kumpulan elemen-elemen yang saling berkaitan menginformasikan tentang uatu entity secara lengkap.

Contoh : satu record mewakili satu data/informasi     -- >   nim, nm_mhs, alamat.

f.          File, kumpulan record-record sejenis yang mempunyai panjang elemen sama,attribute yang sama, namun berbeda-beda data valuaenya

g.         Kunci elemen data, tanda pengenal yang secara unik mengindentifikasikan entitas dari suatu kumpulan entitas

h.         Database Management System (DBMS), kumpulan file yang saling berkaitan bersama       dengan program untuk pengelolaannya.

DBMS

 (Database Management Systems)

DBMS adalah  perangkat lunak yang menangani semua pengaksesan database. Mempunyai fasilitas membuat, mengakses, memanipulasi dan memelihara basis data

BAHASA dalam DBMS

A.        Data Definision Language (DDL)

B.        Data Manipulation Language (DML)

FUNGSI DBMS

1. Data Definition, DBMS harus dapat mengolah pendefinisian data

2. Data Manipulation, DBMS harus dapat menangani permintaan dari pemakai untuk mengakses data

3.      Data Security & Integrity, DBMS harus dapat memeriksa security dan integrity data yang didefinisikan oleh DBA

4.      Data Recovery & Concurency, DBMS harus dapat menangani kegagalan – kegagalan pengaksesan database yang dapat disebabkan oleh sesalahan sistem, kerusakan disk, dsb

5.      Data Dictionary, DBMS harus menyediakan data dictionary.

6.      Performance, DBMS harus menangani           unjuk kerja dari semua fungsi seefisien          mungkin

KOMPONEN DBMS

1.      Query Prosesor, komponen yang mengubah bentuk query kedalam instruksi kedalam database manager

2.      Database Manager, menerima query & menguji eksternal & konceptual untuk menentukan apakah record – record tersebut dibutuhkan untuk memenuhi permintaan kemudian database manager memanggil file manager untuk menyelesaikan permintaan

3.      File manager, memanipulasi penyimpanan file dan mengatur alokasi ruang penyimpanan disk

4.      DML Prosessor, modul yang mengubah perintah DML yang ditempelkan kedalam program aplikasi dalam bentuk fungsi-fungsi

5.      DDL compiler, merubah statement DDL menjadi kumpulan table atau file yang berisi data dictionary / meta data

6.      Dictionary manajer, mengatur akses dan memelihara data dictionary

PERBEDAAN TRADITIONAL FILE MANAGEMENT

(FMS) DENGAN DATABASE  MANAGEMENTSISTEM

(DBMS)

TRADITIONAL FILE MANAGEMENT

1. Bersifat program oriented
2. Bersifat kaku
3. Terjadi kerangkapan data dan tidak terjaminnya keselarasan data ( data inkonsistensi)

DATABASE FILE MANAGEMENT (DBMS)

1. Bersifat data oriented
2. Bersifat luwes/fleksible
3. Kerangkapan data serta keselarasan data dapat terkontrol

ARSITEKTUR SISTEM DATABASE

Terbagi menjadi 3 tingkatan :

1. Internal level : “ Menerangkan struktur penyimpanan basisdata secara fisik dan organisasi file yang digunakan “
2. konseptual level “ Menerangkan secara menyeluruh dari basisdata dengan menyembunyikan penyimpanan data secara fisik “
3. Ekternal level : “ Menerangkan View basisdata dari sekelompok pemakai

DATA INDEPENDENCE

            Merupakan salah satu kelebihan system database dimana DBA dapat merubah struktur storage & stategi akses dakam pengembangan system database tanpa mengganggu program-program aplikasi yang sudah ada.

2  TINGKAT DATA INDEPENDENCE

1. Physical data independence, yaitu “perubahan internal schema dapat dilakukan tanpa menggangu conceptual schema”.
2. Logical data independence, yaitu” Conceptual schema dapat dirubah tanpa mempengaruhi ekternal schema”.

ALASAN  PERLUNYA  PRINSIP  DATA INDEPENDENCE  DITERAPKAN  PADA PENGELOLAAN  SISTEM  DATABASE

1. Database Administrator dapat merubah isi, lokasi dan organisasi database tanpa mengganggu program aplikasi yang ada
2. Vendor hardware & software pengelolaan data bisa memperkenalkan produk - produk baru tanpa mengganggu program - program aplikasi yang telah ada
3. Untuk memudahkan perkembangan program aplikasi
4. Memberikan fasilitas pengontrolan terpusat oleh DBA demi security dan integritas data, dengan memperhatikan perubahan - perubahan kebutuhan user.

DATA MODEL

PENGERTIAN MODEL DATA

Sekumpulan konsep-konsep untuk menerangkan data, hubungan-hubungan antara data dan batasan-batasan data yang terintegrasi di dalam suatu organisasi

JENIS-JENIS MODEL DATA

l  Model data berbasis objek

l  Model data berbasis record

l  Model data fisik

l  Model data konseptual

OBJECT BASED DATA MODEL

Model data berbasis objek menggunakan konsep entitas, atribut dan hubungan antar entitas.

Terdiri dari

1. Entity Relationship model
2. Binary model
3. Semantik data model
4. Infological model

ENTITY RELATIONSHIP  MODEL

Model untuk menjelaskan hubungan antar data dalam basis data berdasarkan suatu persepsi bahwa real word terdiri dari objek-object dasar yang mempunyai hubungan atau relasi antara objec-objec tersebut

E-R MODEL berisi ketentuan /aturan khusus yang harus dipenuhi oleh isi database. Aturan terpenting adalah MAPPING CARDINSLITIES, yang menentukan jumlah entity  yang dpt dikaitkan dengan entity lainnya  melalui relationship-set.

SEMANTIC MODEL

Hampir sama dengan Entity Relationship model dimana relasi antara objek dasar tidak dinyatakan dengan simbol tetapi menggunakan kata-kata (Semantic). Sebagai contoh, dengan masih menggunakan relasi pada Bank X sebagaimana contoh sebelumnya, dalam semantic model adalah seperti terlihat pada gambar di atas.

RECORD BASED DATA MODEL

Model ini berdasarkan pada record untuk menjelaskan kepada user tentang hubungan logic antar data dalam basis data

PERBEDAAN DENGAN OBJECT BASED DATA MODEL

Pada record based data model disamping digunakan untuk menguraikan struktur logika keseluruhan dari suatu database, juga digunakan untuk menguraikan implementasi dari system database ( higher level description of implementation)

Terdapat 3 data model pada record based data model :

A.  MODEL RELATIONAL,

            Dimana data serta hubungan antar data direpresentasikan oleh sejumlah table, dan masing -masing table terdiri dari beberapa kolom yang namanya unique. Model ini berdasarkan notasi teori himpunan (set theory), yaitu relation.

            Contoh : data base penjual barang terdiri dari 3 tabel :

¡              Supllier

¡              Path (Suku_cadang)

¡              Delivery (pengiriman)

B  MODEL HIRARKI

            Dimana data serta hubungan antar data direpresentasikan dengan record dan link (pointer), dimana record-record tersebut disusun dalam bentuk tree (pohon), dan masing-masing node pada tree tersebut merupakan record/grup data elemen

C. MODEL JARINGAN

Mirip dengan hirarkical model, dimana data dan hubungan antar data direpresentasikan dengan record dan links. Perbedaannya terletak pada susunan record dan linknya yaitu network model menyusun record-record dalam bentuk graph .

.

 Physical Data Model

 Digunakan untuk menguraikan data pada internal level

 Beberapa model yang umum digunakan :

¡              Unifying model

¡              Frame memory