PEMROGRAMAN WEB (pert - 2)

RESUME PWEB
PERTEMUAN 2
Dosen : Kurniawan Jatmika, S. Kom.

WEB FORM

   Web form adalah suatu teknologi ASP.NET yang digunakan untuk membuat halaman web yang dapat diprogram. Web form dapat menampilkan informasi dengan menggunakan bahasa markup apapun kepada user dalam berbagai macam browser apapun dan menggunakan kode atau skrip pada server untuk mengimplementasikan logik aplikasi.

    Dengan web form dapat juga membuat halaman web yang dapat berjalan pada berbagai macam browser dimana secara otomatis web form akan menampilkan style, layout dan kode  tampilan sesuai browser.

sumber : elib.unikom.ac.id/download.php?id=757

MASTER PAGE

Master page adalah halaman template utama untuk semua halaman dalam website tersebut. Ini berisi menu, informasi hak cipta dan setiap konten yang diduplikasi di semua halaman di situs. Anda dapat memilih untuk memiliki situs multi-mode, sehingga tergantung pada item yang Anda pilih utama dari halaman pembuka Anda mendapatkan konten yang berbeda.

sumber : http://www.delicious-webdesign.com/website-design-uncovered.html

HTML TABLE

Tabel didefinisikan dengan tag <table>.
Sebuah tabel dibagi menjadi baris (dengan tag <tr>), dan setiap baris dibagi ke dalam sel data (dengan tag <td>). td singkatan dari "data tabel," dan memegang isi sel data. Sebuah tag <td> dapat berisi teks, link, gambar, daftar, formulir, tabel lain, dll

Tabel Contoh

<table border="1"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table>

Bagaimana kode HTML di atas terlihat dalam browser:

baris 1, sel 1	baris 1, sel 2
baris 2, sel 1	baris 2, sel 2

---

Tabel HTML dan Atribut Perbatasan

Jika Anda tidak menentukan atribut border, tabel akan ditampilkan tanpa batas. Kadang-kadang ini dapat berguna, tetapi sebagian besar waktu, kita ingin menunjukkan perbatasan.
Untuk menampilkan tabel dengan perbatasan, menentukan atribut border:

<table border="1"> <tr> <td>Row 1, cell 1</td> <td>Row 1, cell 2</td> </tr> </table>

---

HTML Tabel Header

Informasi header dalam sebuah tabel didefinisikan dengan tag <th>.
Semua browser utama akan menampilkan teks dalam elemen <th> sebagai berani dan terpusat.

<table border="1"> <tr> <th>Header 1</th> <th>Header 2</th> </tr> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table>

Bagaimana kode HTML di atas terlihat pada browser Anda:

Header 1	Header 2
baris 1, sel 1	baris 1, sel 2
baris 2, sel 1	baris 2, sel 2

 sumber : http://w3schools.com/html/html_tables.asp

 Hyperlink (Link)


Sebuah hyperlink (atau link) adalah kata, kelompok kata, atau gambar yang dapat Anda klik untuk melompat ke dokumen baru atau bagian baru dalam dokumen ini.
Bila Anda memindahkan kursor ke suatu link di halaman web, tanda panah akan berubah menjadi tangan kecil.
Link yang ditentukan dalam HTML menggunakan tag <a>.
Tag <a> dapat digunakan dalam dua cara:

1. Untuk membuat link ke dokumen lain, dengan menggunakan atribut href
2. Untuk membuat bookmark dalam dokumen, dengan menggunakan nama atribut

---

Sintaks HTML Tautan

Kode HTML untuk link sederhana. Ini terlihat seperti ini:

<a href="url">Link text</a>

Atribut href menentukan tujuan link.

Contoh

<a href="http://www.w3schools.com/">Visit W3Schools</a>

yang akan menampilkan seperti ini: W3Schools Kunjungi
Mengklik hyperlink ini akan mengirim pengguna ke situs W3Schools '.
Tip: The " teks link "tidak harus berupa teks. Hal ini dapat menjadi gambar atau elemen HTML lainnya.

---

HTML Link - Atribut Target

Atribut target menentukan di mana untuk membuka dokumen yang terhubung.
Contoh di bawah ini akan membuka dokumen terkait dalam jendela browser baru atau tab baru:

Contoh <a href="http://www.w3schools.com/" target="_blank">Visit W3Schools!</a>

---

HTML Link - Atribut Nama

Atribut name menentukan nama anchor.
Atribut name digunakan untuk membuat bookmark dalam dokumen HTML.
Catatan: Standar HTML5 mendatang menyarankan menggunakan atribut id bukan nama atribut untuk menentukan nama anchor. Menggunakan atribut id benar-benar bekerja juga untuk HTML4 di semua browser modern.
Bookmark tidak ditampilkan dalam cara khusus. Mereka terlihat bagi pembaca.

Contoh

Sebuah named anchor dalam sebuah dokumen HTML:

<a name="tips">Useful Tips Section</a>

Buat link ke "Bagian Tips Berguna" di dalam dokumen yang sama:

<a href="#tips">Visit the Useful Tips Section</a>

Atau, membuat link ke "Bagian Tips Berguna" dari halaman lain:

<a href="http://www.w3schools.com/html_links.htm#tips"> Visit the Useful Tips Section</a>

sumber : http://w3schools.com/html/html_links.asp

HTML IMAGE

Gambar HTML - Tag <img> dan Atribut Src

Dalam HTML, gambar didefinisikan dengan tag <img>. 
Tag <img> kosong, yang berarti bahwa itu hanya berisi atribut, dan tidak memiliki tag penutup.
Untuk menampilkan sebuah gambar pada halaman, Anda perlu menggunakan atribut src. Src singkatan dari "sumber". Nilai dari atribut src adalah URL dari gambar yang ingin ditampilkan.
Sintaks untuk mendefinisikan gambar:

<img src="url" alt="some_text"/>

URL poin ke lokasi di mana gambar disimpan. Sebuah gambar bernama "boat.gif", yang terletak di direktori "images" pada "www.w3schools.com" memiliki URL: http://www.w3schools.com/images/boat.gif.
Browser menampilkan gambar di mana tag <img> terjadi dalam dokumen. Jika Anda menempatkan tag gambar antara dua paragraf, browser menunjukkan paragraf pertama, kemudian gambar, dan kemudian paragraf kedua.

---

Gambar HTML - Atribut Alt

Atribut alt diperlukan menentukan sebuah teks alternatif untuk gambar, jika gambar tidak dapat ditampilkan.
Nilai atribut alt adalah seorang penulis-didefinisikan teks:

<img src="boat.gif" alt="Big Boat" />

Atribut alt menyediakan informasi alternatif bagi gambar jika pengguna untuk beberapa alasan tidak bisa melihatnya (karena koneksi yang lambat, kesalahan dalam atribut src, atau jika pengguna menggunakan pembaca layar).

---

Gambar HTML -Mengatur Tinggi dan Lebar dari suatu Gambar

Tinggi dan atribut lebar digunakan untuk menentukan tinggi dan lebar dari suatu gambar.
Nilai atribut yang ditetapkan dalam piksel secara default:
<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228" />

Sumber : http://w3schools.com/html/html_images.asp

control images

Perangkat mobile yang berbeda memiliki kemampuan tampilan yang berbeda.
Kontrol Gambar memungkinkan pengembang untuk menentukan berbagai jenis gambar untuk berbagai jenis perangkat.

Background

fungsinya adalah untuk mengatur apakah gambar latar belakang tetap atau gulungan dengan sisa halaman.

Sintak :

background: color position size repeat origin clip attachment image;

Nilai	Keterangan	CSS
background-color	Menentukan warna latar belakang yang akan digunakan	1
background-position	Menentukan posisi gambar latar belakang	1
background-ukuran	Menentukan ukuran gambar latar belakang	3
background-repeat	Menentukan bagaimana untuk mengulang gambar latar belakang	1
background-asal	Menentukan area posisi gambar latar belakang	3
background-klip	Menentukan area lukisan gambar latar belakang	3
background-attachment	Menentukan apakah gambar latar belakang tetap atau gulungan dengan sisa halaman	1
background-image	Menentukan SATU atau LEBIH gambar latar belakang untuk digunakan	1

Sumber : http://www.w3schools.com/cssref/css3_pr_background.asp

PEMROGRAMAN BASIS DATA (pertemuan 1-14)

PEMROGRAMAN BASIS DATA 2

          Basis data (bahasa Inggris: database), atau sering pula dieja basisdata, adalah kumpulan informasi yang disimpan di dalam komputer secara sistematik sehingga dapat diperiksa menggunakan suatu program komputer untuk memperoleh informasi dari basis data tersebut. Perangkat lunak yang digunakan untuk mengelola dan memanggil kueri (query) basis data disebut sistem manajemen basis data (database management system, DBMS). Sistem basis data dipelajari dalam ilmu informasi.

             Istilah "basis data" berawal dari ilmu komputer. Meskipun kemudian artinya semakin luas, memasukkan hal-hal di luar bidang elektronika, artikel ini mengenai basis data komputer. Catatan yang mirip dengan basis data sebenarnya sudah ada sebelum revolusi industri yaitu dalam bentuk buku besar, kuitansi dan kumpulan data yang berhubungan dengan bisnis.

             Konsep dasar dari basis data adalah kumpulan dari catatan-catatan, atau potongan dari pengetahuan. Sebuah basis data memiliki penjelasan terstruktur dari jenis fakta yang tersimpan di dalamnya: penjelasan ini disebut skema. Skema menggambarkan obyek yang diwakili suatu basis data, dan hubungan di antara obyek tersebut. Ada banyak cara untuk mengorganisasi skema, atau memodelkan struktur basis data: ini dikenal sebagai model basis data atau model data. Model yang umum digunakan sekarang adalah model relasional, yang menurut istilah layman mewakili semua informasi dalam bentuk tabel-tabel yang saling berhubungan dimana setiap tabel terdiri dari baris dan kolom (definisi yang sebenarnya menggunakan terminologi matematika). Dalam model ini, hubungan antar tabel diwakili denga menggunakan nilai yang sama antar tabel. Model yang lain seperti model hierarkis dan model jaringan menggunakan cara yang lebih eksplisit untuk mewakili hubungan antar tabel.

       Istilah basis data mengacu pada koleksi dari data-data yang saling berhubungan, dan perangkat lunaknya seharusnya mengacu sebagai sistem manajemen basis data (database management system/DBMS). Jika konteksnya sudah jelas, banyak administrator dan programer menggunakan istilah basis data untuk kedua arti tersebut.

Materi kulaih PBD 2 : klik disini!

TEKNIK DOKUMENTASI APLIKASI (pert - 2)

Resume TDA
pertemuan 2
Dosen : Ayuningtyas, S. Kom. M. MT


Dokumen Perencanaan Proyek (Project Plan)
detil yang menunjukkan strategi untuk dapat menyelesaikan proyek. Outline-nya bisa berupa tahapan-tahapan fase  dan langkah demi langkah kerja.

1.      Pengantar

•   Deskripsi masalah,

•   Deskripsi lingkungan masalah,

•   Tujuan client, organisasi dan sistem,

•   Solusi dan ruang lingkupnya.

2.      Proposal

•   Fungsi yang diberikan pada solusi yang diajukan.

•   Strategi umum untuk pengambangan solusi.

•   Peran pengguna dan perangkat keras pada solusi

•   Keuntungan dan kerugian solusi tersebut

3.      Keterbatasan Sistem (Constrain)

•   Prioritas customer

•   Profil penggunq

•   Usia pengharapan produk

•   Pra-syarat kendala (reliabilitas)

•   Pra-syarat kinerja

•   Solusi Alternatif

•   Solusi feasible

•   Ketersediaan pada lingkungan pengguna

4.      Estimasi

•   Jadwal

•   Staf dan Organisasi

•   Budget

•   Analisis Cost/Benefit

•   Analisis resiko

•   Dokumen yang diberika

•   Perangkat lunak yang dibutuhkan

•   Fasilitas dan perangkat keras yang dibutuhkan

5.      Prosedur

•   Model Proses

•   Metodologi dan notasi

•   Standardisasi dan jaminan kualitas

•   Accountability monitoring

•   Kendali produk

•   Data pengujian dan sumber data

•   Kriteria akseptansi dan metoda pembayaran

6.      Referensi

•   Dokumentasi yang digunakan dalam pengembangan

•   Kamus istilah

•   Kontrak yang diusulkan

Sumber : http://adang.staff.gunadarma.ac.id/Downloads/files/344/Dokumentasi.ppt

Dokumentasi Desain (Outline Spesifikasi Desain)

Konsep dan Prinsip Berorientasi Objek

Unified Modeling Language (UML) adalah himpunan struktur dan teknik untuk pemodelan desain program berorientasi objek (OOP) serta aplikasinya. UML adalah metodologi untuk mengembangkan sistem OOP dan sekelompok perangkat tool untuk mendukung pengembangan sistem tersebut.UML mulai diperkenalkan oleh Object Management Group, sebuah organisasi yang telah mengembangkan model, teknologi, dan standar OOP sejak tahun 1980-an. Sekarang UML sudah mulai banyak digunakan oleh para praktisi OOP. UML merupakan dasar bagi perangkat (tool) desain berorientasi objek dari IBM.

UML adalah suatu bahasa yang digunakan untuk menentukan, memvisualisasikan, membangun, dan mendokumentasikan suatu sistem informasi. UML dikembangkan sebagai suatu alat untuk analisis dan desain berorientasi objek oleh Grady Booch, Jim Rumbaugh, dan Ivar Jacobson. Namun demikian UML dapat digunakan untuk memahami dan mendokumentasikan setiap sistem informasi. Penggunaan UML dalam industri terus meningkat. Ini merupakan standar terbuka yang menjadikannya sebagai bahasa pemodelan yang umum dalam industri peranti lunak dan pengembangan sistem.

Sumber : http://ndahpuji.blogspot.com/2010/10/dokumentasi-desain-outline-spesifikasi.html

dokumentasi pengembangan sistem
Dokumentasi sistem adalah pendukung pengendalian. Pendukung pengendalian berupa pengembangan sistem. Format khusus dari dokumentasi pengembangan sistem biasanya di sebut dalam standar-standar dokumentasi pengembangan sistem organisasi.

		Contoh pengendalian-pengendalian dokumentasi dalam siklus hidup pengembangan sistem
Tahap						Dokumentasi
Perancangan dan analisis sistem						Studi kelayakan
						Diagram arus logis
						Kamus-kamus data
						Spesifikasi pemakai
						Perancangan konseptual
Perancangan sistem						Laporan perancangan sistem
						Bagan arus
						Tabel kepuusan
						Deskripsi program
						Prosedur-prosedur operasi
						Menjalankan manual
						Deskripsi file
						Prosedur-prosedur masukan data
Implementasi, evaluasi, dan						Perancanaan pengubahan
pengendalian sistem						Perancanaan pengujian
						Skedul operasi
Audit dan penelahaan sistem						Perencanaan audit
						Tanggapan pemakai

aisumber: http://auditsektorpublic.blogspot.com/2010/12/chapter-9pengembangan-sistem-suatu.html Dokumentasi_Mntenance •          Menjelaskan tata cara perawatan dan pengelolaan sistem yang baik. –        Maintenance Manual –        Trouble shooting manual –        Tingkat kerusakan uang ditulis biasanya hanyalah sampai pada level yang ringan dan tak perlu penanganan khusus. Dokumentasi Source Code seorang programmer, yang menginginkan dokumentasi kode program yang anda buat, Doxygen merupakan salah satu tools yang dapat anda gunakan untuk menghasilkan dokumentasi secara otomatis. Doxygen dapat membuatkan dokumentasi kode program bahasa C++, C, Java, Objective-C, Python, IDL (Corba dan Microsoft flavors), Fortran, VHDL, PHP, C#, dan lainnya. Hasil dokumentasi yang dibuat oleh Doxygen dapat berupa html, LaTeX, serta beberapa format lainnya. Standar Dokumentasi Standar dokumentasi berbeda dengan standar proses pengembangan (SDLC). Semua pengembangan software, baik yang dilakukan oleh pihak internal maupun cara outsource harus membuat dokumentasi sesuai standar tersebut. Hal yang harus diingat adalah: Jangan membuat standar dokumentasi yang bentuknya tidak biasa. Saya sarankan untuk mengadopsi dari suatu standar, lalu lakukan penyesuaian minor. Untuk pemodelannya, saya menganjurkan untuk menggunakan UML secara penuh. Sumber : http://kupalima.wordpress.com/2008/04/02/standar-dokumentasi-pengembangan-software/

PEMROGRAMAN WEB (pert - 1)

RESUME PEMROGRAMAN WEB
PERTEMUAN 1
Dosen : Kurniawan Jatmika. S. Kom

HTML

• HTML adalah bahasa untuk mendeskripsikan halaman web.

     HTML singkatan dari Hyper Text Markup Language
     HTML bukan bahasa pemrograman, adalah bahasa markup
     Sebuah bahasa markup adalah seperangkat tag markup
     HTML menggunakan tag markup untuk menjelaskan halaman web

• Tag HTML

      HTML markup tag biasanya disebut tag HTML

     Tag HTML adalah kata kunci dikelilingi oleh sudut kurung seperti <html>
     Tag HTML biasanya datang dalam pasangan seperti <b> dan </ b>
     Tag pertama dalam pasangan adalah tag pembuka, tag kedua adalah tag akhir
     Mulai dan tag akhir juga disebut tag pembuka dan tag penutup

• Dokumen HTML = Halaman Web

     Dokumen HTML menjelaskan halaman web
     Dokumen HTML berisi tag HTML dan teks biasa
     Dokumen HTML juga disebut halaman web

Tujuan dari web browser (seperti Internet Explorer atau Firefox) adalah untuk membaca dokumen HTML dan menampilkannya sebagai halaman web. Browser tidak menampilkan tag HTML, tetapi menggunakan tag untuk menafsirkan isi dari halaman tersebut:
______________________________________________________________________________
<html>
<body>

<h1> My First Heading </ h1>

<p> paragraf pertama saya </ p>.

</ body>
</ html>_______________________________________________________________________________

Penjelasan Contoh

     Teks di antara <html> dan </ html> menjelaskan halaman web
     Teks di antara <body> dan </ body> adalah isi halaman yang terlihat
     Teks di antara <h1> dan </ h1> ditampilkan sebagai judul
     Teks di antara <p> dan </ p> ditampilkan sebagai sebuah paragraf

Sumber : http://w3schools.com/html/html_intro.asp


CSS

• Apa itu CSS?

     CSS singkatan dari Cascading Style Sheets
     Styles mendefinisikan bagaimana menampilkan elemen HTML
     Styles ditambahkan ke HTML 4.0 untuk memecahkan masalah
     Style Sheets Eksternal dapat menghemat banyak pekerjaan
     Style Sheets Eksternal disimpan dalam file CSS

• Demo CSS

HTML tidak pernah dimaksudkan untuk berisi tag untuk memformat dokumen.

HTML itu dimaksudkan untuk menentukan isi dari sebuah dokumen, seperti:
______________________________________________________________
<h1> Ini adalah heading </ h1>

<p> Ini adalah sebuah paragraf. </ p>

______________________________________________________________

Ketika tag seperti <font>, dan atribut warna ditambahkan dengan spesifikasi HTML 3.2, mulai mimpi buruk bagi pengembang web. Pengembangan situs web yang besar, dimana font dan informasi warna yang ditambahkan ke setiap halaman, menjadi proses yang panjang dan mahal.

Untuk mengatasi masalah ini, Web Consortium Dunia Luas (W3C) menciptakan CSS.

Dalam HTML 4.0, format semua bisa dihapus dari dokumen HTML, dan disimpan dalam file CSS yang terpisah.

Semua browser mendukung CSS hari ini.

• CSS Menyimpan Banyak Kerja!

CSS mendefinisikan CARA elemen HTML yang akan ditampilkan.

Gaya biasanya disimpan dalam file css eksternal.. Style sheet eksternal memungkinkan Anda untuk mengubah tampilan dan tata letak semua halaman dalam sebuah situs Web, hanya dengan mengedit satu file tunggal!

Sumber : http://w3schools.com/css/css_intro.asp

SCRIPTING

Scripting adalah bahasa pemrograman yang memungkinkan kontrol satu atau lebih aplikasi. "Script" adalah berbeda dari kode inti aplikasi, karena mereka biasanya ditulis dalam bahasa yang berbeda dan sering dibuat atau setidaknya dimodifikasi oleh pengguna akhir. [1] Naskah sering ditafsirkan dari kode sumber atau bytecode, sedangkan aplikasi biasanya pertama dikompilasi ke kode mesin asli.

Sumber : http://en.wikipedia.org/wiki/Scripting_language

TEKNIK DOKUMENTASI APLIKASI (pert - 1)

TDA - RESUME  PERTEMUAN 1
Dosen : Ayuningtyas, S.Kom.,M.MT.,- MOS

Software Crisis

Software Crisis adalah istilah yang digunakan untuk menggambarkan dampak kenaikan pesat dalam kemampuan komputer dan kompleksitas masalah yang dapat ditangani. Pada intinya, itu mengacu pada kesulitan menulis yang benar, program komputer dimengerti, dan dapat diverifikasi. Akar krisis perangkat lunak kompleksitas, harapan, dan perubahan. Berbagai proses dan metodologi telah dikembangkan selama beberapa dekade terakhir untuk "menjinakkan" krisis perangkat lunak, dengan berbagai tingkat keberhasilan. Namun, secara luas disepakati bahwa tidak ada "peluru perak" - yaitu, tidak ada pendekatan tunggal yang akan mencegah overruns proyek dan kegagalan dalam semua kasus. Secara umum, proyek perangkat lunak yang besar, rumit, buruk-ditentukan, dan melibatkan aspek asing, masih sangat rentan untuk besar, masalah yang tak terduga.


sumber : klik disini!


Aplikasi

Aplikasi adalah program yang digunakan orang untuk melakukan sesuatu pada sistem komputer, meskipun aplikasi disertakan sebagai bagian dari sistem operasi. Dibedakan dari lapisan umum sistem operasi yang menjalankan komputer secara langsung. Selanjutnya ia bisa dikatakan bahwa semua aplikasi adalah program, tapi tidak semua program adalah aplikasi.

sumber : klik disini !

Dokumentasi

Dokumen adalah suatu catatan yang dapat dibuktikan atau dijadikan bukti dalam suatu masalah atau persoalan. Sedangkan dokumentasi adalah kegiatan atau proses pekerjaan mencatat atau merekam suatu peristiwa dan objek atau aktifitas yang dianggap berharga dan penting.

Dalam berbagai segi kehidupan mulai dari yang terkecil seperti RT ( rumah tangga ) sampai ke kelompok yang lebih besar seperti suatu organisasi atau suatu perusahaan bahkan suatu negara atau pemerintahan kegiatan dokumentasi ini memegang peranan yang sangat penting.

Membuat suatu dokumentasi memang akan menghabiskan waktu dan mungkin membosankan dan mungkin juga kita akan bertanya tanya mengapa kita harus menghabiskan waktu untuk membuat dokumentasi sementara kita sudah disibukkan dengan perkerjaan pekerjaan rutin. Kenyataannya dengan mempunyai dokumentasi yang baik kita akan mendapatkan sejumlah keuntungan seperti:

1. Dokumentasi bisa menjadi penolong saat terjadi suatu masalah, dokumentasi akan berfungsi sebagai referensi untuk memandu kita dalam melakukan atau mencari penyelesaian suatu masalah.
2. Dalam suatu bidang pekerjaan dokumentasi bisa berfungsi membantu dalam melatih karyawan baru, karyawan baru akan lebih cepat belajar jika ada dokumentasi yang rinci sebagai referensi sehingga akan menghemat waktu dan biaya.

 sumber : klik disini !