Wednesday, March 31, 2010

Membuat Halaman Login Form Sederhana (Tanpa DataBase)


Ingin membuat sebuah login form sederhana seperti di bawah ini? di mana aplikasi web ini bisa berfungsi untuk menerima masukan dari user, ataupun saat administrator butuh masuk pada sistem. Tentunya memerlukan login form.

Pada aplikasi web, teknik pengiriman form dapat dilakukan melalui tiga
metode: POST, GET, dan kombinasi keduanya. Dalam konteks PHP,
parameter-parameter GET dapat dibaca melalui superglobal $_GET,
sedangkan POST melalui $_POST. Selain itu, keduanya juga dapat dibaca menggunakan $_REQUEST.

Berikut akan ditulis cara membuat sebuah login form sederhana menggunakan html. Dengan tampilan sebagai berikut:


dan kemudian diisi dengan user dan password dengan tampilan berikut (pada kali ini penulis menggunakan contoh password standart 00000 yang user dan passwordnya akan dapat di ubah pada file admin.php:





Berikut adalah kode html yang harus dibuat disimpan dengan nama ame6.html:




jangan lupa juga membuat file css-nya disimpan dengan nama ame.css:



berikut adalah file php nya yang digunakan sebagai penyimpan data user dan login password di file inilah dapat mengubah password dan usernya. simpan dengan nama admin.php:


Kemudian buat file javasriptnya yang disimpan dengan nama javasript.js:




Pada form ini jika berhasil melakukan login maka akan muncul halaman konfirmasi keberhasilan memasuki sistem sebagai berikut:

dan jika gagal maka akan muncul konfirmasi adanya kesalahan dalam login user. dan jika di klik perintah kembali maka akan kembali ke form login awal :



Terimakasih, karena mungkin dalam tulisan ini masih banyak kesalahan mohon dimaklumi karena kita semua masih berada dalam taraf belajar.

read more...

Wednesday, March 3, 2010

Membuat layout dan web sederhana menggunakan CSS




Membuat halaman web agar lebih mudah dapat memanfaatkan Cascading Style Sheet atau akrab disebut dengan CSS. Dengan CSS, akan mempermudah kita dalam mendesain layout untuk web dengan lebih ringan. Untuk dapat membuat tampilan layout web seperti berikut dengan mengunakan CSS:





Yang pertama dilakukan adalah dengan membuat CSS sebagai berikut, yang disimpan dengan nama modul3_1.css (untuk nama file bisa dirubah sesuai dengan kebutuhan asal tetap dengan ekstensi file .css/ pada tulisan ini nama tersebut hanyalah sebagai contoh)





Lalu kemudian ketikkan kode html berikut:





Setelah selesai layout telah siap dan dapat segera di edit sesuai dengan kebutuhan web yang diperlukan. Berikut ini adalah sedikit contoh untuk mengisi layout-layout tersebut, menjadi sebuah halaman web dengan tampilan berikut ini:





Tidak berbeda jauh dengan sebelumnya awal membuatnya pun dengan membuat file CSS sebagai berikut: (dalam tulisan ini file disimpan dengan nama modul3_2.css)


Lalu buat kode html berikut:


Pastikan gambar yang digunakan dalam desain web anda telah disimpan dalam folder yang sama dengan kode html dan css-nya.

Dalam tulisan kali ini, penulis masih menemukan kelemahan yakni belum validnya halaman web yang telah dibuat, mohon dimaklumi. Jika ada yang bisa bertukar ilmu dan berkenan memberi tahu dimana letak kesalahannya terimakasih sebelumnya.Kita selalu belajar sebagai manusia dan terus saling melengkapi.

read more...

Friday, February 26, 2010

Cermin Negeriku Kini



Ingin kutulis sebait cerita dan berbagi dengan kalian. Sebuah kisah tentang negeriku kini. Negri yang dulu mempunyai kebanggaan. Nusantara yang terbentang dalam sumpah palapa sang patih. Negri yang menjunjung adat ketimuran. Nilai moral yang melandasi berbagai kebudayaan. Negeri dengan kekayaan alam yang melimpah.


Negeriku kini telah merdeka katanya. Tapi coba tengok, itu kebanggaan pada 1945, sekarang, terlalu banyak rakyatnya menahan lapar, mengais rejeki dengan berbagai cara. Anak-anaknya masih banyak tak mampu mengenyam dunia pendidikan. Itu hanya sebagian kecil citra negeriku kini.


Mereka yang dipilih dan disumpah atas nama rakyat sebagian ada yang lupa untuk apa mereka duduk di atas sana. Berbagai cara dilakukan hanya terkadang untuk mencari harta yang semestinya dialirkan ke rakyat.


Lebih ingin meratap lagi ibu pertiwi ketika kita menengok akan generasi muda. Banyak yang berprestasi namun banyak pula yang gak jelas. Kehilangan nilai dan norma ketimuran. Mengadaptasi liberalisme sebagai cermin budaya hidup.


Lalu, aku hanya mampu terdiam dan bingung karena mungkin aku juga salah satu yang tak mampu memberi persembahan bagi negeri ku kini. Negeri yang indah dan kaya tapi masih banyak rakyatnya yang menderita.

read more...

Wednesday, February 24, 2010

Membuat Tabel dan Grafik Sederhana


Membuat grafik secara sederhana untuk web dapat memanfaatkan tag
yang contoh tampilannya adalah sebagai berikut.




Berikut adalah contoh kode html untuk membuat grafik


Sedang untuk membuat suatu tabel dengan pengelompokan dapat menggunakan tag untuk pengelompokan berdasarkan kolom dan untuk pengelompokan berdasarkan baris.berikut adalah contoh tampilannya.




Berikut adalah kode html untuk membuat tabel


read more...

Saturday, February 20, 2010

Rekayasa Perangkat Lunak



Perangkat lunak

Pengertian perangkat lunak itu sendiri yakni merupakan program komputer yang berfungsi sebagai sarana interaksi antara pengguna dan perangkat keras. Perangkat lunak dapat juga dikatakan sebagai 'penterjemah' perintah-perintah yang dijalankan pengguna komputer untuk diteruskan ke atau diproses oleh perangkat keras.

Perangkat lunak dapat dikategorikan menjadi tiga. Yakni:

  1. Tingkatan program aplikasi (application program misalnya OpenOffice.org),

  2. Tingkatan sistem operasi (operating system misalnya Ubuntu),

  3. Tingkatan bahasa pemrograman (yang dibagi lagi atas bahasa pemrograman tingkat tinggi seperti Pascal dan bahasa pemrograman tingkat rendah yaitu bahasa rakitan).

Karakteristik Perangkat Lunak

1.Perangkat lunak merupakan produk yang lebih mengorientasikan penekanan pada kegiatan rekayasa dibandingkan kegiatan manufacturing.

2.Perangkat lunak bukanlah produk yang dapat usang untuk kemudian dibuang seperti perangkat keras.

Rekayasa Perangkat Lunak

Rekayasa perangkat lunak merupakan suatu disiplin ilmu yang membahas semua aspek produksi perangkat lunak, mulai dari tahap awal requirement capturing (analisa kebutuhan pengguna), specification (menentukan spesifikasi dari kebutuhan pengguna), desain, coding, testing sampai pemeliharaan sistem setelah digunakan.

Selain itu rekayasa perangkat lunak juga dapat diartikan sebagai teknik pengembangan perangkat lunak yang telah ada untuk kemudian dihasilkan sebuah perangkat lunak yang lebih efektif, efisien, dan memudahkan penggunaannya.


Mitos Perangkat Lunak
  1. Mitos Manajemen

    Salah satu contoh mitos yang terjadi:

    Mitos : Jika kita mentaati jadual, kita dapat menambah programmer dan mengejar ketinggalan (Konsep Mongolian Horde)

    Kenyataan : Pengembangan PL bukan proses mekanik seperti manufaktur. Brooks menyatakan, “Menambah orang dalam proyek PL yang sudah ketinggalan akan membuatnya semakin ketinggalan.” Karena semakin banyak pendatang baru, personil lama harus menggunakan waktu untuk membimbing mereka, sehingga akan mengurangi waktu dalam pengembangan produksi. Orang bisa ditambahkan, tapi harus dengan waktu dan cara yang sudah terkoordinasi dengan baik.

  2. Mitos Pelanggan

    Salah satu contoh mitos yang terjadi:

    Mitos : Kebutuhan proyek berubah terus, tapi perubahan tersebut bisa diakomodasi dengan mudah karena PL bersifat fleksibel.

    Kenyataan : Jika ada perhatian serius pada definisi awal, perubahan dapat diakomodasi dengan mudah. Jika perubahan terjadi selama proses perancangan, biaya meningkat dengan cepat. Jika perubahan setelah launching, biayanya bisa lebih mahal daripada membuat baru.

  3. Mitos Praktisi

    Salah satu contoh mitos yang terjadi:

    Mitos : Sekali kita menulis program dan membuatnya bekerja, pekerjaan selesai.

    Kenyataan : Lebih cepat kita mulai coding, makin lama selesainya. Antara 60-80% usaha yang dilakukan pada sebuah program akan terus dilakukan sampai program diantar ke konsumen utk pertama kalinya.

EVOLUSI PERANGKAT LUNAK

1. Era Pioner

Pada era ini, perangkat lunak merupakan satu kesatuan dengan perangkat kerasnya. Penggunaan komputer oleh user dilakukan secara langsung. semua hasil proses yang dikerjakan oleh komputer diprint out.

2. Era Stabil

Pada era ini mulai di kenal sistem basis data, yang memisahkan antara program (pemroses) dengan data (yang di proses). Pada era ini sebuah perangkat lunak yang dijalankan oleh komputer sudah bisa menjalankan perintah multitasking dan mampu melayani multi user.

3. Era Mikro

pada era ini sudah mulai muncul perangkat lunak sistem, yang mampu menangani perangkat lunak aplikasi yang digunakan dalam komputer untuk membantu melakukan suatu pekerjaan tertentu dan dapat digunakan oleh user secara langsung. pada era ini, sudah mulai kelihatan tanda-tanda berkembangnya kecerdasan buatan.

4. Era Modern

Pada era ini, perangkat lunak sudah digunakan oleh banyak orang. Pembuatan perangkat lunak juga bukan hanya kegiatan yang khusus dilakukan oleh beberapa orang ahli saja, namun juga telah mulai banyak dipelajari dan dilakukan oleh banyak orang. Sehingga perkembangan dan kreatifitas di bidang perangkat lunak juga terus berkembang dengan cepat, diantaranya perangkat lunak telah mampu mengenali suara, gambar, gerak, dll.

SOFTWARE PROCESS

Sofware proses merupakan Sekumpulan aktifitas terstruktur yang dibutuhkan untuk mengembangkan sistemsoftware yang terdiri dari:

o Spesifikasi

o Desain

o Validasi

o Evolusi

Model proses software adalah representasi abstrak dari proses. Merupakan gambaran dari proses dari beberapa perspektif tertentu

MODEL-MODEL PERANGKAT LUNAK

1.Model konvensional

Model konvensional diartikan sebagai sebuah pemodelan perangkat lunak yang telah ditemukan terdahulu. Namun demikian bukan berarti model-model konvensional ini tidak dapat digunakan lagi. Model-model konvensional ini tetap dapat digunakan, namun mungkin memiliki beberapa kekurangan dibandingkan model evolusioner yang telah diperbaharui.

a. Model Waterfall

Model ini mengusulkan sebuah pendekatan kepada perkembangan software yang sistematik dan sekuensial yang mulai pada tingkat dan kemajuan sistem pada seluruh analisis, desain, kode, pengujian, dan pemeliharaan. Dimodelkan setelah siklus rekayasa konvensional, model waterfall melingkupi aktivitas-aktivitas sebagai berikut:rekayasa dan pemodelan sistem, analisis kebutuhan software, desain, generalisasi kode, pengujian, pemeliharaan.


2.Model evolusioner

Model ini berdasarkan pada ide pengembangan pada implementasi awal yang akan menghasilkan komentar pemakai sehingga dapat dilakukan perbaikan melalui banyak versi sampai sistem yang mencukupi dapat dikembangan. Selain memiliki aktivitas-aktivitas yang terpisah model ini memberikan feedback dengan cepat dan serentak.

Tipe Model Evolusioner

a.Pemrograman Evolusioner

bekerjasama dengan user untuk menghasilkan kebutuhan-kebutuhan dan menyampaikan sistem akhir kepada user.

b.Pemodelan

Model/contoh difokuskan pada penelitian bagian-bagian kebutuhan user yang kurang dimengerti.

Kelebihan

Lebih efektif daripada pendekatan waterfall untuk hal pengembangan perangkat lunak yang harus dengan segera dapat memenuhi kebutuhan costumer.

Kekurangan (dari segi teknik) :

  • proses tidak visibel

  • sistem biasanya kurang terstruktur

  • ketrampilan khusus jarang dimiliki

a.Spiral Boehm

Pendekatan alternatif diusulkan oleh Boehm (1988). Boehm mengusulkan sebuah model yang secara eksplisit menjelaskan bahwa resiko yang disadari mungkin membentuk dasar model proses umum.Model Boehm bebrbentuk spiral. Setiap loop mewakili sebuah tahap dari proses perangkat lunak.

Tidak ada tahap yang tetap dalam model ini. Manajemen harus memutuskan bagaimana membentuk proyek kedalam tahap-tahap. Perusahaan biasanya bekerja dengan beberapa model umum dengan tahap tambahan untuk proyek khusus atau ketika masala-masalah ditemukan selama pembuatan proyek.

Setiap loop dibagi dalam 4 sektor,yaitu:Pembuatan tujuan,Perkiraan dan pengurangan resiko,Pengembangan dan validasi,Perencanaan.

b.Prototipe

Prototipe dimulai dengan pengumpulan kebutuhan. Pengembang dan pelanggan bertemu dan mendefinisikan objektif keseluruh dari software, mengidentifikasi segala kebutuhan yang diketahui, dan area garis besar dimana definisi lebih jauh merupakan keharusan kemudian dilakukan ”perancangan kilat”. Perancangan kilat berfokus pada penyajian dari aspek-aspek software tersebut yang akan nampak bagi pelanggan. Perancangan kilat membawa kepada konstruksi sebuah prototipe. Prototipe tersebut dievaluasi oleh pelanggan dan dipakai untuk menyaring kebutuhan pengembangan software. Iterasi terjadi pada saat prototipe disetel untuk memenuhi kebutuhan pelanggan, dan pada saat yang sama memungkinkan pengembang untuk secara lebih baik memahami apa yang harus dilakukannya.


Dikutip dari berbagai sumber.




read more...

Tuesday, February 16, 2010

Membuat Desain Halaman Web Sederhana

Membuat halaman web secara sederhana tidaklah sesulit yang dibayangkan.Berikut ini akan dipaparkan bagaimana cara membuat desain halaman web yang sederhana. Di mana pada desain halaman web ini akan disertakan bagaimana membuat background halaman web, menyisipkan garis, membuat paragraf, dan menyisipkan gambar dengan border.
Berikut adalah kode html untuk membuat desain halaman web sederhana



Berikut adalah hasil desain halaman web sederhana berdasarkan kode html yang dibuat.


read more...