没有合适的资源?快使用搜索试试~ 我知道了~
使用 Flutter 框架的虚拟旅游博物馆应用程序.pdf
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 132 浏览量
2024-03-27
09:36:31
上传
评论
收藏 1.47MB PDF 举报
温馨提示
试读
12页
使用 Flutter 框架的虚拟旅游博物馆应用程序.pdf
资源推荐
资源详情
资源评论
Virtual Tour Museum Application Using Flutter Framework
Alexander Setiawan
1)
Andreas Handojo
2)
Silvia Rostianingsih
3)
Clarissa Angelia
4)
Wendy Santoso
5)
, and Jeremy Dion
6)
Author Affiliations
1,2,3,4,5
Informatics Department, Faculty of Industrial Technology, Petra Christian University Indonesia
Author Emails
alexander@petra.ac.id
1
handojo@petra.ac.id
2
silvia@petra.ac.id
3
Abstract. According to the Kamus Besar Bahasa Indonesia (KBBI), a museum's function is to protect, develop, utilize
collections, and communicate them to the public. The public often knows the word museum itself as a historical place or a
place that has high cultural value. Usually, museums are also used as study tour places for students in Indonesia. In 2020,
Indonesia has 439 museums spread across the country. However, not all of these museums can be visited by the public due
to distance and time limitations. Therefore, media such as a mobile application is needed so that people can visit the
museum virtually without being limited by distance and time. In its creation, the Virtual Tour Museum application will
implement a framework using the Dart programming language. This application will also be useful as a means of promotion
and introduction of Indonesian culture and history to the public, especially the younger generation through the Virtual
Museum media.
Keywords: Application, Flutter, Dart, Museum, Figma, Laravel, Virtual Tour.
INTRODUCTION
Museum is a place to maintain, research, communicate, and exhibit cultural heritage. Museums are often used as
places for tourism and educational facilities by the public. In Indonesia, there are around 439 museums spread from
Sabang to Merauke. These museums store a wealth of knowledge about Indonesian history and culture that should be
preserved and introduced to the public, especially the younger generation. Even though the number of museums in
Indonesia is relatively large, in fact not all museums can be visited by the public due to distance and time limitations.
Therefore, we need media that can help connect the public with these museums. The media is in the form of a Virtual
Tour Museum application where people can visit the museum virtually. It is hoped that this application can be useful
as a means of promotion and introduction of Indonesian culture and history to the public, especially the younger
generation. The Virtual Tour Museum application was created by implementing the Dart programming language with
the framework Flutter.
Flutter as Mobile Application Framework
Flutter is a framework made by Google that is used to create mobile applications, either Android or iOS, websites
and desktops [2]. Flutter itself has been used by various large companies such as Google, Alibaba.com, and Tencent
because it can save time and effort by simply requiring one codebase to develop applications on various platforms.
The advantage of Flutter compared to others is hot reload where when changing application code, application changes
can be seen immediately without the need to re-run the program so that it helps debug the program faster [1].
Applications created with Flutter are written in the Dart programming language. The Dart language has many features
in common with other modern languages such as Kotlin and Swift and can be compiled into JavaScript code. The Dart
language is designed to be familiar with other programming languages so that it is easy for those who already
understand other programming languages and for those who are just starting their journey as a developer.
THE
PROCESS
OF
MAKING
THE
MOBILE
APPLICATION
UI/UX Application Design
The Virtual Tour Museum application was designed using Figma. Figma was chosen because of its ease in making
prototype design views and application flows. In addition, Figma users can collaborate in terms of designing the
appearance of the application so that it makes the design process easier. The design of this application takes a
minimalist and elegant theme, so it is hoped that it will further highlight the museum which is the main feature of this
application. The appearance of this application is divided into several frames such as Home, Museum Details, Explore,
Bookmark, and Profile. Each frame has animations and interactions so that it can clarify the flow of the application.
Later, application users will be asked to log in first to use the full features of the application. Following are some of
the Virtual Tour Museum application designs:
FIGURE
1.
Home page display.
FIGURE
2.
Explore page view.
(a)
(b)
(c)
FIGURE
3. Museum Details page display. (a) Comments uploaded by users. (b) Description of the museum. (c) Map the
location and address of the museum.
Fig. 1 consists of several sections, at the very top there is the logo of the application. Then underneath there is a
slogan to invite users to know more about this Virtual Tour Museum application. Next to the slogan, there is a
notification button where the user will be directed to the notification page to see incoming notifications. After that, at
the bottom, there is a tab bar that displays three options, namely popular, recent, and rating. The popular tab will
display a list of currently popular museums, the recent tab displays a list of recently uploaded museums and the rating
displays museums based on ratings.
Fig. 2 uses the Google Maps API to retrieve museum locations around the user and display them on a map. Then
using the data obtained, the application will also display a card containing information about the museums. At the top
of the map, there is a search bar that users can use to find the museum they want.
Fig. 3 displays the detailed pages of each museum. On this page, there is information such as the name of the
museum and its location. After that, there is a tab bar that contains three options, namely comments, description, and
location. In the comments tab users can see comments related to the museum, users can also write comments in the
input field that is available at the bottom. Then the description tab is used to display a brief description of the museum
and the location tab to view the location of the museum.
Flutter Project Setup
Design that has been created and then realized using Flutter. Work on this project is done using Visual Studio
Code (VS Code) as the IDE and Android Studio as the emulator. VS Code was chosen as the IDE for writing Flutter
code due to its low minimum specifications compared to Android Studio. Flutter projects can be run using google
chrome or the emulator from Android Studio if they have been previously downloaded. When the project is run, by
default VS Code will use google chrome to display the Flutter project that has been created. Before starting to create
a Flutter project in VS Code, several requirements must be met first.
剩余11页未读,继续阅读
资源评论
百态老人
- 粉丝: 1255
- 资源: 2万+
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于STM32F103C8T6单片机蓄电池在线监测系统主板硬件(原理图+PCB)工程文件.zip
- mysql大纲资料.txt
- c++大纲资料.txt
- 效率工具bat脚本实现日志提取
- MyBatis 中动态 SQL 的示例
- STM8L101F3P6单片机+CC1100模块433M遥控器设计硬件(原理图+PCB)工程文件.zip
- 上传下载铁人下载系统 Liuxing 1.0-liuxing1.0.rar
- 南京邮电大学数学实验实力雄厚,凭借其优秀的师资力量、丰富的实践教学资源和卓越的科研成果,成为国内一流的数学实验教学和科研基地
- 【火爆朋友圈的今天吃什么源码 v1.0】随机的为用户带来每一天的用餐选择和推荐.rar
- MPU6050中文版数据手册
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功