HALAMAN PENGESAHAN Tugas Akhir ini diajukan oleh : Nama : Ilma Ainur Rohma NPM : 1806141220 Program Studi : Sarjana Ilmu Komputer Judul : Pengembangan Eclipse Plug-In untuk UI-Generator pada Software Product Line Engineering Telah berhasil dipertahankan di hadapan Dewan Penguji dan diterima sebagai bagian persyaratan yang diperlukan untuk memperoleh gelar Sarjana Ilmu Komputer pada Program Studi Sarjana Ilmu Komputer, Fakultas Ilmu Komputer, Universitas Indonesia DEWAN PENGUJI Pembimbing : Dr. Ade Azurat (Nilai telah diberikan melalui SISIDANG pada 24-06-2022, 10:47:30) (Revisi telah disetujui melalui SISIDANG pada 12-07-2022, 14:53:39) Pembimbing : Maya Retno Ayu Setyautami S.Kom., M.Kom. (Nilai telah diberikan melalui SISIDANG pada 24-06-2022, 10:51:13) (Revisi telah disetujui melalui SISIDANG pada 18-07-2022, 14:45:52) Penguji : Iis Solichah S.Kom., M.Kom. (Nilai telah diberikan melalui SISIDANG pada 04-07-2022, 14:26:20) (Revisi telah disetujui melalui SISIDANG pada 04-07-2022, 14:27:12) Penguji : Gladhi Guarddin S.Kom M.Kom (Nilai telah diberikan melalui SISIDANG pada 24-06-2022, 10:43:41) (Revisi telah disetujui melalui SISIDANG pada 06-07-2022, 15:21:27) Ditetapkan di : Depok, Jawa Barat Tanggal : 18 Juli 2022 HALAMAN PERNYATAAN PERSETUJUAN PUBLIKASI TUGAS AKHIR UNTUK KEPENTINGAN AKADEMIS Sebagai sivitas akademik Universitas Indonesia, saya yang bertanda tangan di bawah ini: Nama : Ilma Ainur Rohma NPM : 1806141220 Program Studi : Sarjana Ilmu Komputer Fakultas : Ilmu Komputer Jenis Karya : Skripsi demi pengembangan ilmu pengetahuan, menyetujui untuk memberikan kepada Univer- sitas Indonesia Hak Bebas Royalti Noneksklusif (Non-exclusive Royalty Free Right) atas karya ilmiah saya yang berjudul: Pengembangan Eclipse Plug-In untuk UI Generator pada Software Product Line Engineering beserta perangkat yang ada (jika diperlukan). Dengan Hak Bebas Royalti Noneksklusif ini Universitas Indonesia berhak menyimpan, mengalihmedia/formatkan, mengelola dalam bentuk pangkalan data (database), merawat, dan memublikasikan tugas akhir saya selama tetap mencantumkan nama saya sebagai penulis/pencipta dan sebagai pemilik Hak Cipta. Demikian pernyatan ini saya buat dengan sebenarnya. Dibuat di : Depok Pada tanggal : 10 Juni 2022 Yang menyatakan (Ilma Ainur Rohma) v KATA PENGANTAR Alhamdulillah, puji syukur kehadirat Allah SWT karena atas rahmat dan karuniaNya penulis dapat melakukan penelitian dan menyelesaikan Laporan Tugas Akhir dengan judul Pengembangan Eclipse Plug-In untuk UI Generator pada Software Product Line Engineering. Tugas akhir ini disusun sebagai salah satu persyaratan untuk menye- lesaikan pendidikan sarjana di Fakultas Ilmu Komputer UI. Dalam menjalani perkuliahan sampai menyelesaikan penelitian ini, banyak pihak yang membantu, membimbing serta mendukung penulis secara langsung maupun tidak langsung. Oleh karena itu penulis ingin mengucapkan terima kasih sebesar-besarnya kepada: 1. Allah SWT yang telah memberi nikmat kesehatan baik fisik maupun pikiran, ke- mampuan serta kemudahan bagi penulis sampai penulis dapat menyelesaikan studi. 2. Papa Bahar dan Ibu Anik selaku orang tua penulis yang senantiasa memberi doa, kasih sayang dan bimbingannya kepada penulis selama menjalani kehidupan ini sehingga dapat menyelesaikan studi pada saat ini. Tidak lupa pula Kak Mila, Kakak penulis yang menjadi support system utama bagi penulis selama ini. 3. Bapak Dr. Ade Azurat dan Ibu Maya Retno Ayu Setyautami, M.Kom selaku Dosen pembimbing penelitian kali ini, telah meluangkan waktu untuk memberi arahan, saran serta motivasi agar penelitian berjalan dengan baik. 4. Rekan-rekan laboratorium RSE Fasilkom UI, Kak Falah, Kak Samuel, Kak Affan, Christopher, yang telah membersamai dan menjadi teman berdiskusi penulis dalam melakukan penelitian ini. 5. Bapak/Ibu Dosen Fasilkom UI yang telah mendidik dan memberikan ilmunya pada penulis selama menjalani studi. 6. Sahabat-sahabat penulis yang selalu saling mendukung, membantu dan menguatkan selama perkuliahan, Thami, Sabila, Dinda, Siti, dan Inez. Tak lupa juga Farras, Dennis dan Azis yang selalu menjadi tempat diskusi menarik untuk pengembangan diri penulis. 7. Kak Naya, Kak Hening, Kak Lulu, dan Kak Hanifa yang telah menjadi sosok kakak selama berkuliah di UI. vi 8. Rekan-rekan FUKI 2019-2021, Kastrat BEM 2020, dan PI BPH BEM 2021, yang membersamai penulis untuk mengaktualisasi diri dibidang non akademis selama menjadi mahasiswa. 9. Para peramu rahsa di Rahsa Nusantara khusunya Mas Nicky, Mas Ghiyats, Rian, dan Yuni yang telah memberikan pengalaman berharga bagi penulis untuk mener- apkan ilmu diperkuliahan ke dunia industri. 10. Teman-teman seperjuangan QUANTA 2018 yang telah bersama-sama menjalani kehidupan kampus dari masa mahasiswa baru sampai tahun ini. 11. Pihak-pihak lain yang memiliki peran dalam membantu penulis hingga saat ini yang tak bisa penulis sebutkan satu persatu. Penulis menyadari bahwa laporan tugas akhir ini masih terdapat banyak kesalahan dan kekurangan. Oleh karena itu, penulis sangat terbuka terhadap kritik dan saran membangun yang dapat membuat tugas akhir ini menjadi lebih baik lagi. Akhir kata, penulis berharap tugas akhir ini dapat memberikan manfaat dan berguna bagi masyarakat nantinya. Depok, 10 Juni 2022 Ilma Ainur Rohma vii ABSTRAK Nama : Ilma Ainur Rohma Program Studi : Sarjana Ilmu Komputer Judul : Pengembangan Eclipse Plug-In untuk UI Generator pada Software Product Line Engineering Software Product Line Engineering (SPLE) adalah paradigma pengembangan perangkat lunak yang menggunakan pendekatan common platform dan mass customization yang mampu mengurangi waktu dan tenaga dalam pengembangan perangkat lunak. Untuk mendukung pengembangan produk dengan paradigma SPLE, Precise Requirement Changes Integrated System (PRICES) dikembangkan dan diintegrasikan dengan In- tegrated Development Environment (IDE) berbasis Eclipse menjadi PricesIDE. Pada PricesIDE antarmuka perangkat lunak akan dimodelkan dengan diagram Interaction Flow Modeling Language (IFML). Penelitian ini bertujuan untuk menghasilkan Plug-in pada PricesIDE yang berfungsi untuk mentransformasi IFML ke React yang sebelumnya dikembangkan berbasis Python. Pada penelitian ini, Plug-In UI Generator dikembangkan dengan Acceleo pada Eclipse agar dapat diintegrasikan dengan PricesIDE. UI Generator juga dikembangkan lebih lanjut agar dapat mendukung berbagai metode saat pemanggi- lan HTTP dan juga mengatasi adanya foreign key pada basis data. Pengembangan lanjut ini akan dilakukan modifikasi terhadap IFML diagram dan aturan transformasi yang telah didefinisikan sebelumnya. UI Generator akan diuji untuk menghasilkan produk yang sama dengan sebelumnya dengan penambahan fitur laporan tahunan. Melalui eksperimen yang dilakukan, dapat disimpulkan bahwa UI Generator yang dikembangkan pada penelitian ini berhasil menghasilkan website yang sudah mendukung perbedaan metode HTTP dan mampu menangani adanya foreign key. Kata kunci: Software Product Line Engineering (SPLE), User Interface Generator, Interaction Flow Modeling Language (IFML), Acceleo