Perkembangan Aplikasi berbasis Web

 

Naufal Abdullah Hanif Wibowo

Kelas : 3IA19

NPM : 50420953

 Teknik Informatika Universitas Gunadarma

 

Abstract

Dokumen ini merupakan panduan ajaran untuk membaca bagi para pembaca untuk mengetahui bagaimana perkembangan aplikasi pembangun web dimasa sekarang ini , dalam tulisan ini saya akan menjelaskan bagaimana cara web berkembang dari masa ke masa agar para pembaca tidak terlalu tertinggal mengenai teknologi web. Dan juga diharapkan para pembaca mengerti dari isi tulisan yang tertera pada tugas ini.

Kata kunci : menelusuri perkembangan web paling terbaru

1.     PENDAHULUAN

1.1  Latar Belakang Masalah

Pada era seperti sekarang banyak dari kita belum mengetahui perkembangan web dari zaman ke zaman , oleh kareana itu kita sebagai orang yang paham tentang perkembangan web seharusnya memberitahu kepada yang belum mengetahui masalah ini. Terlebih lagi sekarang sudah memasuki zaman globalisasi atau perkembangan zaman, itu terbukti di era sekarang kita melakukan apapun itu menjadi lebih mudah karena adanya internet. Tetapi dibalik kenyamanan kita menggunakan internet ada juga saudara kita atau teman kita yang belum menggunakan internet dirumahnya bahkan didaerahnya.

      Kehadiran internet membuat kita terlena akan itu tetapi ada juga yang menggunakannya secara baik misal untuk mencari perkembangan dari suatu aplikasi atau web. Web yang dulu tidak sama dengan yang sekarang karena adanya internet jika web dulu hanya bisa dinikmati oleh sang pembuat web pada era sekarang ini karena adanya internet web menjadi bisa diakses oleh semua orang di seluruh dunia.

     

 

 

 

1.2  PERUMUSAN MASALAH

dari latar belakang diatas kita bisa memecahkan beberapa masalah yang akan diteliti dan akan dipecahkan. Masalah yang ditemukan antara lain :

1.     Bagaimana perkembangan web dari masa ke masa

2.     Bagaimana cara menggunakan internet yang benar dimasa sekarang

3.     Pengertian web itu sendiri

 

1.3  TUJUAN DAN MANFAAT PENELITIAN

1.3.1       Tujuan Penelitian

Tujuan dari penelitian ini adalah agar kita semua tau bagiaman perkembangan web dari masa ke masa dan juga menggunakannya dengan bijaksana dan tidak melanggar aturan pemerintah.

 

1.3.2       Manfaat penelitian

Manfaat dari penelitian dari perkembangan aplikasi web adalah agar kita tidak terlalu tertinggal dengan zaman yang semakin maju dan berkembang karena semakin pesatnya perkembangan teknologi di masa yang akan datang.

 

2.     LANDASAN TEORI

            Pengembangan Aplikasi Web adalah gabungan dari print publishing dan pengambangan perangkat lunak, diantara marketing dan perhitungan dan diantara seni dan teknologi.didalam mengambangkan aplikasi pembangun web kita tidak bisa sembarangan dalam mengembangkannya karena jika kita salah dalam mengembangkan dan menyalahgunakan perkembangan ini nantinya akan jadi web yang tidak bermanfaat bagi pemakai di dunia maya.

            Oleh karena itu saya mengajak semua orang yang ada untuk menggunakan aplikasi web untuk mencari informasi yang bermanfaat bagi diri sendiri atau orang lain dan jika ingin mengembangkan lebih baik bertanya terlebih dahulu kepada yang sudah berpengalaman dalam hal mengembangkan web tersebut.

            Saya berharap semua teman disini menggunakan internet dan alikasi pengembangan web dengan bijaksana dan tidak melawan aturan yang sudah dibuat oleh pemerintah kita.

2.1.1       Pengujian Aplikasi Berbasis Web

Pengujian aplikasi berbasis web adalah serangkaian aktivitas yang berkaitan dengan satu tujuan yaitu untuk menemukan kesalahan dalam isi, fungsi, kegunaan, kemampuan navigasi, kinerja, kapasitas, dan keamanan aplikasi berbasis web

2.1.2       jenis pemrograman Web

 Ada dua jenis pemrograman web, yaitu SSP - Server Side Programming (Pemograman pada Sisi Server) dan CSP - Client Side Programming (Pemograman pada Sisi Klien). Pada SSP, semua sintaks dan perintah program yang diberikan akan dijalankan atau diproses di web server, kemudian hasilnya dikirimkan ke browser pengguna dalam bentuk HTML biasa, sehingga pengguna tidak dapat melihat kode asli yang ditulis dalam bentuk SSP tersebut. Sebaliknya, pada CSP semua sintaks dan perintah program dijalankan di web browser, sehingga ketika klien meminta dokumen yang mengandung script, script tersebut akan diambil dari web server kemudian dijalankan di web browser yang bersangkutan.

2.1.3       Pengertian perancangan system

Al Fatta Hanif dalam Aris, dkk “Perancangan sistem antara lain dalah desain sistem dapat didefinisikan sebagai pengambaran, perencanaan dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh dan berfungsi”. Verzello dan John Reuter III dalam Puput Puspito dkk  “Perancangan sistem adalah tahap setelah analisis dari siklus pengembangan sistem, pendefinisian dari kebutuhan-kebutuhan fungsional, dan persiapan untuk rancang bangun implementasi (menggambarkan bagaimana suatu sistem dibentuk)". Arif Hidayat “Perancangan sistem adalah Perancangan sistem adalah gambaran tentang sistem yang akan dibangun”. Berdasarkan beberapa pendapat di atas penulis dapat menyimpulkan bahwa perancangan sistem merupakan spesifikasi baru yang menggambarkan secara rinci untuk tahap lanjutan dari proses menganalisa system

 

 

 

 

2.2  Tool yang digunakan

2.2.1       Unified model language (UML)

UML terdiri dari 13 macam diagram yang dikelompokkan dalam 3 kategori. Berikut ini penjelasan singkat dari pembagian kategori tersebut: 1) Structure diagrams, yaitu kumpulan diagram yang digunakan untuk menggambarkan suatu struktur statis dari sistem yang dimodelkan. Structure diagram terdiri dari class diagram, object diagram, component diagram, composite structure diagram, package diagram dan deployment diagram. 2) Behavior diagrams yaitu kumpulan diagram yang digunakan untuk menggambarkan kelakuan sistem atau rangkaian perubahan yang terjadi pada sebuah sistem. Behavior diagram terdiri dari Use case diagram, Activity diagram, State Machine System. 3) Interaction diagram yaitu kumpulan diagram yang digunakan untuk menggambarkan interaksi sistem dengan sistem lain maupun interaksi antar subsistem pada suatu sistem. Interaction diagram terdiri dari Sequence.” Dari definisi diatas dapat disimpulkan bahwa, UML adalah bahasa visual dalam pemodelan, merancang ataupun mengembangkan sebuah sistem dengan mudah dikomunikasikan dengann pihak lain.

 

2.2.2       System Development Life Cycle (SDLC)

1.     Analisis Kebutuhan (Requirements Analysis) Dalam tahap ini beberapa hal yang sangat diperlukan sebelum ke tahap analisa, yaitu studi kelayakan (feasibility study), alokasi waktu dan menentukan cakupan sistem informasi administrasi pada Intensive English Course Ciledug Tangerang. Proses menganalisis kebutuhan system kemudian pengumpulan kebutuhan secara lengkap yang sesuai dengan sistem yang akan dibangun, sehingga nantinya sistem yang telah dibangun dapat memenuhi semua kebutuhan. 2. Desain Sistem dan Perangkat Lunak (System and Software Design) Desain dikerjakan setelah analisis dan pengumpulan data dikumpulkan secara lengkap. Proses ini berfokus pada: struktur data, arsitektur perangkat lunak, representasi interface, dan detail (alogaritma) procedural. 3. Implementasi (Implementation) Proses menerjemahkan desain ke dalam suatu bahasa yang bisa dimengerti oleh komputer. 4. Integrasi dan Pengujian Sistem (Integration and System Testing) Proses pengujian pada logika, untuk memastikan semua pernyataan sudah diuji. Lalu dilanjutkan dengan melakukan pengujian fungsi system untuk menemukan kesalahankesalahan dan memastikan bahwa input akan memberikan hasil yang actual sesuai yang dibutuhkan.

 

 

2.1.4 Aplikasi berbasis web mempunyai beberapa ciri yang berbeda dengan aplikasi yang lainnya.

Yaitu :

1. Aplikasi berbasis web tidak membutuhkan penginstalan saat diakses, hanya perlu koneksi internet saja untuk mengaksesnya.

2. Mudah diakses oleh sistem operasi manapun. Seperti Windows, MacOS, iOS, Android, Linux maupun Sistem operasi lainnya (asalkan browser tersambung dengan internet)

3. Mudah diakses oleh berbagai perangkat sistem operasi. Seperti PC dekstop, laptop, smartphone, maupun tablet.

4. Membutuhkan jaringan yang stabil agar ketika penggunaan aplikasinya berjalan dengan baik dan lancar

Salah satu contoh aplikasi berbasis web yang paling terkenal ialah facebook yang merupakan situs jejaring media sosial yang mampu mencakup pertemanan di seluruh dunia. Selain itu, ada canva yang merupaka program untuk mendesain secara online yang menyediakan berbagai fitur seperti tools, posterm flyer, banner, infografik, banner dan lain sebagainya. Tak hanya itu, tampilan (user interface)

 

 

 

2.1.5 Analisis kebutuhan dalam membangun pengembangan aplikasi berbasis web.

1. Hardware Perangkat keras atau yang lebih dikenal dengan istilah hardware merupakan sebuah komponen utama yang harus ada. Dimana petangkat keras tersebut diperlukan dalam membuat aplikasi berbasis web. Semuanya akan disesuaikan dengan situasi dan kondisi yang diperlukan.

2. Software Perangkat lunak atau yang lebih dikenal dengan istilah software juga berperan sangat penting dalam memulai instruksi untuk maupun menjalankan hardware. Tujuannya ialah agar aplikasi yang dibuat dapat di implementasikan sesuai dengan perancangan, maka dari itu diperlukan perangkat lunak ini.

Contoh spesifikasi dari perangkat lunak (software) yang diperlukan oleh sistem diantaranya yaitu sebagai berikut:

a. Kebutuhan perangkat lunak pengembangan:

 - Eclipse IDE

- ADT (Android Develompment Tool)

- SDK (Software Development Kit)

- SQLite Database Browser

b. Kebutuhan perangkat lunak penggunaan Software yang di gunakan untuk mengoperasikan aplikasi bisa melalui google chrome, mozilla firefox, dan lain sebagainya. Asalkan ada koneksi internet yang stabil, user bisa membuka web yang diinginkan dengan lancar dan stabil.

 

2.1.6  Analisis kebutuhan penggunax(user) Kebutuhan Sumber Daya Manusia (SDM)

a. Sistem analis Yaitu orang yang memiliki tugas untuk menganalisis sistem. mulai dari melihat permasalahan dan mempelajari permasalahan yang ada serta menentukan kebutuhan – kebutuhan yang hendak dicapai.

b. Programmer Yaitu orang yang bertanggung jawab dalam pembuatan aplikasi berbasis web. Tak hanya itu, tugas programmer yang lainnya yaitu merencanakan, mengkoordinasian hingga merekomendasikan pemilihan perangkat lunak (software) yang akan digunakan.

c. Pengguna (user) Yaitu pihak yang menggunakan sistem ataupun aplikasi yang hendak dibuat. Pengguna bisa mulai dari anak-anak, siswa, mahasiswa, orang dewasa, maupun pekerja. Semuanya disesuaikan dengan tujuan aplikasi awal mula dibuat yang diperuntukkan untuk kalangan mana.

 

2.1.7 Perancangan Aplikasi  berbasis web

Perancangan aplikasi berbasis web sangat diperlukan guna memudahkan saat pembuatan maupun pengembangan aplikasi nantinya. Definisi dari perancangan itu sendiri adalah sebuah bentuk penggambaran, perencanaan maupun pembuatan sketsa menjadi satu kesatuan utuh yang terbentuk dari beberapa elemen yang terpisah, dari suatu perancangan sistem tersebut dapat dirancang untuk menjadi sebuah bentuk bagan alir sistem atau yang biasa di sebut flowchart. Flowchart itu sendiri adalah alat berbentuk grafik atau bagan yang dapat digunakan untuk menunjukkan proses atau urutanx–xurutan dari sebuah sistem. (Pakpahan, 2013)

Perancangan sistem secara umum dimaksudkan guna memberikan gambaran secara umum tentang sistem baru yang hendak dibuat atau diusulkan. Dimana dalam perancangan mengidenfikasikan beberapa komponen – komponen sistem informasi yang hendak dirancang secara rinci (Ardianto & Budianto)

Merancang konsep analisis sistem erat kaitannya dengan pemakai dan dibutuhkan kerjasama baik dengan programmer, analis sistem, hingga user. Perancangan konsep sangat menentukan keseluruhan kebutuhan dan urutan aplikasi yang hendak dibuat. Dalam merancang aplikasi maupun membuat sistem, terdapat beberapa alat bantu guna memudahkan agar terkonsep dengan baik.

 

2.1.8 Pengembangan Aplikasi

 Proses dari pengembangan aplikasi berbasis web merupakan tahapan dari seluruh aktifitas pengembanganx sistem brbasis web. Pada proses ini digambarkan banyaknya kumpulan tahapanx yang dapat diikuti dan dapat dijejaki maupun diukur. Dalam membangun aplikasix berbasis web, Ginige dan Murugenesasn (2001) merekomendasikan proses evolusioner dalam pengembangan aplikasi berbasis web. Pada proses tersebut pengembang bisa lebih memahami konsep maupun konteks, mampu mengambil kebutuhan, memungkinkan pengintegrasianx pengetahuan secara praktis dan disiplin, mampu mempermudah dalam melakukan komunikasi pada beberapa pihak yang terlibat, hingga memudahkan proses manajemen.

Masukan yang terpenting ialah, pada sekumpulan peran untuk pengembanganx aplikasi dimana sebagian besar kebutuhan yang berupa nonteknis dalam durasi panjang dengan mengemukakan nilai yang diharapkan bisa menghasilkan suatu yang baik bagi pengguna maupun organisasi pengembangan. 170 Masukan/input yang kedua ialah adanya bebrapa batasan dari lingkungan yang dapat mempengaruhi kontruksi aplikasi trsebut. Maksudnya adalah pembaasan yang dikenakan dalam dunia nyata meliputi batasan arsitekur, kecocokan aplikasi dengan sistem yang sedang berjalan, banyaknya ketersediaan ahli teknis, hingga batasan waktu maupun sumber daya. Keluaran/output dari proses pengembangan aplikasi berbasis web ialah sebuah sistem yang mampu diimplementasikan baik yang terdiri dari penyebaran arsitektur, modul-modul aplikasi yang terpasang, maupun dokumentasix sistem.

Berikut ini beberapa penjelasan mengenai output/keluaran dari sebuah proses pengembangan:

1. Sebaran arsitektur ialah perangkat keras, perangkat lunak maupun infrastruktur jaringan guna memastikan kebutuhan layanan dari batasan-batasan teknis proyek.

2. Komponen aplikasi ialah potongan perangkat lunak yang diluaskan sekaligus menyangkup banyaknya penyimpanan data, antar muka halaman yang dinamis, hingga komponen bisnis.

3. Dokumentasi dari sistem ialah kumpulan produk yang terdiri dari yang bukan perangka lunak, dimana dokumentasi sistem inilah yang dikembangkan selama sistem dikembangkan.

 

2.1.9 Perangkat pengembangan Aplikasi Web

Untuk perangkat pengembangan aplikasi web dapat dikelompoka menjadi

perangkat keras dan perangkat lunak.

a.     Perangkat Keras

Untuk lingkungan pengembangan web yang nyaman, berikut ini peralatan yang sebaiknya disediakan Komputer Utama, dengan operating system Macintosh,Windows, ataupun Linux. Perusahaan pengembangan web profesional cenderungberbasis Macintosh. Memori tambahan. sebaiknya computer memiliki memori yangbesar, karena dalam pengembangan web cenderung kita akan membuka beberapa aplikasi sekaligus. Sebuah monitor besar. Meskipun bukan keharusan, monitor besar memudahkan untuk desainer visual. Semakin besar monitor, semakin banyak jendeladan panel kontrol dapat terbuka pada waktu yang sama.

Sebuah scanner dan / atau kamera digital. Jika mengantisipasi membuat gambar dan tekstur sendiri, akan memerlukan beberapa alat untuk membuat gambar.Sebuah komputer kedua. Banyak web designer merasa berguna memiliki computer penguji yang menjalankan platform yang berbeda dari komputer utama yang mereka gunakan untuk pengembangan. Karena browser kerja yang berbeda pada Mac dan pada mesin Windows, itu penting untuk menguji halaman web dalam sebanyak mungkin system operasi berbeda.

Perangkat mobile/smartphone. Saat ini banyak orang mengakses web melalui smartphone/tablet, sehingga kita perlu menguji penampilan dan kinerja situs web yang kita buat pada mobile browser pada smartphone atau perangkat tablet. Namun saat ini banyak web emulator yang dapat digunakan sebagai penguji web kita

 

B. Perangkat Lunak

Untuk perangkat lunak pengembangan web dapat dikelompokkan menjadi beberapa, diantaranya :

Web Page Authoring

Ini adalah kelompok perangkat lunak seperti desktop publishing tetapi format yang dihasilkan adalah halaman web. Aplikasi ini biasanya bersifat “WYSIWYG” (What You See Is What You Get, dibaca “whizzy-wig”) yaitu apa yang kamu lihat, itulah yang kamu dapatkan. Jadi aplikasi ini biasanya ketika membuat tampilannya seperti yang akan dihasilkan.

Beberapa contoh aplikasi yang termasuk dalam kelompok ini :

A. Adobe Dreamweaver, aplikasi ini berbayar dan dibawah lisensi perusahaan Adobe, aplikasi ini banyak digunakan oleh pengembang web.

B. Memiliki banyak fasilitas dan fiture.Microsoft Expression Web (lisensi dari Windows). Bagian dari Microsoft’s suite yang merupakan aplikasi perancangan professional.

C. Nvu (Linux, Windows, dan Mac OS X). Tidak ingin membayar untuk Editor WYSIWYG? Nvu (diucapkan N-view, untuk “pandangan baru”) adalah sebuah aplikasi open source (sumber terbuka) yang cocok dengan banyak fitur dalam Adobe Dreamweaver.

 

HTML Editor

Ini adalah kelompok perangkat lunak yang kebalikan dari Adobe Dreamweaver Microsoft Expression Web. Aplikasi ini tidak lagi “WYSIWYG” (What You See Is What You Get”) tetapi lebih ke kode HTML. Beberapa contoh aplikasi yang termasuk dalam kelompok ini :

A. TextPad (Windows saja). TextPad adalah plain-text sederhana dan murah untuk editor kode di Windows.

B. Teks Sublime (Window, Mac, Linux). Editor teks ini terlihat dipreteli namun memiliki banyak fungsi (seperti kode warna dan ikhtisar kode penuh) bagi pengembang web.

 

C. Coda oleh Panic (hanya Macintosh). Pengguna Coda seperti alur kerja yang visual, alat-alat manajemen file, dan built-in akses terminal.

D. Textmate oleh MacroMates (hanya Macintosh). Editor teks canggih ini memiliki alat manajemen proyek dan antarmuka yang terintegrasi dengan sistem operasi Mac. Hal ini semakin populer karena disesuaikan, kaya fitur, dan murah.

E. BBEdit oleh Bare Bones Software (hanya Macintosh). Untuk pengembang web banyak fitur shortcut yang besar telah membuat editor terkemuka berbasis Mac.

 

2.2.0 Keamanan Aplikasi Berbasis Web

XAMPP

XAMPP adalah singkatan yang setiap huruf adalah:

1. X: Program ini dapat dijalankan di banyak sistem operasi, seperti Windows, Linux, Mac OS, dan Solaris.

2. A: Apache, server aplikasi Web. Apache tugas utama adalah untuk menghasilkan halaman web yang benar kepada pengguna terhadap kode PHP yang sudah dituliskan oleh pembuat halaman web. Jika perlu kode PHP juga berdasarkan yang tertulis, dapat database diakses dulu (misalnya MySQL) untuk mendukung halaman web yang dihasilkan.

3. M: MySQL, server aplikasi database. Pertumbuhannya disebut SQL singkatan dari Structured Query Language. SQL merupakan bahasa terstruktur yang difungsikan untuk mengolah database. MySQL dapat digunakan untuk membuat dan mengelola database dan isinya. Bisa juga memanfaatkan MySQL guna untuk menambahkan, mengubah, dan menghapus data dalam database.

4. P: PHP, bahasa pemrograman web. Bahasa pemrograman PHP adalah bahasa pemrograman untuk mengembangkan sebuah web Bersama Bahasa javascript atau html.

 

5. P: Perl, bahasa pemrograman untuk semua tujuan, pertama kali dikembangkan  oleh Larry Wall, mesin UNIX. Perl dirilis pertama kali tanggal 18 Desember 1987 yang ditandai dengan keluarnya Perl 1. Pada versi-versi selanjutnya, Perl juga tersedia untuk berbagai sistem operasi UNIX (SunOS, Linux, BSD, HP-UX), juga tersedia untuk sistem operasi seperti DOS, Windows, PowerPC, BeOS, VMS, EBCDIC, dan PocketPC. Menarik kesimpulan dari beberapa pendapat para ahli bahwa XAMPP adalah perangkat pembantu yang menyediakan alat untuk sebagai jembatan pembuatan sebuah program.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

3. PENUTUP

3.1 Kesimpulan

Berdasarkan tugas yang sudah saya buat diatas mengenai aplikasi pengembangan web dapat kita ambil kesimpulan bahwa perkembangan pada zaman sekarang ini tidak bisa dihindari lagi oleh semua orang mulai dari anak – anak sampai dengan kalangan dewasa.Seperti layaknya semua perangkat lunak, aplikasi berbasis web juga memerlukan pemeliharaan. Pemeliharaan dilakukan agar aplikasi akan berjalan dengan baik, serta mengikuti kebutuhan pengguna yang semakin hari semakin besar.

3.2 Saran

Mohon maaf apabila ada kekurangan dalam tugas yang sudah dibuat , jika ada sarannya adalah mohon diperkembangkan lagi tulisan perkembangan yang ada didalamnya dan juga bahasanya lebih diperdalam lagi.

 

  4.Daftar Pustaka

          https://acrobat.adobe.com/link/review?uri=urn:aaid:scds:US:218d60e2-c6d5-3799-94e8-12bd18a0ec28

https://press.umsida.ac.id/index.php/umsidapress/article/view/978-602-5914-81-2/849