Perancangan Homepage (PA183): Perbedaan revisi
| [revisi tidak terperiksa] | [revisi tidak terperiksa] |
(←Membuat halaman berisi '=<p align="center"><b>BAB I</b></p>= <p align="center"><b>PENDAHULUAN</b></p> <div style="font-size: 120%;font-family: 'times new roman';text-align: justify;text-inden...') |
(→Materi Perancangan Homepage) |
||
| Baris 91: | Baris 91: | ||
<div align="left"><img width="250" height="150" style="margin:0px" src="https://lh4.googleusercontent.com/-y9gyLkp_2tU/U8HkTkP1r-I/AAAAAAAADgc/gNPZZ9h5ksQ/w346-h225-no/pm1.png"/></div> | <div align="left"><img width="250" height="150" style="margin:0px" src="https://lh4.googleusercontent.com/-y9gyLkp_2tU/U8HkTkP1r-I/AAAAAAAADgc/gNPZZ9h5ksQ/w346-h225-no/pm1.png"/></div> | ||
| − | <div align=" | + | |
| − | <div align=" | + | <div align="left"><img width="200" height="100" style="margin:0px" src="https://lh4.googleusercontent.com/uU1XnKWuGwDZO2l62m_qsbsIH-1alKygdAwgzv-xsug=w237-h127-no"/></div> |
| + | <br> | ||
| + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2" ><b>Latihan I</b></p></div> | ||
| + | <div align="left"><img width="250" height="150" style="margin:0px" src="https://lh6.googleusercontent.com/-1Hu2eonBkDw/U8HljZBpNxI/AAAAAAAADhE/VaJQTV4CLNc/w389-h254-no/pm3.png"/></div> | ||
| + | |||
| + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2" ><b>Latihan II</b></p></div> | ||
| + | |||
| + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2" >Seperti system '''database''' yang lain, Webdatabase juga merupakan system penyimpanan data yang dapat diakses oleh bahasa pemrograman tertentu. Namun tidak seperti system database konvvensional yang hanya ditujuan untuk platform tertentu, Web database dapat diakses oleh aplikasi web yang tertentu lebih bersifat umum. <br>Web database dapat diakses oleh aplikasi-aplikasi web yang dikembangkan dengan '''HTML''' tag,'''kontrol Activex''', dan pemrograman yang bersifat server-side melalui '''CGI''', '''Microsoft IIS''' (Internet Information Server), atau skrip yang bersifat server-side seperti Microsoft Active Server Pages (ASP).<br>Kemampuan untuk mengintrogasikan database ke dalam aplikasiyang dapat diakses pengguna menggunakan '''Web browser''' inilah yang menjadikan suat database menjadi Web database. | ||
| + | '''Web database''' dapat digunakan untuk berbagai macam keperluan, misalnya menyediakan data stok barang untuk situs-situs '''e-commerce''', menampilkan data-data mahasiswa yang diterima di Universitas tertentu, layanan pengisisn '''KRS''' (Kartu Rencana Studi) mahasiswa, dan lain-lain.</p></div>{{Pagebreak}} | ||
| + | |||
| + | ---- | ||
| + | === '''PERTEMUAN 2''' === | ||
| + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2" ><b></b></p></div> | ||
| + | |||
| + | {{Pagebreak}} | ||
| + | |||
| + | ---- | ||
| + | === '''PERTEMUAN 3''' === | ||
| + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2" ><b></b></p></div> | ||
| + | |||
| + | {{Pagebreak}} | ||
| + | |||
| + | ---- | ||
| + | === '''PERTEMUAN 4''' === | ||
| + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2" ><b></b></p></div> | ||
| + | |||
| + | {{Pagebreak}} | ||
| + | |||
| + | ---- | ||
| + | === '''PERTEMUAN 5''' === | ||
| + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2" ><b></b></p></div> | ||
| + | |||
| + | {{Pagebreak}} | ||
| + | |||
| + | ---- | ||
| + | === '''PERTEMUAN 6''' === | ||
| + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2" ><b></b></p></div> | ||
| + | |||
| + | {{Pagebreak}} | ||
| + | |||
| + | ---- | ||
| + | === '''PERTEMUAN 7''' === | ||
| + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2" ><b></b></p></div> | ||
| + | |||
| + | {{Pagebreak}} | ||
| + | |||
| + | ---- | ||
| + | === '''PERTEMUAN 8''' === | ||
| + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2" ><b></b></p></div> | ||
| + | |||
| + | {{Pagebreak}} | ||
| + | |||
| + | ---- | ||
| + | === '''PERTEMUAN 9''' === | ||
| + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2" ><b></b></p></div> | ||
| + | |||
| + | {{Pagebreak}} | ||
| + | |||
| + | ---- | ||
| + | === '''PERTEMUAN 10''' === | ||
| + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2" ><b></b></p></div> | ||
| + | |||
| + | {{Pagebreak}} | ||
| + | |||
| + | ---- | ||
| + | === '''PERTEMUAN 11''' === | ||
| + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2" ><b></b></p></div> | ||
| + | |||
| + | {{Pagebreak}} | ||
| + | |||
| + | ---- | ||
| + | === '''PERTEMUAN 12''' === | ||
| + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2" ><b></b></p></div> | ||
| + | |||
| + | {{Pagebreak}} | ||
| + | |||
| + | ---- | ||
| + | === '''PERTEMUAN 13''' === | ||
| + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2" ><b></b></p></div> | ||
| + | |||
| + | {{Pagebreak}} | ||
| + | |||
| + | ---- | ||
| + | === '''PERTEMUAN 14''' === | ||
| + | <div style="font-size: 12pt;font-family: 'times new roman';text-align: justify"><p style="line-height: 2" ><b></b></p></div> | ||
| + | [[Category:Materi Kuliah]] | ||
Revisi per 13 Juli 2014 01.57
BAB I
PENDAHULUAN
Perancangan web adalah proses merancang halaman web, situs web, Wweb atau aplikasi multimedia untuk Web. Memanfaatkan berbagai disiplin ilmu, seperti animasi, authoring, desain komunikasi, identitas korporat, desain grafis, interaksi manusia-komputer, arsitektur informasi, interaksi desain, pemasaran, fotografi, mesin pencari optimasi dan tipografi.
* Markup bahasa (seperti HTML, XHTML dan XML)
* Gaya lembar bahasa (seperti CSS dan XSL)
* Client-side scripting (seperti JavaScript dan VBScript)
* Server-side scripting (seperti PHP dan ASP)
* Teknologi database (seperti MySQL dan PostgreSQL)
* Teknologi multimedia (seperti Flash dan Silverlight)
Halaman web dan situs web dapat halaman statis, atau dapat diprogram ke halaman yang dinamis akan secara otomatis menyesuaikan konten atau tampilan visual, tergantung pada berbagai faktor, seperti masukan dari pengguna akhir atau masukan dari Webmaster.
Perancang web atau desainer web adalah orang yang mempunyai keahlian menciptakan konten presentasi (biasanya hypertext atau hypermedia) yang dikirimkan ke pengguna-akhir melalui World Wide Web, melalui Web browser atau perangkat lunak Web-enabled lain seperti televisi internet, Microblogging, pembaca RSS.
Halaman Web dan situs Web dapat halaman statis, atau dapat diprogram untuk halaman dinamis yang secara otomatis mengadaptasi konten atau tampilan visual tergantung pada berbagai faktor, seperti masukan dari pengguna akhir, masukan dari para Webmaster atau perubahan dalam lingkungan komputasi (seperti situs yang terkait dengan database yang telah diubah).
Dengan berkembangnya spesialisasi dalam desain komunikasi dan bidang teknologi informasi, ada kecenderungan kuat untuk menarik garis yang jelas antara desain web khusus untuk halaman web dan pengembangan web untuk logistik secara keseluruhan dari semua layanan berbasis web.
SILABUS
TUJUAN
Agar mahasiswa mampu untuk mengenal, mengerti dan memahami Setelah mengikuti kuliah Perancangan Homepage mahasiswa diharapkan dapat menguasai dan dapat menjelaskan serta dapat menggunakan Perancangan Homepage
BAB II
LANDASAN TEORI
SATUAN ACARA PENGAJARAN
Kode : PA1833
Mata Kuliah : Perancangan HomePage
Beban Kredit : 3 SKS
Jenjang : S1
Jurusan : SI/TI/MI
Waktu Tatap Muka : 2 X 50 Menit
Waktu Tugas Mandiri : 2 ( 2 X 50 Menit )
Metode Kuliah : Tatap muka,Tugas,Presentasi
Alat : RME, Multimedia Projector, Komputer dan Whiteboard
Evaluasi : Kehadiran, Tugas, UTS, UAS
Dosen : Nasril Sani
TIU : Mahasiswa dapat memahami jenis-jenis komputer, sistem kerja komputer, perangkat komputer, arus informasi menggunakan komputer, informasi dalam dunia maya perkembangan hardware dan software terkini, serta prospek pengembangan komputer di masa mendatang.
TIK : Mahasiswa dapat memahami jenis-jenis komputer, sistem kerja komputer, perangkat komputer, arus informasi menggunakan komputer, informasi dalam dunia maya perkembangan hardware dan software terkini, serta prospek pengembangan komputer di masa mendatang.
BAB III
PEMBAHASAN MATERI
Materi Perancangan Homepage
PERTEMUAN 1
Apa Itu Homepage?
-
Apa Itu Home Page ?
• Cara Kerja WWW
• HTML (HyperText Markup Language.)
• Uniform Resource Locater (URL)
• Protokol Transfer
• Domain Name System (DNS)
• Browsert -
STRUKTUR DASAR DOKUMEN HTML
<HTML>
<HEAD>
…
</HEAD>
<BODY>
…
</BODY>
</HTML><p></li> - <p style="line-height: 2">Elemen
-
Tag
-
Bagian HeadElemen-elemen pada bagian head akan mengerjakan tugas-tugas sebagai berikut :
• Menyediakan judul dokumen.
• Menjembatani hubungan antar dokumen.
• Memberitahu browser untuk membuat form pencarian.
• Menyediakan metode untuk pengirim pesan ke tipe browser tertentu.
Elemen-elemen yang mungkin terdapat pada bagian head adalah :
• Tag < TITLE >
• Tag < BASE >
• Tag < LINK >
• Tag < META > -
Perbedaan Dokumen HTML dengan Dokumen lain
-
Program Editor HTML
-
Latihan
Halaman web sederhana
Simpanlah dokumen tersebut dengan nama coba.html Jika Anda menggunakan Notepad, perhatikan bahwa pada kotak dialog Save As, bagian Save As Type terlebih dahulu harus diubah menjadi all files. Jika hal ini tidak dilakukan, ada kemungkinan nama file tersebut akan menjadi coba.htm.txt.
Jalankan file coba.html pada sebuah browser dengan menggunakan menu File Open, kemudian pilihlah file tersebut. Hasilnya akan nampak seperti seperti yang anda tulis pada bagian tag body.
Perhatikan bahwa teks yang tertulis di antara tag dan akan terlihat pada bagian title bar window. Teks tersebut adalah judul dari yang Anda buat.
Latihan I
Latihan II
Seperti system database yang lain, Webdatabase juga merupakan system penyimpanan data yang dapat diakses oleh bahasa pemrograman tertentu. Namun tidak seperti system database konvvensional yang hanya ditujuan untuk platform tertentu, Web database dapat diakses oleh aplikasi web yang tertentu lebih bersifat umum.
Web database dapat diakses oleh aplikasi-aplikasi web yang dikembangkan dengan HTML tag,kontrol Activex, dan pemrograman yang bersifat server-side melalui CGI, Microsoft IIS (Internet Information Server), atau skrip yang bersifat server-side seperti Microsoft Active Server Pages (ASP).
Kemampuan untuk mengintrogasikan database ke dalam aplikasiyang dapat diakses pengguna menggunakan Web browser inilah yang menjadikan suat database menjadi Web database.
Web database dapat digunakan untuk berbagai macam keperluan, misalnya menyediakan data stok barang untuk situs-situs e-commerce, menampilkan data-data mahasiswa yang diterima di Universitas tertentu, layanan pengisisn KRS (Kartu Rencana Studi) mahasiswa, dan lain-lain.
