This is the result of the exam for the .NET developer education at Norges Yrkesakademi, former eCademy. The study included subjects required to create web applications using HTML5/JavaScript, Visual Basic.NET, Sky services (Windows Azure), SQL, C # and ASP.NET MVC, as well as development against mobile platforms using Xamarin.
Installation instructions:
- Unpack the solution on the desktop.
- Enter the folder DeleBil.vs\config and open the file applicationhost.config
• Locate the following code:
<site name="DeleBil" id="2">
<application path="/" applicationPool="Clr4IntegratedAppPool">
<virtualDirectory path="/" physicalPath="C:\Users\Cecilie\source\repos\DeleBil\DeleBil" />
</application>
<bindings>
<binding protocol="http" bindingInformation=":63467:192.168.10.151" />
<binding protocol="http" bindingInformation=":63467:localhost" />
</bindings>
</site>
• Change 192.168.10.151 to your own IP-adress.
• Change physicalPath to the solution’s location.
• Run Windows Defender Firewall. Create incoming rule:
Type: Port
The rule will be used on: TCP
Specific local gates: 63467
Action: Allow the connection
The rule should be used: Domain, Private and Public
Enter the desired name.
3. Open Visual Studio as Administrator.
4. Open the project, change the following:
• Create App ID and App Secret at facebook.developers.com
• Fill in FacebookAppSecret and FacebookAppId in \DeleBil\Web.config
• Fill in values for facebook_app_id and> fb_login_protocol_scheme in DeleBil\DeleBil.Droid\Resources\values\Strings.xml
• Create API in GoogleAPIConsole.
Enable Google Maps Android API and Google Maps Javascript API and create two API-keys.
• Change the following code to contain your own google API:
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCv_OTPW8qrXwkrIsEJtjj0kHPOFRV3Tkc&callback=initMap"> </script>
• Fill in values for google_maps_key in DeleBil\DeleBil.Droid\Resources\values\Strings.xml
5. Rebuild, and click run.
Technical information:
The web application is tested on: Chrome, IE, FireFox and Opera.
Minimum SDK-version for mobile application: 25
The solution is tested on Android Emulator: Android 7.1 – API 25
Predefined users:
- Username: testuser , Password: access2APP!
- Username: anotheruser , Password: access2APP!
Login to the mobile application is through Facebook.
The solution: Web
All functionality on the web application requires a logged in user.
When logging in, a page will be displayed to manage cars for lending. The page shows an overview of the user's registered cars, which vehicles are registered for lending, as well as loan history.
By clicking + you will get to a page where a new car can be registered. The licence number, name and image are required.
By clicking the licence number, the user will be sent to a detailed page for the selected car. If there is no active lease on the chosen car, users will be able to edit and delete the car.
By clicking Details, users will be sent to a retail page for lending. Showing details for the car, location and who borrows the car. Depending on the status of the lease, it can be deleted or approved for submission.
The solution: Mobile
All functionality on the mobile application requires a logged in user.
The download button is activated when the search box contains more than 4 characters. When searching, check first if the car exists in the database. If the car does not exist, an error message will appear to the user. If the car exists, the user is redirected to the correct side.
On the page to lend a car, the loan release button is inactive until the location is retrieved and at least one image is uploaded. A user can upload up to 3 images. After the car is registered for lending, the page closes and the user is sent back to the front page. A toast will appear with confirmation of the incident.
The page for leasing a car will display the car's PickUpLocation, title and image. The user must confirm the loan in a popup before the loan is registered, the activity is closed and a toast confirms the event.
On the page to return a car, the return button is inactive until the location is retrieved and at least one image is uploaded. (Same functionality as on the page to lend a car.) User must confirm delivery in a popup before the loan is registered, the activity is closed and a toast confirms the event.
On the map view, the location of the mobile phone is retrieved and the camera's camera sets at that location. All leases with status Available within mobile location +/- 0.3 latitude / longitude are retrieved and placed with a pin on the map. Clicking a pin opens a popup with the distinguishing number and title. Click on the popup opens the page to borrow a car. I have submitted test data with locations in Norway. Set your location to Longtitude: 5.27353 Latitude: 59.3892 to view the test data.