DOCSLIB.ORG

Analisis Perancangan Prototipe Sistem Informasi Biaya Studi Mahasiswa Menggunakan Framework Mobile Onsen Ui (Studi Kasus: Stt Terpadu Nurul Fikri)

Total Page：16

File Type：pdf, Size：1020Kb

Download full-text PDF Read full-text
Analisis Perancangan Prototipe Sistem Informasi Biaya Studi Mahasiswa Menggunakan Framework Mobile Onsen Ui (Studi Kasus: Stt Terpadu Nurul Fikri) ISSN 2477-0043 Jurnal Teknologi Terpadu e-ISSN 2460-7908 Vol. 3, No. 2, Desember 2017 ANALISIS PERANCANGAN PROTOTIPE SISTEM INFORMASI BIAYA STUDI MAHASISWA MENGGUNAKAN FRAMEWORK MOBILE ONSEN UI (STUDI KASUS: STT TERPADU NURUL FIKRI) Muhammad Nazih, Zaki Imaduddin Teknik Informatika STT Terpadu Nurul Fikri Abstrak Sistem informasi biaya studi mahasiswa atau bisa disebut juga dengan modul keuangan yang ada di dalam Sisten Informasi Akademik (SIAK) sangat dibutuhkan oleh perguruan tinggi, karena system tersebut sangat membantu dalam penyelenggaraan proses pendidikan. Pada penelitian ini penulis akan membahas mengenai proses analisis dan perancangan Prototipe Sistem Informasi Biaya Studi Mahasiswa dengan Menggunakan Framework Mobile Onsen UI dengan metode pengembangan perangkat lunak Unified Process, dan didalam pengumpulan data penulis menggunakan metode observasi dan wawancara, Serta pengujian aplikasinya menggunakan Black-Box Testing, Adapun hasil yang didapat dari penelitian dan perancangan ini adalah Sistem Informasi Biaya Studi Mahasiswa yang lebih efektif, dan ramah pengguna. Kata Kunci: Framework, Onsen UI, Sistem Informasi Biaya Studi Mahasiswa, Unified Process. potongan biaya dan sebagainya. Namun selama ini, 1. PENDAHULUAN SIAK STTT-NF hanya dapat diakses secara online di 1.1. LATAR BELAKANG komputer melalui browser seperti Mozilla Firefox, STTT-NF merupakan salah satu lembaga Internet Explorer dan Google Chrome, namun belum pendidikan perguruan tinggi swasta yang berada di kota mendukung secara optimal untuk tampilan smartphone, Depok, tepatnya di provinsi Jawa Barat. Lembaga ini sehingga user merasa kurang nyaman untuk telah memiliki beberapa sistem untuk membantu layanan mengoperasikan aplikasi tersebut pada tampilan device operasional bagi civitas akademik, kemahasiswaan, mobile yang berukuran relatif lebih kecil dari komputer. keuangan dan kepegawaian. Segala bntuk layanan Sementara itu seiring dengan meningkatnya operasional tersebut dapat diakses melalui sistem pengguna smartphone di kalangan masyarakat indonesia, informasi akademik. Sistem informasi akademik dan khususnya dikalangan kampus STTT-NF dapat merupakan tiang utama dalam mengatur segala hal yang dikatakan bahwa mayoritas mahasiswanya menggunakan berkaitan dengan penyelenggaraan perkuliahan maupun smartphone, dengan melihat peluang survei tersebut hal-hal yang lainnya dan akademik yaitu suatu rangkaian maka sangat perlu untuk mengembangkan sebuah kegiatan yang disusun secara sistematis untuk mahasiswa aplikasi sistem informasi akademik berbasis android, sebagai input agar dapat menghasilkan lulusan yang dengan harapan mahasiswa dapat lebih mudah dalam berkualitas. mendapatkan sebuah informasi dan dapat lebih mudah Sistem informasi akademik umunya terdiri dari untuk mengoperasikan aplikasi sistem informasi beberapa komponen dan masing-masing komponen akademik khususnya pada modul keuangan mahasiswa saling terkait membentuk suatu alur sistem informasi dengan menggunakan perangkat mobile. lembaga pendidikan tertinggi, Pada Sekolah Tinggi Maka dengan melihat perkembangan teknologi saat Teknologi Nurul Fikri biasa disebut aplikasi SIAK STTT ini dan melihat keadaan kampus STTT-NF, penulis NF (Sistem Informasi Akademik Sekolah Tinggi terdorong untuk membuat sebuah tugas akhir yang Teknologi Terpadu Nurul Fikri). Aplikasi SIAK STTT- membahas mengenai Analisis dan Perancangan Prototipe NF tersusun dari banyak modul-modul di dalamnya. Sistem Informasi Biaya Studi Mahasiswa berbasis Modul-modul penyusun aplikasi SIAK antara lain modul mobile dengan Framework mobile Onsen UI sebagai PMB (Penerimaan Mahasiswa Baru), modul kurikulum, bahan rujukan untuk pengembangan kedepannya di modul penjadwalan, modul rencana studi, modul absensi, Kampus STTT Nurul Fikri. dan yang tak kalah penting adalah modul keuangan. Modul keuangan merupakan modul yang sangat 1.2. RUMUSAN MASALAH diperlukan karena memberikan informasi penting Berdasarkan latar belakang masalah di atas, maka mengenai history keuangan mahasiswa, tunggakan, perumusan masalah pada tugas akhir ini adalah : 18 ISSN 2477-0043 Jurnal Teknologi Terpadu e-ISSN 2460-7908 Vol. 3, No. 2, Desember 2017 1. Apakah perancangan prototipe sistem informasi biaya 2.2. ANDROID studi mahasiswa berbasis mobile dengan Framework Android merupakan OS yang tumbuh di tengah OS Onsen UI ini dapat memenuhi kebutuhan informasi lainya yang berkembang dewasa ini. OS lainya seperti keuangan bagi mahasiswa? Windows Mobile, I-Phone OS, Symbian, dan masih 2. Apakah perancangan prototipe sistem informasi biaya banyak lagi juga menawarkan kekayaan isi dan studi mahasiswa berbasis mobile dengan Framework keoptimalan berjalan di atas pernagkat hardware yang Onsen UI ini dapat memberikan alternatif solusi bagi ada, Akan tetapi OS yang ada ini berjalan dengan mahasiswa untuk mengakses sistem informasi memprioritaskan aplikasi inti yang dibangun sendiri akademik? tanpa melihat potensi yang cukup besar dari aplikasi pihak ketiga. Oleh karena itu adanya keterbatasan dari 1.3. TUJUAN aplikasi pihak ketiga untuk mendapatkan data asli ponsel, Adapun tujuan dan manfaat yang didapatkan dari berkomunikasi antar proses serta keterbatasan distribusi penelitian ini adalah sebagai berikut: aplikasi pihak ketiga ketiga untuk platform mereka. (Hermawan 2011) 1.3.1 TUJUAN UMUM 2.3. APACHE CORDOVA / PHONEGAP Tujuan umum dari penelitian skripsi ini adalah untuk menciptakan dan mengembangkan teknologi Apache Cordova atau cukup disebut Cordova, informasi berupa rancangan prototipe sistem informasi Adalah satu set Application Programming Interface biaya studi mahasiswa STT Nurul Fikri berbasis mobile (API) perangkat yang memungkinkan pengembang dengan Framework Onsen UI. aplikasi mobile untuk mengakses fungsi perangkat asli seperti kamera accelerometer dengan menggukan bahasa 1.3.2 TUJUAN KHUSUS Javascript. Dikombinasikan dengan framework antar Sementara tujuan khusus dari penelitian skripsi ini muka seperti Jquery Mobile atau Dojo Mobile atau diantaranya sebagai berikut: Onsen UI, Cordova memungkinkan aplikasi mobile 1. Memberikan layanan kepada mahasiswa dengan dikembangkan dengan hanya menggunakan bahasa mewujudkan sebuah sistem informasi akademik pada pemograman HTML, CSS dan Javascript. modul keuangan berbasis mobile. Aplikasi yang dibangun menggunakan Cordova 2. Memanfaatkan Framework mobile Onsen UI sebagai tetap perlu dikemas sebagai paket aplikasi menggunkan bahan pembuatan program aplikasi sistem tersebut. Software Development Kit (SDK) dari platform masing- 3. Untuk memaksimalkan penyampaian informasi masing. Maksudnya jika aplikasi tersebut akan kampus kepada mahasiswa. dijalankan pada Android maka pengemasanya tetap harus menggunkan SDK Android , demikian pula untuk platform lainya. (Djuandi 2015) 2. TELAAH PUSTAKA 2.1. SISTEM INFORMASI KEUANGAN 2.4. Framework CSS Onsen UI Sistem Informasi Keuangan adalah sistem Framework CSS Onsen UI dibangun di sekitar informasi yang dirancang untuk menyediakan informasi Topcoat, ini adalah sebuah Library CSS yang mengenai arus uang bagi para pemakai di seluruh sepenuhnya Open Source yang didesain sesuai dengan perusahaan. Sistem Informasi Manajemen Keuangan kebutuhan dengan kinerja yang cepat, karena tidak yang selanjutnya disebut SIMKeu adalah serangkaian mengandung JavaScript, Topcoat terpilih sebagai blok manual maupun aplikasinya yang mengintegrasikan bangun UI yang sempurna. semua proses pengelolaan keuangan satker mulai dari Onsen UI dapat membantu pengembangan sebuah perencanaan anggaran (RKA-KL), Penyusunan aplikasi dengan pendekatan hybrid maupun web. Jika Anggaran (DIPA), Penerbitan SPM, dan Penyusunan mengembangkan sebuah aplikasi hybrid, maka bisa Laporan Keuangan (SAI). Sistem informasi keuangan menggunakan baris perintah Cordova / Phonegap, atau ± mempunyai 3 tugas pokok : dengan Monaca IDE IDE berbasis cloud untuk Cordova. Monaca IDE adalah sebuah platform 1. Mengidentifikasi kebutuhan uang yang akan datang pengembangan HTML5 cloud yang menawarkan pilihan 2. Membantu perolehan dana tersebut, dan kepada programmer untuk mengembangkan aplikasi 3. Mengontrol penggunaannya. Mobile Hybrid dan bisa ditempatkan dibeberapa (Kandadia 2012) Platform. 19 ISSN 2477-0043 Jurnal Teknologi Terpadu e-ISSN 2460-7908 Vol. 3, No. 2, Desember 2017 3. METODE PENELITIAN impementasi ini dilakukan menggunakan hardware dan software yang dibutuhkan. Metode pengembangan rekayasa perangkat lunak yang digunakan oleh penulis adalah Unified Process. 4. Tahap Testing dan Pengujian Metode ini dipilih karena menekankan pada use-case dan Tahap ini dilakukan dengan User Acceptance Test pendekatan iteratif untuk siklus pengembangan perangkat (UAT) dengan maksut untuk menghasilkan dokumen lunak dan aktifitasnya berfokus pada pengembangan yang dijadikan bukti bahwa software yang telah model yang menggunakan UML, sehingga dapat dengan dikembangkan telah dapat diterima oleh pengguna. mudah melakukan perbaikan berulang-ulang hingga Didalam User Acceptance Test (UAT) ada beberapa jenis sesuai dengan kebutuhan user. Berikut ini tahapan proses pengujianya salah satunya yang digunakan oleh penulis penelitian yang penulis lakukan sesuai dengan metode untuk melakukan testing yaitu menggunakan Black Box. pengembangan Unified Process. 1. Tahap Analisis Pada tahapan ini dilakukan identifikasi masalah yang terjadi pada sistem infromasi akademik di STT Terpadu Nurul Fikri, pada tahap ini juga dilakukan analisis kebutuhan yang diperlukan dalam pengembangan perangkat lunak beserta pemecahan permasalahan yang harus diselesaikan. Dibutuhkan sebagai sumber informasi
Load more

Recommended publications
  • DEVELOPMENT of HYBRID MOBILE APPS Using Ionic Framework
    View metadata, citation and similar papers at core.ac.uk brought to you by CORE provided by Theseus Andrea Sánchez Blanco DEVELOPMENT OF HYBRID MOBILE APPS Using Ionic framework Bachelor’s Thesis Information technology May 2016 DESCRIPTION Date of the bachelor's thesis 23.05.2016 Author(s) Degree programme and option Andrea Sánchez Blanco Information Technology Name of the bachelor's thesis DEVELOPMENT OF HYBRID MOBILE APPS Using Ionic Framework Abstract The purpose of the current study is to analyse the advantages and disadvantages of web-based hybrid apps. This thesis explains from the beginnings of mobile phones how and why it has been created this solution, and how mobile’s history has evolved to need an intermediate approach. It is also studied the general principles of good mobile user interfaces, in order to create a full good user experience from appearance to performance and usability, and how to implement the server side in an Ionic mo- bile application. These have been done providing a general context about the first mobile phones to the latest ones, going through the different mobile OSs and focusing on an intermediate approach, hybrid web-based apps. After that I have explained Ionic Framework and the User Interface guidelines. Finally I have documented my practical part, associating it with the theoretical part, and explaining how I did the server side implementation on my app. The conclusions I took are more general than I thought at the beginning. I have studied this solution with Ionic Framework, with which I have had an overall good experience.
    [Show full text]
  • Downloads O License: GNU Gplv3 O Has Proprietary Features: Yes
    1.0 ﺑﺮﻧﺎﻣﺞ اﻟﺘﻌﺎﻣﻼت اﻟﻜﺘﺮوﻧﻴﺔ اﻟﺤﻜﻮﻣﻴﺔ ّ(ﻳﺴﺮ) 2019 ................................................................................................................................................. ................................................................................................................................ .............................................................................................................................................. ................................................................................................................................... ......................................................................................................................... CMS ..................................................................................................................... DMS ................................................................................................................ .................................................................................................................................... ........................ ...................................................................................................... ............................................................................................. ................................................................................................................. ........................................................................................................................... ......................................................................................................................................
    [Show full text]
  • Development of Cross-Platform Cloud Application with Angularjs and Nodejs
    MASARYK UNIVERSITY FACULTY}w¡¢£¤¥¦§¨ OF I !"#$%&'()+,-./012345<yA|NFORMATICS Development of cross-platform cloud application with AngularJS and NodeJS DIPLOMA THESIS Matouš Havlena Brno, Spring 2015 Declaration I hereby declare that this paper is my original authorial work, which I have written on my own. All sources, references and literature used or excerpted during the elaboration of this work are properly cited and listed in complete reference to the due source. Matouš Havlena Advisor: Ing. RNDr. Barbora Bühnová, Ph.D. ii Acknowledgement I would like to express my special appreciation and thanks to my advisor Ing. RNDr. Barbora Bühnová, Ph.D. for her useful comments and remarks, and her commitment throughout the learning process of this master thesis. I would also like to thank my project external guide Stacy F. Hobson from IBM Research and all the people working on my team. I would like to express special thanks to my beloved ones, who have supported me through- out the entire process, both by keeping me harmonious and by helping me to put the pieces together. I will be forever grateful for your love. iii Abstract The goal of this thesis is to implement a cross-platform mobile event application to be used by attendees during client workshops in IBM Research. The thesis documents the phases of the application development process, starting with the initial project description, through the requirements analysis and design, to implementation of the application. Special empha- sis is put on the design phase where mobile development approaches, technologies used during development, and application architecture are discussed.
    [Show full text]
  • All Special Packages Programming and Data Science Tools
    Emperor-OS All Special Packages Programming and Data science tools Editor: Hussein Seilany [email protected] www.Emperor-OS.com Emperor-has 5 package management system for installing, upgrading, configuring, and removing software. Also providing access over 60,000 software packages of Ubuntu. We per-installed several tools are available for interacting with Emperor's package management system. You can use simple command-line utilities to a graphical tools. Emperor-OS's package management system is derived from the same system used by the Ubuntu GNU/Linux distribution. We will show you the list of installed packages on Emperor-OS. The packages lists is long. Having a list of installed packages helps system administrators maintain, replicate, and reinstall Emperor-OS systems. Emperor-OS Linux systems install dependencies all the time, hence it is essential to know what is on the system. In this page you can find a specific package and python modules is installed, count installed packages and find out the version of an installed package. Download lists as PDF file or see them as html page in the following: Are you looking for all in one operating system? 70 Packages: Installed Special Packages 120 Tools: Installed Utility 260 Modules: Installed Python2 and 3 Modules 600Fonts: Installed Fonts 5 Desktops: Desktop Manager Packages 22Tools: Extra Development Tools 270 Themes: Installed Themes 40 Icons: Installed Icons 40Games: Installed Games 2533scanners: supports Scanners 2500 Cameras: supports Camera 4338Packages: All Installed Packages 2 [email protected] www.Emperor-OS.com A) Programming tools 1) Python 2.7 and 3.7.4 Description: Python is an interpreted, interactive, object-oriented, high-level, general-purpose, versatile and popular programming language.
    [Show full text]
  • Apache Cordova 4 Programming
    Apache Cordova 4 Programming Apache Cordova 4 Programming John M. Wargo Upper Saddle River, NJ • Boston • Indianapolis • San Francisco New York • Toronto • Montreal • London • Munich • Paris • Madrid Capetown • Sydney • Tokyo • Singapore • Mexico City Many of the designations used by manufacturers and sellers to distinguish their products are claimed as trademarks. Where those designations appear in this book, and the publisher was aware of a trademark claim, the designations have been printed with initial capital letters or in all capitals. The author and publisher have taken care in the preparation of this book, but make no expressed or implied warranty of any kind and assume no responsibility for errors or omissions. No liability is assumed for incidental or consequential damages in connection with or arising out of the use of the information or programs contained herein. For information about buying this title in bulk quantities, or for special sales opportunities (which may include electronic versions; custom cover designs; and content particular to your business, training goals, marketing focus, or branding interests), please contact our corporate sales department at [email protected] or (800) 382-3419. For government sales inquiries, please contact [email protected]. For questions about sales outside the United States, please contact [email protected]. Visit us on the Web: informit.com/aw Library of Congress Cataloging-in-Publication Data Wargo, John M. Apache Cordova 4 programming / John M Wargo. pages cm Includes index. ISBN 978-0-13-404819-2 (pbk. : alk. paper) 1. Mobile computing—Computer programs. 2. Application program interfaces (Computer software) 3. Application software—Development. 4.
    [Show full text]
  • Onsen UI 2.0 Released
    Source: Monaca September 15, 2016 06:01 ET Onsen UI 2.0 Released Framework-Agnostic Hybrid Mobile App Development Platform Supports Pure JavaScript, AngularJS, Angular 2, React, Vue.js, Meteor SAN FRANCISCO, CA--(Marketwired - Sep 15, 2016) - Monaca, the HTML5 mobile app development company, has released Onsen UI 2.0. Onsen UI provides a full-stack ecosystem for developing beautiful cross-platform mobile apps. Onsen UI apps have shipped on over 100 million mobile devices. With version 2.0, Onsen UI can now be used with any popular Javascript framework, providing a framework- agnostic development environment as JavaScript development continues to expand from web to mobile platforms. Onsen UI supports pure JavaScript, AngularJS, Angular 2, React, Vue.js, and Meteor. The free open source download is available now: http://onsen.io According to Stack Overflow, JavaScript is now the most popular way to develop full-stack, frontend, and back- end applications. Onsen UI is helping to convert these developers into mobile developers. "Onsen UI is the key to making JavaScript the best choice for mobile, for both app and web. JavaScript enabled hybrid apps will help you make the jump into mobile app development and build your resume quickly," said Masa Tanaka, CEO of Monaca and head of Onsen UI open source project. "Mobile app development with Onsen UI can save you time and effort compared to traditional Android and iPhone SDKs. Onsen UI provides incredible benefits for new mobile developers." "Tools for developing sharp, useful mobile apps are a key part of any developer toolkit. A framework-agnostic full- stack tool like Onsen UI can go a long way in helping developers build mobile apps that matter," said Brian LeRoux, Creator of PhoneGap/Apache Cordova.
    [Show full text]
  • Microsoft Platform and Tools for Mobile Application Development
    Microsoft platform and tools for mobile application development White paper Microsoft Corporation PUBLISHED BY Microsoft Corporation One Microsoft Way Redmond, Washington 98052-6399 Copyright © 2016 by Microsoft Corporation All rights reserved. This document is provided "as-is." Information and views expressed in this document, including URL and other Internet website references, may change without notice. You bear the risk of using it. Some examples are for illustration only and are fictitious. No real association is intended or inferred. This document does not provide you with any legal rights to any intellectual property in any Microsoft product. You may copy and use this document for your internal, reference purposes. Contents Summary ...................................................................................................................................................... 1 Purpose ........................................................................................................................................................................................ 2 Who should use this guide ............................................................................................................................................. 2 Key benefits ........................................................................................................................................................................... 2 Introduction to the Microsoft platform for mobile app development .............................................
    [Show full text]
  • Smartphone Based Citizen Complaint System for Urban Maintenance Using GIS Mohd Sohel Deshmukh, Swapnil R.Rajput
    International Journal of Scientific & Engineering Research, Volume 7, Issue 5, May-2016 1591 ISSN 2229-5518 Smartphone Based Citizen Complaint System for Urban Maintenance Using GIS Mohd Sohel Deshmukh, Swapnil R.Rajput Abstract— Today different countries have civic bodies that are the local governing bodies which help to maintain cities. Pointing to the complaints of the citizens in urban areas is a prime factor that can ensure trust of different citizens. This Smartphone application will help the common people under the jurisdiction of Municipal Corporation to register their grievances day to day complaints in their ward through a mobile application. This application provides an interface to register one’s complained and follow it up. It will provide a common man to deliver his complaints and problems to municipal authority as well as let the municipal authorities to address the problem in a short period of time. It provides a camera module which helps clicking up a picture of any problem that people are facing and upload its image along with the complaint. The location of complaint is tracked by Global Positioning System (GPS) unit. Reverse-geocoding is used to find the address from GPS provided co-ordinates. Application display list of complaints registered which are get from server. Once the complaint is submitted it can also be share onto the social media, complaint shared in the form of complaint register location which is latitude and longitude along with description Index Terms— Non-Emergency, Urban areas, Geographical Information system (GIS), Local Government, Smart city —————————— —————————— 1 INTRODUCTION irect and common Communication between the local making the process very complex and inefficient so sometime D governing body and the citizen of that city is a very effi- people don’t even file the complaint to save them from this cient in solving the issue related to the citizen, in India Process.
    [Show full text]
  • Hybrid App Approach: Could It Mark the End of Native App Domination?
    Volume 14, 2017 HYBRID APP APPROACH: COULD IT MARK THE END OF NATIVE APP DOMINATION? Minh Huynh* Southeastern Louisiana University, [email protected] Hammond, LA USA Prashant Ghimire Southeastern Louisiana University, [email protected] Hammond, LA USA Donny Truong George Mason University, [email protected] Arlington, VA USA *Corresponding Author ABSTRACT Aim/Purpose Despite millions of apps on the market, it is still challenging to develop a mobile app that can run across platforms using the same code. Background This paper explores a potential solution for developing cross platform apps by presenting the hybrid app approach. Methodology The paper first describes a brief evolution of the different mobile app develop- ment approaches and then compares them with the hybrid app approach. Next, it focuses on one specific hybrid app development framework called Ionic. Contribution The paper presents the hybrid app approach as an emerging trend in mobile app development and concludes with the highlight of its advantages and teaching im- plications. Findings The hybrid app approach reduces the learning curve and offers tools to allow the reuse of code to create apps for different mobile devices. Recommendations The experience that the paper describes in using Ionic framework to create a hy- for Practitioners brid app can be adopted in a web design or mobile app development course. Impact on Society The advance in hybrid framework in general and the growing acceptance of open source framework, such as Ionic in particular, may provide an alternative to the native app domination and may trigger the rapid rise of hybrid apps in the years to come.
    [Show full text]