Git Product home page Git Product logo

a-museum-smart-phone-app-with-bluetooth-beacon's Introduction

A museum visitor's smart phone app with bluetooth beacons

Introduction

This project designs a database for the museum, a web interface for managing the database and a smart phone application that can play audio clips of exhibits.
Suppose there is a Bluetooth beacon near each exhibit in the museum. When a smart phone approaches the Bluetooth beacon, the app will display the basic information of the exhibits and broadcast the audio snippets of the exhibits' information.
The project include two part, one of which is the web interface, with functions of:

  • Create information about various exhibits
  • Update information about various exhibits
  • Retrieve information about various exhibits
  • Delete information about various exhibits

The other part is iOS smartphone applications, with functions of:

  • Detect Bluetooth Beacons around the smart phone
  • Display the information of the exhibits corresponding to the Bluetooth beacon
  • Play audio snippets of information about each of the museum exhibits
  • Send the Bluetooth beacon data to the server and request the exhibits data

Implementation Tool

  Tool Language Framework
Web interface Atom HTML
JavaScript
CSS
Bootstrap
Server system IntelliJ IDEA Java Spring Boot
MyBatis
Thymeleaf
iOS application Xcode Swift None

Build

As this project is supposed to build with a IP address, for server the project needs to set the IP address, port number, and corresponding SSL certificate for the project deployment in the Spring Boot project properties file. The default SSL certificate for this project is our self-signed certificate. For iOS smart phone applications, when the server deployed by the project is changed, the IP address of the deployed server should also be modified in the code. At the same time, the SSL certificate file used in the project also needs to change. Type in terminal

Java-jar museum-0.0.1-snapshot.jar --port=8080 --address=10.28.148.205

to start the project. Address and port will change if you deploy the project on other server. The project is deployed on the BUPT Campus LAN.
image

Tutorial

Guidance on Web management system

Under the premise that server deployment of the system is guaranteed, first open the URL "https://10.28.148.205:8080" into the directory page. It is worth noting that the system is deployed on a LAN server with IP address of 10.28.148.205 and port number of 8080.
image

After that, we enter the system by default username “admin” and the password “123456”.

image

Then we come to the Dashboard page, where you can select the contents of the table you want to view from the navigation bar on the left. This is the data of the exhibit table.

image

This is the data of the author table.

image

This is the data of the room table.

image

This is the data of the BluetoothBeacon table.

image

This is the data of type table.

image

Add

When we want to add data to a table in the database, we can click the "Add" button on the page.

image

After that, we will enter the Add page. After filling in the data in the form, click the "Add" button to add the data to the database.

image image

Then we can see the data we just add.

image

Update

When we want to update data to a table in the database, we can click the "Update" button on the page.
image

Then we can change the data in the form, and click “update” button to submit.
image

Here we have changed the date from "2021/4/15" to "2021/4/16", and you can see that the data in the list page has also changed accordingly.
image

Delete

When we want to delete data from the database, we can click “delete” button to delete one column of the data.
image

Here we choose to delete the data with ID 4.
image

successfully delete.

Guidance on iOS smart phone app

When you get into the app, you first need to login. This is the login page.
image

If you click the register button, you will be taken to the register page.
image

After you have successfully logged in, you will be taken to the home page.
image

When you approach a Bluetooth beacon, the interface will automatically jump to the display information corresponding to the beacon, and can provide a button to play an audio snippet for you.
image

When you click the button, the app will play the audio snippet of the exhibit.

a-museum-smart-phone-app-with-bluetooth-beacon's People

Contributors

quintessenceether avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.