Hackerspaces App: Difference between revisions

From NURDspace
mNo edit summary
No edit summary
Line 12: Line 12:
* Create an ionic app for Android devices that aims to provide a clean and easy user interface for finding and fetching the status of hackerspaces via spaceapi.
* Create an ionic app for Android devices that aims to provide a clean and easy user interface for finding and fetching the status of hackerspaces via spaceapi.


* Allow the user to create a widget for their chosen hackerspace to view status information at a glance.
* Allow the user to create a widget for their chosen hackerspace to view status information at a glance. [Widgets are not supported in Ionic]
 
== '''Implementation:''' ==
 
Currently the app fetches a directory of listings from the SpaceAPI which the user can browse in a list view, they can then select spaces to save which are stored between sessions. Saved space details are loaded and their current status is displayed on the main page, there is a compact view which only displays the space name, if the space is open or closed and the last updated time if the individual space stores that data.
 
== ''Issues:''' ==
 
It looks like CORS is only an issue when running or testing the app using ionic serve or ionic run -l. This should be fine for the app but if it later becomes an issue then I could potentially implement requests that do not specify an origin via the ionic proxy server.
 
Widgets cannot be developed in ionic because they are native Android constructions. Although it does seem possible to create using a cordova plugin called Ace (http://microsoft.github.io/ace) and then bundling that widget with the main build.


== Media ==
== Media ==
Line 18: Line 28:
image:directory-listing.png|First implementation of spaceapi directory listing.
image:directory-listing.png|First implementation of spaceapi directory listing.
image:searchable-list.png|First implementation of the ion-searchbar component.
image:searchable-list.png|First implementation of the ion-searchbar component.
image:selectable-listing.png|SpaceAPI listings can be saved for quick access and status updates.
image:compact-view.png|Saved spaces show up in the Hackerspaces tab, compact view can be toggled to only see the current status.
</gallery>
</gallery>

Revision as of 00:46, 14 July 2020

Hackerspaces App
Hackerspaces-app.png
Participants
Skills Ionic, API, Android
Status Planning
Niche Software
Purpose Sharing, get more people to the space
Tool No
Location
Cost
Tool category

Hackerspaces App

hackerspaces-app.png {{#if:No | [[Tool Owner::{{{ProjectParticipants}}} | }} {{#if:No | [[Tool Cost::{{{Cost}}} | }}

App Goals:

  • Create an ionic app for Android devices that aims to provide a clean and easy user interface for finding and fetching the status of hackerspaces via spaceapi.
  • Allow the user to create a widget for their chosen hackerspace to view status information at a glance. [Widgets are not supported in Ionic]

Implementation:

Currently the app fetches a directory of listings from the SpaceAPI which the user can browse in a list view, they can then select spaces to save which are stored between sessions. Saved space details are loaded and their current status is displayed on the main page, there is a compact view which only displays the space name, if the space is open or closed and the last updated time if the individual space stores that data.

Issues:'

It looks like CORS is only an issue when running or testing the app using ionic serve or ionic run -l. This should be fine for the app but if it later becomes an issue then I could potentially implement requests that do not specify an origin via the ionic proxy server.

Widgets cannot be developed in ionic because they are native Android constructions. Although it does seem possible to create using a cordova plugin called Ace (http://microsoft.github.io/ace) and then bundling that widget with the main build.

Media