Mobile app of a museum that allows users to scan a QR Code next to every item of the museum. When a QR is scanned, the app displays information about the corresponding object. Additionally, users can see a list of upcoming events at the museum, with their respective information, date and price and book tickets to visit the museum.
Finished first version
Below are the technologies used for developing this version, which corresponds to the native iOS version of the app.
-
Swift - Programming language designed by Apple, used for developing iOS, macOS, watchOS, tvOS and iPadOS applications.
-
SwiftUI - Framework for building user interfaces for iOS, macOS, watchOS, tvOS and iPadOS applications.
-
Firebase - Google platform that offers different services divided into modules for developing applications.
-
Firebase Auth - Provides backend services to authenticate users in apps easy and securely. Used in the app to authenticate users and perform activities such as logging in or out, signing in, editing the profile data or recovering password.
-
Firestore - Flexible and scalable database for mobile and web development. There, information of museum events and products, among others, can be stored using collections and documents.
-
YouTube API - Allows to add YouTube features to the mobile app. Allows this app to display videos of the objects that are scanned.
-
Jira - Software to help the team to manage the work to develop the app.
Feature 1: Registration and authentication of users through forms which fields get validated using Firebase Auth and regular expressions.
Feature 2: Viewing and editing users own personal information. Log out button included below users' data.
Feature 3: Password recovery in case the user has forgotten their password.
Feature 4: Home page. Here, a carousel with different images of products can be seen, as well as an interactive map with the museums location. Clicking on the map annotation, you can get redirected to Apple Maps to start your route to the museum. There is also a button to book a ticket to visit the museum.
Feature 5: Museum ticket booking. In the first view, the user can select the date and hour to visit the museum. Then, they must select the corresponding tickets and, after choosing them, select a payment method.
Feature 6: Event list, that show the upcoming events that will take place at the museum, from exhibitions to talks or expositions. Its time and date is also shown. There is a searchbar above the event list that can be used to search an event by its name.
Feature 6.1: Clicking one of the above list items, the user can see the details of the event, such as a description, pricing and a button to book a ticket for that event.
Feature 6.2: Clicking the button, the user can access the process to buy a ticket for an event.
Feature 7: QR Scanner used by the users to scan the QR codes next to the items of the museum, to get the detailed information of the object.
Feature 7.1: After scanning the QR code, the user can see the description and image of the object, as well as two other buttons (comment button to redirect to comment section and play button to play a video of the object).Feature 7.1.1: After pressing the comment button, the user can see the commments other users have submitted. Also, there is a comment field where the user can write the comment and submit it.
Feature 7.1.2: After pressing the play button, the user can see an embedded YouTube video inside the app. This video can be paused, resumed and also enables fast forward and rewind.
Feature 8: Tab bar that allows the user to navigate between the three main views of the app: home page, QR scanner and event list.
For generating and distributing the .ipa file to test this app on your own iPhone or iOS device, a subscription to Apple Developer Program is needed. Because of this, the remaining way to test this project on your device is downloading the source code from this repository and installing the dependencies used. Then, the device that is going to be used needs to be connected to the Mac using a cable or pair it via Wi-Fi with Xcode. After adding this device as a simulator, select it as a simulated device from the run destination menu and run the app using the run button. It is important, if you are using a real device, to enable developer mode in orden to be able to run it. You can also run the app using a simulated device, which you can select between the variety of simulator Apple offers inside Xcode.
To test the QR scanner feature, here are some QR codes you can scan to see some objects on display of the museum.
Software documentation, as well as additional resources such as a PowerPoint presentation with key points, mock-ups, a video showing the app running, etc., can be found by clicking on this link.