Tugas Akhir Sistem Informasi Akademik Berbasis Web Bab I

BAB I

PENDAHULUAN

A.    Latar Belakang

 Perkembangan Teknologi Informasi di seluruh dunia telah membuat hidup manusia menjadi semakin mudah. Terutama sejak diciptakannya jaringan internet, komunikasi menjadi semakin tidak terbatas dan tanpa hambatan, baik hambatan  geografis maupun hambatan waktu. Kita dapat segera berkomunikasi dengan keluarga /saudara / teman yang berada di belahan dunia lain secara langsung melalui jaringan internet.

Sudah tidak perlu diperdebatkan lagi bahwa perkembangan teknologi komputer sudah sangat maju. Perkembangan teknologi komputer memberikan manfaat yang cukup besar di segala bidang. Teknologi informasi dapat meningkatkan kinerja dan memungkinkan berbagai kegiatan dapat dilaksanakan dengan cepat, akurat dan efisien, sehingga akhirnya akan meningkatkan produktivitas. Perkembangan teknologi informasi memperlihatkan bermunculnya berbagai jenis kegiatan yang berbasis pada teknologi informasi, seperti e-government, e-commerce, e-education, elearning, e-medicine, e-laboratory dan lainnya, yang kesemuanya itu dimaksudkan untuk memudahkan mendapatkan sebuah informasi yang diinginkan seseorang.

Seiring perkembangan teknologi informasi tersebut, tentunya harus bisa dimanfaatkan untuk dapat mengambil keuntungan dari dampak perkembangan teknologi informasi tersebut. Sistem manual yang memiliki banyak kelemahan sudah semestinya ditinggalkan dan beralih kepada sistem informasi yang terkomputerisasi. Sebesar apapun manfaat dari perkembangan teknologi informasi jika tidak dimanfaatkan maka keunggulan atau manfaatnya menjadi tidak berguna. Politeknik Indotec Kendari merupakan salah satu perguruan tinggi swasta di Kendari - Sulawesi Tenggara yang sedang berkembang.

Dalam pelaksanaan selama ini, Sistem Informasi Akademik masih menggunakan sistem manual Hal ini juga  dapat membuat bagian Akademik/Front Office.besar kemungkinan untuk menjadi kurang teliti karena banyaknya mahasiswa yang harus dilayani, hal ini memungkinkan terjadinya kesalahan mermasukkan data ketika proses memasukkan data ke database.

B.     Identifikasi Masalah

Kemudahan-kemudahan yang dihasilkan oleh jaringan internet ini telah pula membuat proses perkuliahan dapat dipermudah, terutama dalam proses pengisian Kartu Rencana Studi (KRS) Dan Dapat Menampilkan KHS secara online. Karena dengan adanya jaringan internet telah dimungkinkan dibuatnya sistem informasi akademik.

Untuk pembuatan aplikasi secara online, sekarang ini telah tersedia berbagai bahasa pemrograman yang mendukung aplikasi secara online, diantaranya yaitu ASP (Active Server Pages), PHP (PHP: Hypertext Preprocessor), Coldfusion dan Perl. Dalam kesempatan kali ini yang akan penulis gunakan adalah bahasa pemrograman PHP.

C.    Batasan Masalah

Mengingat luas dan kompleksnya permasalahan yang ada pada akademik Politeknik Indotec Kendari, maka Penulis dalam Laporan ini hanya membahas beberapa masalah sebagai berikut :

1.    Input nilai akademik perkuliahan mahasiswa.

2.    Input berita kampus dan jadwal perkuliahan.

3.    Pembuatan database dalam format MySql untuk mendukung sistem pengisian Formulir Rencana Studi secara online.

4.    Registrasi Mahasiswa dengan bahasa pemrograman PHP. Sitem pengisian KRS (kartu rencana studi) online yang dibuat mencakup proses sejak mahasiswa menukarkan bukti pembayaran, sampai mahasiswa mendapatkan bukti pengisian Kartu  Rencana Studi.

D.    Rumusan Masalah

Apabila menggunakan sistem online, mahasiswa dapat memilih sendiri matakuliah yang diinginkannya secara langsung melalui komputer-komputer yang tersedia di laboratorium, warnet bahkan dari rumah masing-masing. Dengan pengisian langsung,

Berdasarkan alasan yang Penulis kemukakan di atas maka rumusan masalah pada laporan yang Penulis buat adalah :

1.    Sistem yang lama mengharuskan mahasiswa untuk datang ke kampus jika ingin melakukan penawaran mata kuliah (KRS).

2.    Sistem yang lama mengharuskan bagian Akademik untuk meng-input-kan data/memindahkan data dari lembaran formulir  pendaftaran & KRS ke komputer, sehingga menyita banyak waktu kerja bagian Akademik

3.     Sistem yang lama mengharuskan mahasiswa untuk datang ke kampus jika ingin mengetahui nilai akademik, jadwal kuliah dan informasi terbaru dari kampus.

E.     Tujuan

Penelitian ini berupaya untuk memperbaiki sistem lama, yang secara manual dan menggantikannya dengan sistem baru, yang barjalan secara online.

F.     Mamfaat

Penggantian sistem ini diharapkan dapat menghemat biaya serta menghemat waktu yang telah dikeluarkan selama proses pengisian Kartu Rencana Studi berlangsung.

Dalam pembuatan tugas akhir ini terdapat mamfaat bagi Mahasiswa, kampus yaitu :

a.      Bagi mahasiswa

1.      Sebagai sarana penerapan ilmu yang diperoleh dibangku kuliah

2.      Tugas proyek melatih penerapan pengetahuan dalam pengumpulan, pengolahan serta menganalisa data.

3.      Tugas proyek melatih kedisiplinan, ketepatan kerja serta kekompakan kerja team.

b.      Bagi kampus

1.      Menguji teori yang telah didapat mahasiswa selama kuliah dan menerapkannya pada tugas proyek yang ditangani.

2.      Sebagai sarana evaluasi dibidang akademik bagi perkembangan dan peningkatan mutu pendidikan sehingga didapat suatu keseimbangan kurikulum yang dibutuhkan pada realita dilapangan kerja.

3.      Menyiapkan mahasiswa yang siap menjadi tenaga kerja yang terampil dan siap pakai untuk bekerja dan bersikap kompetitif positif.

G.    Metode pengumpulan data

        Dalam menunjang pencarian fakta dan pencaria data guna pemecahan masalah yang berkaitan dengan kasus ini, maka di perlukan pemahaman bagaiman sistem tersebut berjalan di perlukam beberapa metoda penelitian untuk memperoleh data yang akurat dan menghasilkan suatu sistem perangkat lunak yang baik. Metode yang digunakan tim tugas proyek kami dalam membuat sistem infomasi akademik politeknik indotec kendari berbasis web adalah :

1.      Observasi

Merupakan metode yang dilakukan dengan cara pengamatan secara langsung terhadap objek yang diteliti. Contoh : KHS, KRS, MATA KULIAH

2.      Interview

Merupakan metode dengan cara tanya jawab atau wawancara secara lansung dengan pihak Pengasuh/Pemimpin dan Pengurus secara lisan.

3.      Referensi Pustaka

Merupakan metode yang dilakukan dengan cara pembahasan referensi buku – buku pedoman yang berkaitan dengan penelitian.

BAB II

GAMBARAN UMUM

POLTEKNIK INDOTEC KENDARI

A.    Profil umum PTS POLITECNIK INDOTEC

Nama Yayasan Pendidikan Lembaga Awal yang didirikan No.  Akte Yayasan Status Tanah berdirinya kampus I a.       Surat kepemilikan tanah b.      Luas Tanah Status Bangunan                              a.       Surat Izin Bagunan b.      Luas Bangunan Jumlah Mahasiswa TA 2010/2011 Data Ruangan Kuliah saat ini a.       Ruangan Teori b.      Rg Lab. Komputer & Perakitan    Kapasitas Ruang Kuliah Dosen dan Tenaga administrsi a.       Jumlah Dosen Keseluruhan           b.      Dosen TetapYayasan c.       Dosen Tidak Tetap d.      Bg. Akademik & Kemahasiswaan e.       Bag. Administrasi & Keuagan f.       Bagian Umum

Yayasan Pendidikan Muslim Moderen  Ketua yayasan, Pembina Yayasan, dst..(terlampir  di struktur organisasi) LPBM Indotec School, Ijin Diknas Provinsi & Kota 17 maret 2008 Berkembang menjadi PTS Politeknik Indotec 14 juli 2009 Alamat : Jl. Sultan Hasanuddin 37 Tlp.  (0401) 3122215   email: polotec_plasa.com, Kota Kendari Provinsi Sulawesi Tenggara No. 9, Tanggal 6 Maret 2006 Hak Milik (sertipikat terlampir) 312 M2 Hak Milik Nomor : 02/IMB-DTB/VII/2006, Tanggal 13 Juli 2006 Lantai III, Luas + 317 M2 327 Orang 6 Ruangan 2 Ruangan 34 Orang per kelas 28 Orang 19 Orang 9 Orang 2 Orang 2 Orang 2 Orang

BAB III

LANDASAN TEORI

A.      Konsep Dasar Sistem

1.      Karakteristik system

Suatu system mempunyai karakteristik atau sifat-sifat tertentu (Jogiyanto, 1999), yaitu :

a.       Konsep system

Suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi dan bekerja sama membentuk suatu kesatuan. Komponen-komponen sistem atau eleman-elemen sistem dapat berupa suatu subsistem atau bagian-bagian system. Setiap subsistem mempunyai sifat-sifat dari sistem untuk menjalankan suatu fungsi tertentu dan mempengaruhi proses sistem secara keseluruhan.

b.      Batas system

Batas sistem (boundary) merupakan daerah yang membatasi antara suatu system dengan system lainnya atau dengan lingkungan luarnya yang memungkinkan suatu system yang dipandang sebagai satu kesatuan. Batas dari system menunjukan ruang lingkup (scope) dari sistem tersebut.

c.       Lingkungan Luar System

Lingkungan luar (environment) dari suatu sistem adalah apapun yang berada diluar batas system yang mempengaruhi operasi sistem.

d.      Penghubung system

Penghubung (interface) merupakan media penghubung antara suatu subsistem dengan subsistem lain.

e.       Masukkan system

Masukkan (input) adalah energi yang di masukkan kedalam sistem.

f.       Keluaran system

Keluar (output) adalah hasil dari energy yang diolah dan di klasifikasikan menjadi keluaran yang berguna dan sisa pembuangan.

g.      Pengolahan System

Pengolahan sistem adalah bagian yang mengubah masukan yang berikan untuk system menjadi keluaran sistem yang digunnakan untuk keperluan tertentu.

h.      Sasaran system

Suatu sistem pasti memiliki suatu tujuan (goal) atau sasaran (objective). Sasaran sistem sangat menentukan masukan yang dibutuhkan system dan keluaran yang akan dihasilkan oleh sistem. Sistem dikatakan berhasil jika mengenai sasaran atau tujuan sistem.

2.      Tahap pengembangan sistem

Dalam pengenmbangan sebuah sistem ada beberapa tahap yang harus dilakukan yaitu:

a.       Tahap studi kelayakan

Pada tahap ini idetifikasi terhadap kebutuhan baru mulai dilakukan. Idetifikasi tidak haya didasarkan pada kebutuha baru yang dikehedaki oleh manajemen tetapi juga harus memperhatikan kebutuhan pada sistem yag sudah ada, baik sistem maual maupu otomatis

b.      Tahap recana pedahuluan

Tahap ini menentukan lingkup proyek atau sistem yang akan ditangani.Lingkup sistem yang ditangani dijabarkan dalam bentuk Diagram Koteks.DAD (Diagram Alir Data) merupakan alat yang biasa dipakai untuk mendokumentasikan proses dalam sistem. DAD menekankan pada fungsi-fungsi didalam sistem

c.       Tahap analisis sistem

Pada tahap ini analis mengumpulkan informasi detail tentang kebutuhan pengguna, pengumpulan kebutuhan pengguna ini biasa dilakukan melalui wawancara, observasi, dan kuesioner, hasil yang didapatkan dipakai untuk menyusun DAD untuk sistem baru.

d.      Tahapan ini dibagi menjadi  dua bagian yaitu

1.              Perancangan basis data

Perancangan basis data merupakan langkah awal untuk mementukan basis data yang diharapkan, yang dapat mewakili seluruh kebutuhan pengguna. Perancangan basis data terdiri atas peranccangan data secara konseptual, logical, fisikal.

2.              Perancangan proses

Perancangan proses merupakan tahap lanjut mengimplementasikan  basis data yang mencakup desain sistem dan pengcodingan program sehingga terbentuk sebuah sistem

B.       Basis Data

Basis data (database) adalah kumpulan dari berbagai data yang saling berhubungan satu dengan lainnya. Basis data tersimpan di perangkat keras, serta dimanipulasi dengan menggunakan perangkat lunak. Pendefinisian basis data meliputi spesifikasi dari tipe data, struktur, dan batasan dari data atau informasi yang akan disimpan. Database merupakan salah satu komponen yang penting dalam sistem informasi, karena merupakan basis dalam menyediakan informasi pada para pengguna.

Mengapa basis data penting Basis data menjadi penting karena munculnya beberapa masalah bila tidak menggunakan data yang terpusat, seperti adanya duplikasi data, hubungan antar data tidak jelas, organisasi data dan update menjadi rumit. Jadi tujuan dari pengaturan data dengan menggunakan basis data adalah :

1.      Menyediakan penyimpanan data untuk dapat digunakan oleh organisasi saat sekarang dan masa yang akan datang.

2.      Cara pemasukan data sehingga memudahkan tugas operator dan menyangkut pula waktu yang diperlukan oleh pemakai untuk mendapatkan data serta hak hak yang dimiliki terhadap data yang ditangani.

3.      Pengendalian data untuk setiap siklus agar data selalu up-to-date dan dapat mencerminkan perubahan spesifik yang terjadi di setiap sistem.

4.      Pengamanan data terhadap kemungkinan penambahan, modifikasi, pencurian dan gangguan-gangguan lain.

C.      DBMS

Penyusunan basis data meliputi proses memasukkan data kedalam media penyimpanan data, dan diatur dengan menggunakan perangkat Sistem Manajemen Basis Data (Database Management System – DBMS). Manipulasi basis data meliputi pembuatan pernyataan (query) untuk mendapatkan informasi tertentu, melakukan pembaharuan atau penggantian (update) data, serta pembuatan report dari data. Tujuan utama DBMS adalah untuk menyediakan tinjauan abstrak dari data bagi user. Jadi sistem menyembunyikan informasi mengenai bagaimana data disimpan dan dirawat, tetapi data tetap dapat diambil dengan efisien. Pertimbangan efisiensi yang digunakan adalah bagaimana merancang struktur data yang kompleks, tetapi tetap dapat digunakan oleh pengguna yang masih awam, tanpa mengetahui kompleksitas struktur data.

D.      Model Data

1.         Entitas (Entity)

Entitas adalah sekumpulan objek yang terdefinisikan yang mempunyai karakteristik sama dan bisa dibedakan satu dan lainnya. Objek dapat berupa barang, orang, tempat atau suatu kejadian. Contoh : entitas mahasiswa, jurusan, nilai ujian.

	Mahasiswa

 

Gambar 2. entitas

2.         Attribut

Attribut adalah deskripsi data yang bisa mengidentifikasikan entitas yang membedakan entitas tersebut dengan entitas yang lain. Seluruh atribut harus cukup untuk menyatakan indentitas obyek, atau dengan kata lain, kumpulan attribut dari setiap entitas dapat mengidentifikasikan keunikan suatu individu. Contoh : entitas Mahasiswa memiliki atribut Nim_Mahasiswa, Nama_Mahasiswa.

 

Gambar 3. Atribut

3.         Relasi

Relasi adalah bagian paling penting dalam suatu basis data. Relasi digunakan untuk membuat hubungan antar entitas yang secara logika berhubungan. Dua entitas yang berbeda dapat memiliki hubungan dengan mengunakan relasi. Contoh : Jika seorang mahasiswa dapat memilih beberapa mata kuliah, maka entitasnya adalah mahasiswa dan mata_kuliah. Relasi ditunjukkan dengan tanda belah ketupat yang diberi nama sesuai nama relasinya. Tipe-tipe Relasi :

Relasi memiliki beberapa tipe, yaitu :

1.      Relasi satu-satu (one to one – 1:1)

Dua entitas memiliki relasi satu-satu jika pada setiap anggota dari satu entitas hanya memiliki hubungan dengan satu anggota pada entitas yang lain. Contoh : Mahasiswa Hanya memilki satu Password

 

                                    1                                        1                      

Gambar 4. Relasi one to one

2.      Relasi Satu-Banyak / Banyak-Satu (one to many – 1:m)

Mahasiswa memilih Bayak Matakuliah . Entitas memiliki relasi satu-banyak apabila semua anggota dari entitas yang pertama memiliki pasangan dengan satu atau lebih anggota pada entitas kedua, dan untuk semua anggota pada entitas yang kedua, hanya memiliki satu. Contoh Mahasiswa dapat memilih banyak matakuliah

 

                        1                                         m

Gambar 5. Relasi one to many

E.       Diagram Konteks Dan diagram Alir Data

a.       Diagram Konteks

Pengertian diagram konteks adalah suatu diagram alir yang tingkat tinggi yang menggambarkan seluruh jaringan, masukan dan keluaran. sistem yang dimaksud adalah untuk menggambarkan sistem yang sedang berjalan. mengidentifikasikan awal dan akhir data awal dan akhir yang masuk dan keluaran sistem.

Diagram ini merupakan gambaran umum sistem yang nantinya akan kita buat. secara uraian mah dapat dikatakan bahwa diagram kontek itu berisi siapa saja yang memberikan data (inputan) kesimstem serta kepada siapa data informasi yang harus dihasilkan sistem. jadi dalam diagram ini yang dibutuhkan adalah : 

1.      Siapa saja pihak yang akan memberikan data ke sistem.

2.      Data apa saja yang diberikannya kesistem

3.      Kepada siapa sistem harus memberikan informasi atau laporan 

4.      Apa saja isi atau jenis laporan yang harus dihasilkan sistem.

Diagram konteks direpresentasikan dengan lingkaran tunggal yang mewakili keseluruhan sistem

             

Gambar 6. Diagram konteks

b.      Diagram Alir Data

Alir Data menggambarkan aliran data dari suatu entitas ke entitas lainnya. Arah panah menggambarkan aliran data. Ada beberapa aliran data, yaitu :

1.      Antara dua proses yang berurutan

2.      Dari penyimpanan data (data store) ke proses dan sebaliknya

3.      Dari source ke proses

4.      Dari proses ke sink

Walaupun DAD mempunyai kelebihan-kelebihan, yaitu dapat menggambarkan sistem secara terstruktur dengan memecah-mecah menjadi level lebih rendah (decomposition), dapat menunjukkan arus data di sistem, dapat menggambarkan proses paralel di sistem, dapat menunjukkan simpanan data, dapat menunjukkan entitas luar, tetapi DAD juga mempunyai keterbatasan. Keterbatasan dari DAD adalah sebagai berikut :

1.         DAD tidak menunjukkan proses perulangan (loop)

2.         DAD tidak menunjukkan proses keputusan (decision)

3.         DAD tidak menunjukkan proses perhitungan

F.       ERD

ERD (Entity Relationship Diagram) adalah suatu model jaringan yang menggunakan susunan data yang disimpan dalam system secara abstrak ERD adalah notasi grafik darisebuah model data atau model jaringan yang menjelaskan tentang data yang disimpan (storage data) dalam system secara acak Elemen-Elemen Diagram Hubungan Entity Entity (Entitas) Relationship (Hubungan antar entitas) Attribute (Kolom) Cardinality (Jumlah maksimum baris)

G.      SQL

SQL (Structured Query Language) adalah sebuah bahasa yang dipergunakan untuk mengakses data dalam basis data relasional. Bahasa ini secara de facto merupakan bahasa standar yang digunakan dalam manajemen basis data relasional. Saat ini hampir semua server basis data yang ada mendukung bahasa ini untuk melakukan manajemen datanya.

H.      Browser

1.      Web Server

Pengertian Web Server merupakan software yang memberikan layanan data yang berfungsi menerima permintaan HTTP atau HTTPS dari klien yang dikenal dengan browser web dan mengirimkan kembali hasilnya dalam bentuk halaman - halaman web yang umumnya berbentuk dokumen HTML

Macam - macam Web Server diantanya:

Apache Web Server - The HTTP Web Server

a.       Apache Tomcat

b.      Microsoft windows Server 2003 Internet Information Services (IIS)

c.       Lighttpd

d.      Sun Java System Web Server

e.       Xitami Web Server

f.       Zeus Web Server

Namun web yang terkenal dan yang sering digunakan adalah Apache dan Microsoft Internet Information Service (IIS).

Cara kerja web server :

a.     Cara kerja Web Server Web server merupakan mesin dimana tempat aplikasi atau software beroperasi dalam medistribusikan web page ke user, tentu saja sesuai dengan permintaan user.

b.    Hubungan antara Web Server dan Browser Internet merupakan gabungan atau jaringan Komputer yg ada di seluruh dunia. Setelah terhubung secara fisik, Protocol TCP/IP (networking protocol) yg memungkinkan semua komputer dapat berkomunikasi satu dengan yg lainnya. Pada saat browser meminta data web page ke server maka instruksi permintaan data oleh browser tersebut di kemas di dalam TCP yg merupakan protocol transport dan dikirim ke alamat yg dalam hal ini merupakan protocol berikutnya yaitu Hyper Text Transfer Protocol (HTTP). HTTP ini merupakan protocol yg digunakan dalam World Wide Web (WWW) antar komputer yg terhubung dalam jaringan di dunia ini. Untuk mengenal protocol ini jelas sangan mudah sekali dimana setiap kali anda mengetik http://… anda telah menggunakannya, dan membawa anda ke dunia internet. Data yg di passing dari browser ke Web server disebut sebagai HTTP request yg meminta web page dan kemudian web server akan mencari data HTML yg ada dan di kemas dalam TCP protocol dan di kirim kembali ke browser. Data yg dikirim dari server ke browser disebut sebagai HTTP response. Jika data yg diminta oleh browser tidak ditemukan oleh si Web server maka akan meninbulkan error yg sering anda lihat di web page yaitu Error : 404 Page Not Found.

2.      Web Browser

           Pengertian web browser atau internet browser adalah sebuah aplikasi perangkat lunak untuk melintasi, mengambil, dan menyajikan sumber informasi di World Wide Web. Sumber informasi diidentifikasi dengan Uniform Resource Identifier (URI) termasuk sebuah halaman web, gambar, video, atau bagian lain dari konten web.

a)      Tujuan Web Browser

            Tujuan utama dari web browser adalah untuk membawa sumber informasi kepada pengguna. Proses ini dimulai ketika pengguna memasukan sebuah Uniform Resource Identifier (URI), misalnya, http://anneahira.com ke dalam browser.

            Sumber yang telah diambil web browser akan ditampilkan. HTML ditampilkan ke mesin tata letak browser,  dan akan diubah dari markup ke dokumen interaktif. Selain dari HTML, web browser umumnya bisa menampilkan setiap jenis konten yang menjadi bagian dari suatu halaman web.

            Kebanyakan browser dapat menampilkan gambar, audio, video, dan file XML, dan sering mempunyai plug-in untuk mendukung aplikasi Flash dan applet Java. Jika menemui tipe file yang ditetapkan untuk didownload, maka browser akan meminta pengguna untuk menyimpan file ke disk.

b)      Rincian Web Browser

            Memahami pengertian web browser harus juga memahami tentang rinciannya. Kita semua tahu apa itu web browser seperti yang terlihat, tapi ada baiknya untuk mengetahui rincian lengkap dari berbagai bagian browser web.

Bagian-bagian dari browser termasuk:

1.      Status Bar. Ini adalah kotak di bagian bawah jendela browser Anda. Status bar menampilkan segala macam informasi, tergantung pada apa yang Anda lakukan pada saat itu. Sebagian besar untuk menunjukkan kecepatan beban dan URL dari alamat yang sedang ditunjuk oleh mouse.

2.      Address Bar. Ini adalah kotak di bagian atas jendela browser Anda yang menampilkan seluruh URL atau alamat situs web.

3.      Title Bar. Bar judul ada di bagian paling atas jendela browser Anda. Anda akan melihat judul halaman web di sana, misalnya, Anda akan melihat "Anne Ahira untuk Indonesia" ketika Anda membuka situs anneahira.com.

4.      Toolbar Ikon. Toolbar dan ikon perusahaan browser yang ada di bagian atas kanan jendela browser Anda, di bawah Title Bar. Di sinilah Anda akan melihat tombol Back, tombol Home, tombol Refresh, dll.

5.      Display Window. Jendela Display hanyalah istilah mewah untuk ruang kerja browser Anda. Ini berupa frame di mana Anda melihat halaman website.

6.      Scroll Bar. Jika ketika Anda membuka situs web dan Anda harus "scroll ke bawah" untuk membaca sesuatu, maka Anda telah menggunakan scroll bar.

c)      Macam-Macam Web Browser

            Untuk memahami tentang pengertian web browser, berikut adalah beberapa web browser yang tersedia bagi Anda yang bisa didownload secara gratis.

1.      Microsoft Internet Explorer. Sebagian besar pengguna internet menggunakan Internet Explorer karena mudah digunakan dan sebagian besar situs web yang ditulis dengan Internet Explorer, yang berarti bahwa mereka lebih kompatibel.

2.      Opera. Opera merupakan browser populer yang mudah digunakan, namun memiliki beberapa masalah kompatibilitas dengan berbagai situs.

3.      Mozilla Firefox. Firefox adalah web browser yang cukup cepat dalam memperoleh pengguna. Ia berada di belakang Internet Explorer karena memiliki tabbed browsing, fitur keamanan superior, dan akses yang cepat.

4.      Google Chrome. Google Chrome adalah web browser yang dirancang untuk sistem Windows. Ia menawarkan desain minimal dan 'teknologi canggih', untuk membuat akses lebih cepat, aman, dan mudah.

5.      Mac Safari. Khusus untuk pengguna Mac, Safari adalah pilihan yang sangat baik untuk sebuah web browser. Safari berkemampuan akses cepat dan kompatibilitas yang baik.

I.         Hypertext Markup Language (HTML)

Hypertext Markup Language adalah bahasa pemrograman yang digunakan untuk membuat sebuah halaman web. Kode-kode ini menerjemahkan bagaimana tampilan sebuah halaman web (pengaturan huruf, animasi, letak gambar, dan sebagainya).

Dalam sebuah halaman web, pasti akan ada banyak elemen, contoh dari elemen adalah bagian atas (head), tabel, paragraf, dan daftar/list. Untuk menandakan elemen-elemen tersebut dalam sebuah file HTML, digunakanlah tag.

1.         Dasar-dasar HTML

Tag HTML terdiri dari kurung buka siku “<”, nama tag, dan kurung tutup siku “>”. Tag HTML biasanya memiliki penutup, contoh: <HEAD> ditutup dengan </HEAD>, penutup ini menandakan akhir dari pernyataan (statement) tag tersebut. Tag penutup persis seperti tag pembuka, hanya ditambahkan garis miring “/” didepannya.

Beberapa tag memiliki atribut tambahan yang disertakan saat penulisan tag tersebut, jadi atribut ini ditulis didalam tanda kurung, sebagai contoh: tag img (image) memiliki atribut berupa src, width, alt, dll. Contoh : <img src="image/mahasiswa.gif" width="91" height="20">. Sebagai catatan, tag HTML tidaklah case sensitive, jadi jika kita menuliskan <title> akan memiliki pengaruh yang sama dengan <TITLE>. Semua tag HTML pasti dikenali oleh setiap program Web Browser, jika sebuah browser tidak mengenali suatu tag, maka tag tersebut tidak akan dibaca oleh browser. Jika diantara tag yang tidak dikenal tersebut ada tulisan, tulisan akan tetap ditampilkan.

2.         Struktur Dasar HTML

Semua file HTML harus memiliki beberapa tag HTML standar. Semua dokumen HTML terdiri dari head dan body. Head terdiri dari title, dan body terdiri dari tulisan dan gambar/animasi yang ingin ditampilkan di layar, seperti jenis  paragraph, list, warna, dan sebagainya.

Contoh halaman HTML paling sederhana yang hanya terdiri dari head dan sedikit tulisan pada body sebagai berikut :

<html>

<head>

<title>Sebuah halaman HTML yang simpel.</title>

</head>

<body>

<p> Ini adalah sebuah paragraph</p>

</body>

</html>

Listing 1. Struktur dasar HTML

Tag yang penting adalah <html>, <head> dan <body>. Beberapa browser (terutama yang terbaru) akan tetap dapat membaca dokumen HTML meskipun kita lupa menyertakan tag-tag tersebut, tapi beberapa browser tidak bisa. Jadi jangan lupa untuk menyertakan tag tersebut setiap kali kita membuat halaman HTML.

Berikut sedikit penjelasan mengenai beberapa tag HTML.

1.      HTML

Tag ini memberitahu browser bahwa file yang dibaca adalah file HTML. Tag ini diletakkan pada baris paling awal dari dokumen HTML.

2.      HEAD

Tag ini adalah bagian paling atas dari dokumen HTML. Title adalah salah satu contoh tag yang dapat disertakan pada tag ini.

3.      TITLE

Berisi judul halaman web yang dibuat, dan mengidentifikasikan isi dari halaman tersebut secara global. Title biasanya ditampilkan pada title bar di browser. Title juga digunakan sebagai penentu halaman web kita pada beberapa search engine (seperti HotBot atau Infoseek).

4.      BODY

Adalah bagian kedua dari sebuah dokumen HTML, dan biasanya adalah bagian yang paling banyak dari sebuah dikomen HTML (bila dibandingkan dengan head).Terdiri dari isi utama halaman web tersebut. Tag-tag HTML yang akan dijelaskan selanjutnya diletakkan dalam body.

J.        PHP

1.         Sekilas PHP

PHP adalah singkatan dari PHP Hypertext Prepocessor, yaitu bahasa pemrograman yang digunakan secara luas untuk penanganan pembuatan dan pengembangan sebuah web dan bisa digunakan pada HTML. PHP diciptakan oleh Rasmus Lerdorf. Programming Hypertext Processor adalah bahasa pemrograman untuk dijalankan melalui halaman web, umumnya digunakan untuk mengolah informasi di internet.

Bahasa pemrograman PHP merupakan bahasa pemrograman untuk mebuat web yang bersifat server-side scripting. PHP memungkinkan kita untuk membuat halaman web yang bersifat dinamis. PHP dapat dijalankan pada berbagai macam Operating System (OS), misalnya Windows, Linux dan Mac OS. Selain Apache, PHP juga mendukung beberapa web server lain, misalnya Microsoft IIS, Caudium, PWS dan lain-lain.

Seperti pernah disinggung sebelumnya bahwa PHP dapat memanfaatkan database untuk menghasilkan halaman web yang dinamis. Sistem manajemen database yang sering digunakan bersama PHP adalah MySQL. Namun PHP juga mendukung sistem manajemen Database Oracle, Microsoft Acces, Interbase, d-Base, PostgreSQL dan sebagainya.

Hingga kini PHP sudah berkembang hingga versi ke 5. PHP 5 mendukung penuh Object Oriented Programing(OOP), integrasi XML, mendukung semua ekstensi terbaru MySQL, pengembangan web services dengan SOAP dan REST, serta ratusan peningkatan kemampuan lainnya dibandingkan versi sebelumnya. Sama dengan web server lainnya PHP juga bersifat open source sehingga setiap orang dapat menggunakannya dengan gratis.

2.         Skrip PHP

Untuk memahami sistem kerja php, terlebih dulu kita harus memahami anatomi skrip php. Ada dua jenis skrip php, yaitu

1. Skrip php yang berada didalam html :

<html>

<?php Statement ?>

</html>

2. Skrip php yang berdiri sendiri :

<?php

echo (“<html> Statement  </html> “);

?>

Listing 2. Struktur dasar PHP

Statement

Kita akan membuat skrip sederhana untuk mengetahui bagaimana php bekerja. Buka folder www yang terletak di C:\AppServ\www, kemudian buat folder baru bernama Tutorial. Jika anda menggunakan program webserver lain maka folder tempat menyimpan file berbeda.

Buka program notepad, ketik skrip berikut :

<?php

echo (“Hello world”);

?>

3.         Tag PHP

Dalam penulisan tag dasar PHP, dapat dilakukan dengan banyak cara sehingga akan memudahkan pemakainya. Tag-tag yang dapat digunakan adalah bentuk STYLE, XML, ASP dan Java Script. Adapun tag standar yang biasanya digunakan mirip dengan penulisan program XML, yang diawali dengan <? Php dan diakhiri dengan ?> contoh penulisan program dengan style standar adalah sebagai berikut :

<HTML>

<HEAD>

<TITLE> dasar PHP </TITLE>

</HEAD>

<BODY>

<?

          Echo “ dasar PHP”;

?>

</BODY>

</HTML>

Listing 3. Tag dasar PHP

4.         Keunggulan PHP

             Beberapa kelebihan bahasa pemrograman PHP :

1.      bisa bikin web kita jadi dinamis.

2.      PHP dapat berjalan dalam web server yang berbeda dan dalam Sistem Operasi yang berbeda.

3.      PHP diterbitkan secara gratis.

4.      PHP dapat berjalan pada web server apapun. sperti: Apache, IIS, Microsoft personal Web Server, dll.

K.      MySQL

       Perkembangannya disebut SQL yang merupakan kepanjangan dari Structured Query Language. SQL merupakan bahasa terstruktur yang khusus digunakan untuk mengolah database. SQL pertama kali didefinisikan oleh American National Standards Institute (ANSI) pada tahun 1986. MySQL adalah sebuah sistem manajemen database yang bersifat open source. MySQL adalah pasangan serasi dari PHP. MySQL dibuat dan dikembangkan oleh MySQL AB yang berada di Swedia.

       MySQL dapat digunakan untuk membuat dan mengola database beserta isinya. Kita dapat memanfaatkan MySQL untuk menambahkan, mengubah dan menghapus data yang berada dalam database. MySQL merupakan sisitem manajemen database yang bersifat at relational. Artinya data-data yang dikelola dalam database akan diletakkan pada beberapa tabel yang terpisah sehingga manipulasi data akan menjadi jauh lebih cepat.

       MySQL dapat digunakan untuk mengelola database mulai dari yang kecil sampai dengan yang sangat besar. MySQL juga dapat menjalankan perintah-perintah Structured Query Language (SQL) untuk mengelola database-database yang ada di dalamnya. Hingga kini, MySQL sudah berkembang hingga versi 5. MySQL 5 sudah mendukung trigger untuk memudahkan pengelolaan tabel dalam database.

1           Membuat Data Base

Sebelum membuat table atau memasukkan data, maka harus membuat database terlebih dahulu dengan perintah :

CREATE DATABASE nama_database;

2           Membuka Data Base

Untuk membuka suatu database digunakan perintah

              USE nama_database;

3           Membuat Tabel

Untuk membuat table yang berfungsi untuk menyimpan data digunakan perintah ;

CREATE TABLE nama_tabel

(

          Nama_field1 tipe_data1

          Nama_field2 tipe_data2

);

4           Memasukkan Data ke table

Untuk memasukkan data ketabel digunakan perintah :

INSERT INTO nama_table (field1,field2……) VALUES (nilai_field1, nilai_field2,….);

5           Menampilkan Data Dari Tabel

Jika kita ingin melihat data dari field suatu tabel digunakan perintah

SELECT (field1,field2….) FROM nama_table;

Untuk melihat semua tabel digunakan perintah

SELECT * FROM nama_tabel;

Untuk menampilkan data tertentu yang kita inginkan menggunakan perintah;

SELECT (field1,field2……..) FROM nama_tabel WHERE kategori;

Untuk mengurutkan suatu fielddapat digunakan perintah;

SELECT (field1,field2……..) FROM nama_tabel ORDER BY kriteria;

6           Menghapus data dari tabel

Untuk menghapus data dari tabel kita gunakan perintah :

DELETE FROM nama_tabel WHERE Kriteria;

Jika akan menghapus semua record cukup dilakukan perintah deletetanpa menyebutkan criteria. Data yang telah dihapus tidak dapat dimunculkan kembali kecuali harus membuat tabel baru lagi.

7           Mengubah data dari tabel

Dalam memodifikasi suatu field dari suatu record dilakukan perintah

UPDATE nama_tabel SET

Nama_field=nilai_baru1,………. WHERE criteria;

L.       Sistem Informasi

Suatu Sistem adalah jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk melakukan kegiatan atau menyelesaikan sasaran tertentu.

Pengembangan Sistem Informasi (yang direalisasikan dengan bantuan computer (Computerised Information System) Melalui suatu tahapan yang disebut Sistem Analisis dan Desain.

Informasi adalah suatu data yang diolah menjadi bentuk yag lebih berguna dan lebih berarti bagi yang menerimanya. Data adalah fakta yang menggambarkan suatu kejadian dan kesatuan yang nyata.

Sistem informasi adalah tatanan yang terdiri atas sejumlah komponen fungsional yang saling berhubungan dan secara bersama-sama bekerja untuk memenuhi syarat suatu proses atau pekerjaan tertentu

M.     Adobe Photoshop

Adobe Photoshop, atau biasa disebut Photoshop, adalah perangkat lunak editor citra buatan Adobe Systems yang dikhususkan untuk pengeditan foto/gambar dan pembuatan efek. Perangkat lunak ini banyak digunakan oleh fotografer digital dan perusahaan iklan sehingga dianggap sebagai pemimpin pasar (market leader) untuk perangkat lunak pengolah gambar, dan, bersama Adobe Acrobat, dianggap sebagai produk terbaik yang pernah diproduksi oleh Adobe Systems. Versi kedelapan aplikasi ini disebut dengan nama Photoshop CS (Creative Suite), versi sembilan disebut Photoshop CS2, versi sepuluh disebut Adobe Photoshop CS3 , dan versi yang terakhir (kesebelas) adalah Adobe Photoshop CS4. Photoshop tersedia untuk Microsoft Windows, Mac OS X, dan Mac OS; versi 9 ke atas juga dapat digunakan oleh sistem operasi lain seperti Linux dengan bantuan perangkat lunak tertentu seperti CrossOver.

 

Gambar 7. Area kerja Photoshop

N.      Macromedia Dreamweaver

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.

 

Gambar 8. Area kerja macromedia dreamweaver

O.      Xampp

kepanjangan dari XAMPP yaiut Apache, PHP, MySQL dan phpMyAdmin. XAMPP merupakan tool yang menyediakan paket perangkat lunak ke dalam satu buah paket. Dengan menginstall XAMPP maka tidak perlu lagi melakukan instalasi dan konfigurasi web server Apache, PHP dan MySQL secara manual.

 XAMPP akan menginstalasi dan mengkonfigurasikannya secara otomatis untuk anda atau auto konfigurasi.  Versi XAMPP yang ada saat ini adalah Versi 1.4.14 atau yang terbarunya anda bisa download pada http://www.apachefriends.org/en/xampp-window.html. Software XAMPP versi ini terdiri atas:

b.      Apache versi 2.0.54

c.       MySQL versi 4.1.12

d.      PHP versi 5.0.4

e.       phpMyAdmin versi 2.6.2-p11

       Web server tersebut mari kita mengenalnya lebih dekat satu per satu.

Mengenai APACHE Apache sudah berkembang sejak versi pertamanya. Sampai saat ditulisnya artikel ini versi terakhirnya yang ada yaitu Apache ver 2.0.54. Apache bersifat open source, artinya setiap orang boleh menggunakannya, mengambil dan bahkan mengubah kode programnya.

 

Gambar 9. Halaman utama dari Xampp

B.     Strukrur Organisasi Politeknik Indotec Kendari

Gambar. 1. Struktur Organisasi Politeknik Indotec kendari

C.    VISI dan MISI PTS POLITEKNIK INDOTEC

V I S I

1.      Menjadi universitas dalam jangka waktu 5-10 tahun mendatang

2.      Menjadi perguruan tinggi swasta terbaik di indonesia timur

M I S I

Atas dasar Visi pengembangan Kampus ke depan, maka Misi PTS Politeknik indotec adalah sebagai berikut :

1.      Mengedepan kan kejujuiran & Profesional dalam mengambil keputusan & bekerja

2.      Setiap Dosen & Mahasiswa terus diarahkan kreatif, Inovatif dan bekerja tepat waktu

3.      Secara Terus menerus melakukan efisiensi birokrasi administerasi & akademik

4.      Disiplin Berseragam dan Beretika serta menumbuhka kekeluargaan antara warga kampus

5.      Semaksimal mungkin memajukan / menyempurnakan sarana prasarana kampus setiap saat sesuai sumberdaya daya yang ada yang dimaksimalakan, untuk mendukung penyelenggaraan Tri Dharma Perguruan Tinggi, khususnya pembelajaran perkuliahan di kelas.

6.      Melahirkan Output / Alumni yang mudah bekerja dan berkualitas