JUTEKIN Vol 13 No.
Ae ISSN : 2338-1477 Ae EISSN : 2541-6375
JURNAL TEKNIK INFORMATIKA
Halaman Jurnal: http://jurnal.
stmik-dci.
id/index.
php/jutekin/ Halaman LPPM STMIK DCI : http://lppm.
stmik-dci.
Halaman LPPM STMIK DCI : http://lppm.
stmik-dci.
PEMBUATAN STATIC MOBILE APPS UNTUK PROFIL PROGRAM STUDI PROFESI
DOKTER TAHAP AKADEMIK DAN PROGRAM STUDI KEDOKTERAN HEWAN UNPAD
Akik Hidayat1, alfaril2 Prodi Teknik Informatika.
Universitas Padjadjaran Bandung Email :
akik@unpad.
id1 , alfari18001@mail.
ABSTRAK
Website profil perusahaan menjadi sebuah trend dalam melakukan promosi dan melakukan pelayanan pada era sekarang, dengan kemajuan teknologi yang pesat media promosi menjadi lebih efektif melalui media digital, pelayanan yang sering dilakukan salah satunya melalui website karena mempunyai fleksibelitas yang tinggi dalam menangani promosi, salah satu cara membuat website yang cepat dan mudah adalah menggunakan Content Management System (CMS) seperti Wordpress karena efektif dan lebih menghemat biaya.
Wordpress sendiri bisa dimaksimalkan dengan beberapa plugin di dalamnya salah satunya adalah Elementor yang digunakan sebagai website builder Kata KunciAi Wordpress.
Website.
Company Profile PENDAHULUAN Latar Belakang sehingga aplikasi ini sangat cocok untuk untuk mendukung aktivitas mobilitas tinggi.
Aplikasi mobile saat ini Pesatnya berdampak pada gaya hidup seharihari.
Aplikasi mobile saat ini banyak digunakan untuk menunjang aktivitas kehidupan sehari-hari.
Kelebihan dari aplikasi mobile ini sederhana dan dapat digunakan dimana saja.
Dewasa Universitas Padjadjaran untuk jurusanjurusannya.
Halaman profil merupakan tempat dimana civitas akademika dapat mengakses informasi-informasi mengenai jurusan tersebut.
Halaman profil memegang peranan penting bagi jurusan karena dapat menunjukkan visi Akik Hidayat,alfaril / Jurnal Teknik Informatika.
Vol 13.
No.
79 - 88
dan misi jurusan, atau apa yang ingin diberikan kepada civitas akademik jurusan maupun diluar itu.
Selain itu, manfaat lain dari halaman profil adalah sebagai alat presentasi adalah dapat mempersingkat waktu pertemuan, sehingga seseorang tidak perlu menanyakan langsung tentang profil, visi dan misi jurusan secara detail.
visibilitas, prestise dan nilai publik.
Waterfall methodology Metodologi sistem adalah metode, prosedur, dan aturan yang akan digunakan untuk informasi (Pressman, 2.
Metode waterfall merupakan salah satu metodologi penelitian yang sering Metode waterfall ini adalah perangkat lunak berurutan, dimana progress dilihat sebagai sesuatu yang mengalir ke bawah melewati fase (Pressman.
Proses pembangunan sistem menggunakan metode waterfall dapat dilihat pada II.
TINJAUAN PUSTAKA
Repositori Institusi Repositori merupakan database terbuka, yaitu dapat diakses internet, di mana seluruh produksi ilmiah universitas diarsipkan: gelar sarjana, gelar master.
Tesis PhD anggota universitas, bahan ajar, makalah ilmiah, prosiding universitas, proyek penelitian dan materi lain yang dianggap universitas berharga dan dapat disediakan untuk anggota universitas atau universitas NS repositori institusi digital mewakili seluruh nilai universitas dan meningkatkan visibilitas, dan apresiasi nasional dan internasional.
Itu dapat dibentuk dan dikelola oleh masingmasing fakultas secara terpisah, atau oleh departemen informatika, atau oleh sekelompok spesialis di bidang teknologi informasi dari masingmasing Repositori institusional digital (IR) adalah koleksi digital yang menyimpan dan melestarikan produksi intelektual civitas akademika.
Mereka adalah komponen utama dalam dengan merangsang inovasi dalam struktur penerbitan terpilah dan indikator tidak berwujud kualitas Gambar 2.
Gambar 2.
1 Alur proses pengembangan metode waterfall Analisis Kebutuhan Analisis kebutuhan dilakukan untuk mendata dan mengumpulkan kebutuhan bagi pengguna maupun kebutuhan perangkat lunak dan perangkat keras dalam merancang pembangunan aplikasi.
Desain Sistem Proses desain sistem yaitu Akik Hidayat,alfaril / Jurnal Teknik Informatika.
Vol 13.
No.
79 - 88
perangkat lunak yang akan dibuat yang dapat diukur kualitasnya sebelum dimulai penulisan kode program, seperti struktur data program, arsitektur software, detail algoritma dan user interface (UI).
seluler dan berinteraksi dengan pengguna telepon.
Dalam beberapa kasus, perangkat lunak ini merupakan komponen mandiri yang tidak berinteraksi dengan komponen lain di Sebagai contoh, aplikasi seperti senter atau virtual spirit-level pada Smartphone tidak perlu berinteraksi dengan sistem lain di Terlepas dari contoh dimana aplikasi ini diunduh dari jaringan untuk penginstalan, aplikasi ini menghasilkan sedikit beban pada Mereka terkadang perlu memeriksa pembaruan dalam versi, tetapi sebagian besar berfungsi secara Penulisan Kode Program Tahap penulisan kode mengimplementasikan desain yang telah dibuat ke dalam bahasa pemrograman agar dapat dimengerti oleh mesin.
Proses pembuatan program dilakukan pada langkah ini.
Pengujian Program Namun, sebagian besar aplikasi pada ponsel memerlukan sedikit pertukaran informasi dengan satu atau lebih server di Internet.
Aplikasi berita perlu mendapatkan berita terbaru dari situs web, teka-teki perlu diperbarui, laporan game dan memperbarui nilai skor tinggi, game multipemain perlu menyinkronkan status game di beberapa pemain, buku alamat perlu disinkronkan, kebutuhan video dan audio untuk diunduh, dll.
Dalam pertukaran bandwidth dalam jaringan dapat pengguna yang merepotkan.
Pengujian program dilakukan setelah program berhasil dibuat, yang keseluruhan fungsi program telah diuji dan berjalan dengan baik sesuai Penerapan Program dan Pemeliharaan Setelah pengujian dan program telah digunakan oleh pengguna, jika masih ada beberapa kesalahan, aplikasi memerlukan adaptasi dengan perubahan sistem atau permintaan perubahan dari pengguna, maka maintenance program.
Aplikasi mobile Secara umum, istilah aplikasi
mobile aplikasi seluler mengacu pada perangkat lunak yang ada di telepon
HTML
Seperti yang telah dijelaskan sebelumnya bahwa HTML(Hyper Text Markup Languag.
adalah simbol81 Akik Hidayat,alfaril / Jurnal Teknik Informatika.
Vol 13.
No.
79 - 88
simbol atau tag-tag yang dituliskan dalam sebuah file yang dimaksudkan untuk menampilkan halaman pada web browser.
Tag-tag HTML selalu diawali dengan <x> dan diakhiri dengan </x> dimana x tag HTML seperti b, i, u dan sebagainya.
Namun ada juga tag yang tidak diakhiri dengan tanda </x> seperti tag <br>, <input> dan lainnya.
membangun halaman web dan aplikasi web.
Ini adalah proyek sumber terbuka dan gratis, di hosting di GitHub, dan awalnya dibuat oleh .
an untu.
Twitter.
Setelah rilis open source pada tahun 2011.
Bootstrap menjadi populer dengan sangat cepat, dan bukan tanpa alasan.
Desainer web dan Bootstrap karena fleksibel dan mudah Keuntungan utamanya adalah responsif berdasarkan desain, browser yang luas, menawarkan desain yang konsisten dengan menggunakan komponen yang dapat digunakan kembali, dan sangat mudah digunakan dan cepat dipelajari.
Ini menawarkan ekstensibilitas yang kaya JavaScript, dengan dukungan bawaan untuk plugin jQuery dan API JavaScript Bootstrap digunakan dengan IDE atau editor apa pun, dan teknologi serta bahasa sisi server apa pun, dari ASP.
NET hingga PHP hingga Ruby on Rails.
Android Studio Android Studio Integrated Development Environment (IDE) resmi untuk pengembangan aplikasi Android, berdasarkan IntelliJ IDEA (Developer.
Android,2.
CSS
Menurut (Wahyudi, 2.
CSS adalah suatu Bahasa pemrograman mengendalikan dan membangun berbagai komponen dalam web sehingga tampilan web akan lebih rapi, terstruktur, dan seragam.
CSS (Cascading Style Sheet.
adalah salah satu dari serangkaian standar dirumuskan oleh W3C (World Wide Web Consortiu.
di Desember Lebih mudah menggunakan teknologi CSS untuk mengontrol tampilan halaman web Anda, menyatukan gaya situs web, ubah memodifikasi konten web dan memelihara situs web.
Di samping itu mengurangi kode halaman web, browsing, dan pencarian mudah dengan mesin.
Webview Webview merupakan engine browser yang berada di dalam suatu Webview memungkinkan Bootstrap Bootstrap adalah toolkit yang kuat - kumpulan alat HTML.
CSS, dan JavaScript untuk membuat dan Akik Hidayat,alfaril / Jurnal Teknik Informatika.
Vol 13.
No.
79 - 88
berbasis HTML.
JS, dan CSS yang mana merupakan komponen dasar pada suatu website.
Tabel 2.
1 Simbol-Simbol pada Use Case Diagram Android juga memiliki sistem webview yang memungkinkan untuk menampilkan aplikasi berbasis HTML.
JS dan CSS secara langsung pada aplikasi android.
Ada dua cara dalam memasukkan layout webview saat pembuatan aplikasi.
Unified Modeling Language (UML) Unified Modeling Language (UML) adalah sekumpulan model konvensi yang digunakan untuk menentukan atau menggambarkan sebuah sistem perangkat lunak dalam kaitannya dengan objek (Medvidovic et al.
, 2.
Activity aktivitas dalam sistem yang sedang dirancang, bagaimana masing-masing alur berawal, decision yang mungkin terjadi, dan bagaimana mereka Notasi - notasi yang digunakan pada activity diagram dapat dilihat pada Tabel 2.
UML dapat digunakan untuk membuat model untuk semua jenis aplikasi perangkat lunak.
Dimana aplikasi tersebut dapat berjalan pada perangkat keras, 16 sistem operasi dan jaringan apapun, serta ditulis dalam bahasa pemrograman apapun.
Activity Diagram Tabel 2.
2 Simbol-Simbol pada Activity Diagram Use Case Diagram Use menggambarkan fungsionalitas yang diharapkan dari sebuah sistem.
Sebuah use case merepresentasikan sebuah interaksi antara actor dengan Notasi Ae notasi yang digunakan pada use case diagram ini dapat dilihat pada Tabel 2.
Akik Hidayat,alfaril / Jurnal Teknik Informatika.
Vol 13.
No.
79 - 88
ANALISIS SISTEM
data mengenai informasi-informasi sebagai berikut :
Analisis Kebutuhan Pada tahapan ini dilakukan eksplorasi mengenai hal-hal yang berkaitan dengan kebutuhan sistem dalam proses pengembangan aplikasi.
a Kebutuhan Pengguna a Lokasi / Alamat / Kontak Prodi program studi profesi dokter dan kedokteran hewan.
a Visi Ae Misi program studi profesi dokter dan kedokteran hewan.
a Learning Outcome / Tujuan Prodi program studi profesi dokter dan kedokteran hewan.
a Pengelola / Staf Prodi / Dosen program studi profesi dokter dan kedokteran hewan.
a Fasilitas program studi profesi dokter dan kedokteran hewan.
a Profil Lulusan program studi profesi dokter dan kedokteran a Picture/Image/Gambar program profesi dokter dan kedokteran hewan.
Pada tahapan ini dilakukan analisis kebutuhan pengguna.
Analisis kebutuhan pengguna dimaksudkan untuk mengetahui apa saja yang dibutuhkan oleh pengguna.
Secara umum, kebutuhan pengguna dalam perancangan aplikasi adalah informasi-informasi sebagai berikut :
a a a a a a a a Deskripsi / Profil Prodi / Status Akreditasi program studi profesi dokter dan kedokteran hewan.
Deskripsi / Profil Prodi / Status Akreditasi program studi profesi dokter dan kedokteran hewan.
Lokasi / Alamat / Kontak Prodi program studi profesi dokter dan kedokteran hewan.
Visi Ae Misi program studi profesi dokter dan kedokteran hewan.
Learning Outcome / Tujuan Prodi program studi profesi dokter dan kedokteran hewan.
Pengelola / Staf Prodi / Dosen program studi profesi dokter dan kedokteran hewan.
Fasilitas program studi profesi dokter dan kedokteran hewan.
Profil Lulusan program studi profesi dokter dan kedokteran Picture/Image/Gambar prodi studi profesi dokter dan kedokteran Kebutuhan Sistem Sebelum analisis terhadap kebutuhan sistem.
Hal ini dimaksudkan agar aplikasi yang dibangun sesuai dengan kebutuhan Dari hasil analisis yang dilakukan dirancang fitur-fitur aplikasi yang tertera pada tabel 3.
Analisis Sistem Desain UML (Unified Modelling Languag.
Salah satu desain sistem yang akan dibuat pada perancangan sistem perangkat lunak dalam penelitian ini Kebutuhan Data Data yang dibutuhkan untuk kerja praktek / penelitian ini adalah Akik Hidayat,alfaril / Jurnal Teknik Informatika.
Vol 13.
No.
79 - 88
adalah Unified Modelling Language (UML) yang terdiri dari use case diagram dan activity diagram.
a Use Case diagram Gambar 3.
2 Activity Diagram Desain Antarmuka Desain antarmuka krusial buat dibentuk sebelum melakukan tahapan implementasi coding.
Perancangan dilakukan buat memudahkan waktu proses implementasi coding, sehingga output & implementasi bisa sinkron kebutuhan yang sudah dibuat dalam termin sebelumnya.
Selain itu, tahapan ini jua bermanfaat buat mengurangi kesalahan & menciptakan proses pengembangan pelaksanaan lebih efektif.
Gambar 3.
1 Use Case Diagram Use case diagram menjelaskan kelakuan dari sistem static mobile apps untuk profil prodi.
Pada Gambar 2, terdapat satu aktor yang pengguna, yaitu pengguna.
Pengguna dapat melakukan kegiatan seperti melihat deskripsi singkat,melihat latar visi,misi,tujuan,melihat organisasi,melihat staff,melihat akreditasi,melihat profil lulusan, melihat fasilitas dari program studi.
Dalam antarmuka pelaksanaan perlu merujuk kembali dalam output analisis yang kebutuhan penggunanya.
Adapun pelaksanaan ini dibentuk memakai Software Figma.
Pada subbab ini akan dijelaskan lebih lebih jelasnya tentang beberapa desain antarmuka yang selanjutnya diimplementasi sang penulis selama proses penelitian.
a Activity diagram Diagram menggambarkan aliran kerja dari suatu sistem.
Pada Gambar 3.
terdapat satu swimlane dengan label user.
Pengguna dapat mengakses semua halaman tanpa harus melakukan login terlebih a Desain Antarmuka Halaman Utama Halaman utama aplikasi ini menampilkan informasi yang berkaitan dengan deskripsi singkat program Terdapat akreditasi,visi,misi dan pada bagian Akik Hidayat,alfaril / Jurnal Teknik Informatika.
Vol 13.
No.
79 - 88
footer terdapat informasi berupa alamat dan kontak yang dapat IV.
HASIL DAN PEMBAHASAN
Implementasi Program Pada tahapan ini dilakukan proses implementasi kode program.
Pada antarmuka, dilakukan implementasi hasil dari perencanaan desain antarmuka yang sudah dirancang Implementasi antarmuka pengguna berfokus pada coding menggunakan HTML.
CSS.
Berikut penjelasan mengenai implementasi untuk setiap fitur pada aplikasi.
A Halaman Utama Gambar 4.
2 Halaman Utama Gambar 3.
3 Desain antarmuka .
halaman utama untuk program studi pendidikan dokter serta .
halaman utama program studi kedokteran hewan Akik Hidayat,alfaril / Jurnal Teknik Informatika.
Vol 13.
No.
79 - 88
Halaman Latar Belakang Halaman Struktur Organisasi Gambar 4.
5 Halaman Struktur Organisasi Gambar 4.
3 Halaman Latar Belakang a Halaman Staf Pengajar Halaman Visi & Misi Gambar 4.
6 Halaman Staf Pengajar Gambar 4.
4 Halaman Visi & Misi Akik Hidayat,alfaril / Jurnal Teknik Informatika.
Vol 13.
No.
79 - 88
a Halaman Akreditasi
merujuk pada web jurusan terkait dan bersifat valid
SARAN
Berdasarkan hasil penelitian yang dilakukan, penulis memberikan saran sebagai berikut:
Lakukan antarmuka, hal ini dilakukan untuk desain antarmuka yang sedang trend dan sesuai minat Menambahkan sisi server untuk penambahan role yaitu admin.
Dengan adanya Admin maka diperbarui oleh admin.
Menambahkan fitur lainnya agar kaya akan interaksi dengan Gambar 4.
7 Halaman Akreditasi
KESIMPULAN DAN SARAN
KESIMPULAN
Berdasarkan berbagai hal yang sebelumnya serta perancangan dan implementasi aplikasi statis mobile yang sudah dilakukan penulis, maka dapat disimpulkan sebagai berikut:
DAFTAR PUSTAKA
Repanovici.
Professional profile of digital repository Library Hi Tech News.
Pressman.
AoSoftware Engineering Seventh EditionAo.
Hao.
Limiao.
, & Hua.
Web Design Mode for Browsers to CSS Compatibility Issues.
2012 Fourth International Conference On Multimedia Information Networking And Security.
Hazarika.
Rahul Raj CP, & Tolety.
Recommendations for