APLIKASI WEB SEBAGAI MEDIA PROMOSI KURSUS BAHASA INGGRIS DAN KONSULTASI ONLINE BAGI GURU DAN SISWA PADA LPK ENGLISH ZONE PATI
Naskah Publikasi
diajukan oleh Unun Bekti Pratiwi 08.11.2393
kepada JURUSAN TEKNIK INFORMATIKA SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA YOGYAKARTA 2013
WEB APPLICATION AS PROMOTION MEDIA OF ENGLISH COURSE AND ONLINE CONSULTATION SERVICE FOR TEACHERS AND STUDENT AT LPK ENGLISH ZONE PATI APLIKASI WEB SEBAGAI MEDIA PROMOSI KURSUS BAHASA INGGRIS DAN KONSULTASI ONLINE BAGI GURU DAN SISWA PADA LPK ENGLISH ZONE PATI Unun Bekti Pratiwi Heri Sismoro Jurusan Teknik Informatika STMIK AMIKOM YOGYAKARTA ABSTRACT The development of technology is now growing rapidly. Utilization cover a large area. Just as information technology has contributed a lot in providing advances in the world of education. One of these websites as media promotion is the application of information and delivery of information and promotion as well as a medium of learning for students. The study was conducted by observing the object directly to obtain the results of the analysis of the needs of the system to be created. Literature study was also done to look for other sources that can be made as the basis and reference in the manufacturing system. It can be concluded that the application website as a medium of information and promotion is aimed at delivering information and promotions effectively, rapidly and extensively on the school institution and added some features on this website such as ELearning facilities, Download Content, forum discussions among fellow members better that teachers and students. Because it's making the website very useful at this institution for the survival and development of the institution. Keywords: LPK English Zone Pati, Central Java, Academic Information System, the school website, php, mysql
1. Pendahuluan LPK English Zone Pati adalah lembaga kursus yang berdiri sejak tahun 2010. Lembaga ini memiliki tenaga pengajar yang terampil dan berpengalaman di bidang pengajaran, khususnya mata pelajaran Bahasa Inggris. Saat ini, penggunaan internet telah berkembang dalam berbagai bidang. Dalam bidang pendidikan, internet telah menjadi bagian yang sangat berperan dalam membantu akademik dan praktisi pendidikan untuk mengakses informasi yang mereka perlukan. Dengan internet, komunikasipun dapat dilakukan baik online maupun off-line yang memudahkan para akademisi dan praktisi pendidikan untuk melakukan trading informasi maupun konsultasi tentang pendidikan. Kemudahan-kemudahan yang diberikan oleh adanya internet memberikan kesempatan luas bagi dunia pendidikan untuk mengembangkan diri. Dalam hal ini lembaga kursus menjadi bisnis yang menjanjikan bagi para perintis usaha serta menjadi tujuan yang menjanjikan dalam dunia pendidikan. Namun untuk mendapatkan lembaga yang tepat, para orang tua harus bekerja keras tenaga dan waktu. Oleh karena itu dengan dibangunnya web dapat menjadi solusi dari masalah-masalah dalam menyampaikan informasi dan pembelajaran bagi siswanya. 2. Landasan Teori 2.1 Konsep Dasar Internet Secara harfiah, Internet atau interconnection-networking merupakan jaringan komputer global yang terhubung melalui rangkaian jaringan melalui jalur telekomunikasi seperti telepon, radio link, satelit dan lainnya sebagai media informasi dan komunikasi dengan jangkauan luas dan tidak ada batasan waktu. Meskipun begitu, tidak semua komputer yang ada bisa berhubungan, karena suatu komputer dapat dikatakan sebagai internet jika sudah terhubung dengan suatu jaringan. Jaringan komputer ini menggunakan standar Internet Protocol suite (TCP/IP) sebagai protocol pertukaran paket (packet switching communication protocol). Kaidah penghubung rangkaian ini disebut dengan internetworking. 2.2 Website atau Situs Website atau situs dapat diartikan sebagai kumpulan halaman-halaman yang digunakan untuk menampilkan informasi, gambar gerak, suara, dan atau gabungan dari semuanya itu baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan link-link. 2.3 Web Browser yang Digunakan Web Browser yang Digunakan adalah Google Chrome yaitu browser yang menggabungkan desain minimal dengan teknologi canggih untuk membuat web lebih cepat, lebih aman, dan lebih mudah. Google mengembangkan browser web terbuka dengan menggunakan mesin rendering WebKit, yaitu sebuah Mesin Layout yang didesain agar penjelajah web dapat merender halaman web. Mesin webkit menyediakan sekumpulan kelas untuk menampilkan isi pada jendela, dan menerapkannya pada fitur penjelajah web, misalnya : mengikuti link ketika di-klik oleh pengguna, mengatur daftar kembali-maju, dan rekaman halaman yang baru saja dikunjungi. 2.4 Software Aplikasi yang Digunakan 2.4.1 Adobe Photoshop CS3 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/foto, dan, bersama Adobe Acrobat, dianggap sebagai produk terbaik yang pernah diproduksi oleh Adobe Systems. Photoshop memiliki beberapa format file khas, yaitu: 1 a. Photoshop Document(.psd) Merupakan format asli photoshop. b. Bitmap image(.bmp) Merupakan format image standart windows pada computer yang compatible. c. Join Photographic Expert Group(.jpg) Merupakan format yang mampu mengompres obyek dengan tingkat kualitas sesuai p ilihan. d. Graphics Interchange Format(.gif) e. Merupakan file yang umum digunakan untuk grafik warna-warna terindeks dan image pada dokumen HTML yang dipakai pada WWW dan pelayanan online lainnya. f. Portable Network Grafic(.png) Merupakan formal file yang digunakan unutk kompresi kecil yang mampu menampilkan sampai 24bit dan menampilkan image pada WWW.
2.4.2 Adobe Dreamweaver CS3 Adobe Dreamweaver adalah sebuah software web design yang menawarkan cara mendesain website dengan cara dua langkah sekaligus dalam satu waktu yaitu mendesain dan memprogram. Program ini banyak digunakan oleh pengembang web karena fitur-fiturnya yang menarik dan kemudahan penggunaannya. Oleh sebab itu, Dreamweaver tidak hanya dapat digunakan oleh para desaigner web, namun juga dapat digunakan oleh para programer untuk membanggun halaman interaktif karena dreamweaver mendukung pula PHP.Coldfusion, ASP.Net 2.4.3 Apache Apache adalah web server yang dapat dijalankan di banyak sistem operasi (Unix, BSD, Linux, Microsoft Windows dan Novell Netware serta platform lainnya) yang berguna untuk melayani dan memfungsikan situs web. Hasil survey Netcraft web server membuktikan bahwa lebih dari 60 % situs web menggunakan apache sebagai web servernya, selain aman dan efisien, karena mendukung secure transaction menggunakan SSL (Secure Socket Layer), apache server yang di kembangkan dengan sistem open source ini memiliki banyak kemampuan ekstensibilitas yang tinggi hingga selalu up to date dengan standarisasi server http. 2.4.4 MySQL MySQL (My structure query language) adalah program pembuatan basis data dengan menggunakan SQL sebagai bahasa dasar untuk mengakses databasenya sehingga mudah digunakan dan cepat secara kinerja query. Pada MySQL ada beberapa perintah-perintah yang sering digunakan dalam pembuatan database diantaranya yaitu:
1
Hasto Suprayogo, Mengenal Adobe Photoshop CS,Yogyakarta: Andi, Hal 23
a. INSERT Perintah untuk memasukan data pada MySQL, entry data Mysql> INSERT INTO nama_tabel ->VALUES (‘data1’,’data2’,’.....’); b. SELECT Perintah yang digunakan untuk menampilkan isi tabel, Mysql>SELECT field1,field2,....FROM nama_tabel; c. UPDATE Perintah ini digunakan untuk mengedit ataupun mengupdate data MySQL> UPDATE nama_tabel SET field = ‘data_baru’; d. DELETE Perintah di dalam MySQL ini untuk menghapus atau menghilangkan data MySQL> DELETE FROM nama_tabel; 2.5 Bahasa Program yang digunakan 2.5.1 CSS CSS (Client Side Scripting) merupakan script/code yang digunakan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. Program yang diinputkan dapat dilihat melalui browser, pada internet explore dapat dilihat menggunakan menu bar view source. Pada penggunaannya CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya.CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda. 2.5.2 HTML HTML (hypertext markup language) adalah protokol yang digunakan untuk mentransfer data antara web server ke web browser. HTML dibuat oleh Caillau TIM dengan Benners-Lee Robert ketika masih bekerja untuk CERN yaitu lembaga penelitian fisika energy tingi di Jenewa pada tahun 1989 dan dipopulerkan pertama oleh browser Mosaic. Meskipun perkembangan HTML cukup pesat namun tidak sampai mengubah cara kerja HTML. 2.5.3 PHP PHP merupakan singkatan dari Hypertext Preprocessor yaitu bahasa skript yang dapat ditanamkan atau disisipkan ke dalam HTML. PHP banyak dipakai untuk memrogram situs web dinamis, yaitu halaman web dapat membentuk suatu tampilan sesuai permintaan, seperti menampilan isi basis data ke halaman web. Dikarenakan PHP merupakan server-side scripting maka sintaks dan perintah-perintah yang dimuat akan dieksekusi di server kemudian hasilnya akan dikirimkan ke browser dalam format HTML. Hal ini memungkinkan kode program yang didinputkan user ke dalam PHP tidak akan terlihat sehingga keamanan web lebih terjamin. 3. Analisis dan Perancangan Sistem Website LPK English Zone 3.1 Profil LPK English Zone LPK English Zone merupakan sebuah lembaga yang bergerak dibidang pendidikan. Lembaga ini berada di Kecamatan Plangitan Kabupaten Pati, Jawa Tengah. Nama ENGLISH ZONE diambil berdasarkan filosofi bahwa English Zone merupakan wilayah ekslusif yang syarat dengan hal – hal bernuansa Bahasa Inggris. Selain itu nama ENGLISH ZONE jika disingkat menjadi EZ (baca: izi) yang pengucapannya sama dengan kata easy (= mudah) dalam Bahasa Inggris. Jadi jika diterjemahkan, nama ENGLISH ZONE tersebut merupakan suatu
wilayah atau tempat ekslusif untuk belajar Bahasa Inggris dengan cara - cara yang mudah untuk dipahami dan dikuasai. 3.2 Diagram Konteks
Gambar 1 Diagram Konteks
3.3 DFD
Gambar 2 DFD
3.4 ERD (Entity Relationship Diagram)
Gambar 3 ERD (Entity Relationship Diagram)
3.5. Relasi Antar Tabel
Gambar 4 Relasi Antar Tabel 4. Implementasi dan Pembahasan 4.1 Implementasi Domain dan Hosting Nama domain : lpkenglishzone.com Web hosting : Kapasitas : 12000 MB Banwidth bulanan : 180000 MB/Bulan
4.2 Halaman Utama Website
Gambar 5 Halaman Utama Website 5. Penutup Berdasarkan analisa yang telah dilakukan, maka dapat diambil beberapa kesimpulan dan saran yang diharapkan dapat melengkapi serta memperbaiki website LPK English Zone Pati di masa akan datang. 5.1 Kesimpulan 1. Sistem informasi berbasis website ini dapat memberikan informasi kepada masyarakat luas secara lengkap, efisien, mudah digunakan dan up to date. Sehingga komunikasi antara masyarakat luas dengan pihak Lembaga Pendidikan menjadi lebih mudah. 2. Web LPK English Zone ini memiliki fitur forum, sehingga siswa dan orang tua siswa dapat berdiskusi permasalahan atau masukan tanpa harus datang ke kantor. 3. Pengajar dapat menggunakan fitur upload materi untuk memberikan materi pendidikan secara cepat dan efisien yang dapat langsung diakses oleh siswa melalui web. Sehingga meningkatkan efisiensi belajar mengajar dalam kelas.
5.2 Saran Agar program ini dapat digunakan lebih optimal maka disarankan agar dilakukan hal-hal seperti di bawah ini : 1. Harus adanya pemeliharaan terhadap sistem informasi Lembaga Pendidkan yang telah dibuat agar tetap terjaga dengan baik.
2. Dalam pengembangannya diharapkan adanya fasilitas yang lebih lengkap, agar kesinambungan antara pengajar, orang tua serta siswa dapat berjalan seperti yang diharapkan.
Daftar Pustaka Al Fatta, Hanif. 2007. Analisis & Perancangan Sistem Informasi untuk Keunggulan Bersaing Perusahaan & Organisasi Modern. Yogyakarta: Andi Offset. Amsyah, Zulkifli. 1997. Manajemen Sistem Informasi. Gramedia Pustaka Utama. Hakim, Lukmanul. 2011. Membongkar trik para master PHP. Lokomedia. Jogiyanto, HM. 2005. Analisis dan Desain Sistem Informasi Pendekatan Terstruktur Teori dan Praktik Aplikasi Bisnis. Yogyakarta: Andi Offset. Kusrini, 2007. Strategi Perancangan dan Pengolahan Basis Data. Yogyakarta: Andi Offset. Raymond McLeod, 1998. Sistem Informasi Managemen Jilid 1 edisi ke tujuh, edisi Bahasa Indonesia, Prentice – Hall, Sunyoto, Andi. 2007. AJAX Membangun Web dengan Teknologi ASYNCRONOUSE JavaScript & XML. Yogyakarta: Andi Offset.