Lost Pet Xamarin Mobile App was created for the county Animal Care employees to capture the lost pet information in the field and update their statuses. The app also has the functionality for the users to push the updates to the Social Media sites like facebook and twitter automatically.

1. LOST PET MOBILE APP USING
XAMARIN
BHANU KORREMULA,
RICHLAND COUNTY,
APPS AND DEV MANAGER

2. GOALS
•Xamarin Introduction
•Lost Pet Mobile App
•Deployment

3. FIRST STORY
• 3 Things – Marriage, Cyclone & Dog

4. WHY DID WE CHOOSE THIS PROJECT?
• Animal Care employees are
in field a lot
• Losing pet is an stressful
experience

5. WHAT ARE MOBILE APPLICATIONS
Mobile applications (also known as mobile apps) are software programs developed
for mobile devices such as smartphones and tablets.

6. MOBILE NATIVE DEVELOPMENT
• iOS and Android
• iOS: IDE: Xcode,
Languages: Objective-C,
Swift
• Android: IDE: Eclipse,
Android Studio,
Language: Java

7. MOBILE DEVELOPMENT CHALLENGES
• Develop concurrently for
iOS and Android
• Devices with different
screen sizes
• Devices with different
operation systems
• Constant updates

8. • Phone Gap: Supports 8 mobile app development
platforms(Android, iOS, Windows, BlackBerry, Symbian, Bada,
WebOS, and Tizen)
• Ionic: HTML, CSS, JavaScript, AngularJS
• React Native: HTML, CSS, JavaScript, React
• Cordova: HTML5, CSS, JavaScript
• Xamarin: Visual Studio IDE with C#
https://www.brainmobi.com/blog/top-5-cross-platform-application-development-frameworks/

9. XAMARIN AND MICROSOFT

10. XAMARIN BCL
• Base Class Libraries for IOS, Android, .NET
• Streams
• IO
• XML
• Databases
• Networking

11. XAMARIN INTEROP
• Xamarin provides bindings to native libraries and
SDK’s
• Bindings are strong typed and follow C# standards
• Xamarin allows interop between Objective-C and
Java libraries

12. TOOLS USED FOR DEVELOPMENT
• Environment setup – Install VS 2017 with the .NET/C#
components(Xamarin), NUGET packages, MSVS Emulator for Android,
Android SDKs, Xcode, and MAC computer on the Network.
• Xamarin.Forms – A cross-platform UI that is used to develop apps in
Android and IOS while using nearly100% shared C# code.
• HockeyApp - a platform for mobile crash analytics and app distribution
for developers building apps on iOS and Android.

13. XAMARIN COMPILATION
• iOS Mac is needed
• Android SDK’s and tools
are downloaded
https://www.slideshare.net/lucazulian90/cross-platform-development-with-c-and-xamarin

14. ENVIRONMENT SETUP
• Install Visual Studio 2017 along with Mobile Development.
• Visual Studio Emulator for Android
• MAC computer on the Network and allow Remote Login and Sharing:

15. XAMARIN FORMS

16. XAMARIN FORMS

17. XAMARIN FORMS (ARCHITECTURE)
• Data Layer – Non-volatile data persistence, likely to be a SQLite database but could be implemented with XML files or
any other suitable mechanism.
• Data Access Layer – Wrapper around the Data Layer that provides Create, Read, Update, Delete (CRUD) access to the
data without exposing implementation details to the caller. For example, the DAL may contain SQL statements to query
or update the data but the referencing code would not need to know this.
• Business Layer – (sometimes called the Business Logic Layer or BLL) contains business entity definitions (the Model) and
business logic. Candidate for Business Façade pattern.
• Service Access Layer – Used to access services in the cloud: from complex web services (REST, JSON, WCF) to simple
retrieval of data and images from remote servers. Encapsulates the networking behavior and provides a simple API to be
consumed by the Application and UI layers.
• Application Layer – Code that’s typically platform specific (not generally shared across platforms) or code that is specific
to the application (not generally reusable). A good test of whether to place code in the Application Layer versus the UI
Layer is (a) to determine whether the class has any actual display controls or (b) whether it could be shared between
multiple screens or devices (ex. iPhone and iPad).
•
User Interface (UI) Layer – The user-facing layer, contains screens, widgets and the controllers that manage them.

18. XAMARIN FORMS (UI)
• Pages – Xamarin.Forms pages represent cross-platform mobile
application screens.
• Layouts – Xamarin.Forms layouts are containers used to compose views
into logical structures.
• Views – Xamarin.Forms views are the controls displayed on the user
interface, such as labels, buttons, and text entry boxes.
• Cells – Xamarin.Forms cells are specialized elements used for items in a
list, and describe how each item in a list should be drawn.

19. XAMARIN FORMS (PCL BREAKDOWN)

20. PORTABLE CLASS LIBRARY

21. XAMARIN ANDROID

22. XAMARIN IOS

23. RC GOV LOST PET SYSTEM FLOW
Animal Care
employees enter
lost pet information
in mobile app
Lost pets
information is
pushed to the
website
Information is sent
to Facebook page
and twitter page
County residents
can see the lost pets
in their Facebook
and twitter feed
Animal Care
employees can
close service
requests in mobile
app

24. WHY USE SOCIAL MEDIA?
• Most of the constituents
have Facebook or twitter
• Information can spread
rapidly over social media
• Crowd sourcing or
recruiting of more
people to find the lost
pets

25. LOST PET APP LOG IN SCREEN

26. LOST PET APP REQUESTS

27. ADD LOST PET

28. LOST PET SOCIAL MEDIA INTEGRATION

29. FACEBOOK AND TWITTER PAGES

30. LOST PET REQUEST SUMMARY

31. XAMARIN UI REVIEW

32. XAMARIN XAML

33. XAMARIN CODE BEHIND TO POPULATE
PICKERS

34. XAMARIN C# CLASS FILE TO CALL
EXTERNAL API

35. XAMARIN – CHECK IF USER IS IDLE

36. TESTING MOBILE APPS (ANDROID)

37. VISUAL STUDIO EMULATOR

38. XAMARIN.IOS WORKFLOW

39. TESTING MOBILE APPS(IOS)

40. DEVICE PROVISIONING

41. NUGET PACKAGES

42. HOCKEY APP

43. TIME SAVED
•Richland County
• 772 square miles
• Animal Care Dept has 7 zones
• 5 – 6 officers in field
• 30 min travel time
• 30 * 5 * 52 = 7800 min

44. QUESTIONS

45. REFERENCES
• https://www.xamarin.com/
• https://university.xamarin.com/
• https://techcrunch.com/2016/03/31/xamarin-ceo-nat-friedman-on-getting-
acquired-by-microsoft/
• https://developer.apple.com/programs/enroll/
• https://www.nuget.org/
• https://www.brainmobi.com/blog/top-5-cross-platform-application-
development-frameworks/
• https://www.slideshare.net/lucazulian90/cross-platform-development-with-c-
and-xamarin