CSE 335 SUHAIL GHAFOOR Fall 2017 FINAL PROJECT PRESENTATION C S E - PowerPoint PPT Presentation

CSE 335 SUHAIL GHAFOOR Fall 2017 FINAL PROJECT PRESENTATION

C S E 3 3 5 - F A L L 2 0 1 7 INTRODUCTION Suhail Ghafoor - Final project presentation A simple app that lets the user view earthquakes around the world on either a map or a simple list. The user can also choose a particular earthquake and view more details about it. P I C T U R E U S E D W I T H P E R M I S S I O N O F T H E P H O T O G R A P H E R

Suhail Ghafoor - Final project presentation C S E 3 3 5 - F A L L 2 0 1 7 WORKFLOW

DESIGN DECISIONS C S E 3 3 5 - F A L L 2 0 1 7 Suhail Ghafoor - Final project presentation TIME SKILL GRADING Features that we learned There were features that I Implementing features in class that I could have wanted to implement but that were required by the implemented in this did not know where to project criteria. project but could not due begin. to time limitations.

Design

C S E 3 3 5 - F A L L 2 0 1 7 HOME VIEW Suhail Ghafoor - Final project presentation • Initial screen of the app • Two options, either view earthquakes as a list or on a map. • Option to refresh data. • Shows the amount of earthquakes currently stored on the phone. • Data fetched from earthquake.usgs.gov

C S E 3 3 5 - F A L L 2 0 1 7 MAP VIEW Suhail Ghafoor - Final project presentation • Shows recent earthquakes on a map. • When a pin is tapped/selected then it shows the magnitude.

C S E 3 3 5 - F A L L 2 0 1 7 TABLE VIEW Suhail Ghafoor - Final project presentation • Shows recent earthquakes in a list. • Displays location, time and magnitude.

C S E 3 3 5 - F A L L 2 0 1 7 DETAILED VIEW Suhail Ghafoor - Final project presentation • Shows details about a single earthquake with an annotation on the map. • Allows the user to toggle between normal map view and satellite view.

C S E 3 3 5 - F A L L 2 0 1 7 WEB VIEW Suhail Ghafoor - Final project presentation • Shows more details about the earthquake on the website of the API. • Spinner linked to web view delegate method ‘didFinish’.

C S E 3 3 5 - F A L L 2 0 1 7 CLASS DIAGRAM Suhail Ghafoor - Final project presentation COREDATA ENTITY MODEL (SWIFT) COCO TOUCH CLASS COCO TOUCH PARENT CLASSES

MVC ARCHITECTURE C S E 3 3 5 - F A L L 2 0 1 7 DIAGRAM Suhail Ghafoor - Final project presentation

Example Section C O N C L U S I O N S Break

FEATURE WISH LIST C S E 3 3 5 - F A L L 2 0 1 7 01 02 03 SETTINGS PANE PUSH NOTIFICATIONS REAL TIME UPDATES Suhail Ghafoor - Final project presentation Option to turn on real Single settings pane with Push noti fi cation that time updates so the app is the ability to change units, pushes to user if there constantly updating data set location of interest was a massive earthquake while viewing map view. and push noti fi cations. anywhere in the world. 04 05 06 MAP OVERLAY SORT AND FILTER NEARBY EARTHQUAKES A circular overlay on map Option to only view Option to only show which roughly shows the earthquakes of certain earthquakes that happen a ff ected area of the types and sort by time or in X radius of the user’s earthquake. magnitude. current location.

C S E 3 3 5 - F A L L 2 0 1 7 LESSONS LEARNED • The best class in terms of learning a practical Suhail Ghafoor - Final project presentation and desirable skill. • Project heavy approach works great. • Less freedom when coding but much faster compared to conventional programming. • Di ffi cult to google issues due to frequent changes in swift. • Keep fi nal project simple. • Class forms a good base if entering the world of mobile apps in future.

Thank you.