Website Manual
User Manual:
Open the PDF directly: View PDF 
.
Page Count: 7
Staghorn Shooting Club Website User Manual (ASP.net Deployment)
(Version 1.1)
Last Updated: May 24h 2018
Table of Contents
Getting Started
Hosting requirements
Deployment instructions
Usernames and passwords
Front End of the Website
The club page
News page
About page
Links page
Contact us page
Buy membership page
Gallery page
Booking page
Admin End of the Website
Logging in
News page
Events page
About us page
Gallery page
Payment System
Setting up paypal functionality on the site
Email Contact Us System
Setting up the automatic email system
Google Maps API functionality
How to add additional locations to the map
Getting Started
Hosting Requirements
The hosting requirements for the website are minimal. Deployment of the website requires the
following:
1) A windows based web hosting account that supports ASP.net
2) Access to phpMyAdmin and a MySql database with your hosting account
3) A hotmail email account or an smtp based email account from your web hosting company (for
setting up automatic emailing)
4) An FTP tool such as filezilla
Deployment Instructions
1) Unzip the archive containing the website files
2) Log in to the root directory of your hosting account via your FTP tool
3) Upload all of the website files and directories of the website to the root directory
4) Log in to phpMyAdmin via your website account
5) Click new to create a new database
6) Name the new database staghorn
7) After creating the database click the import button
8) Click choose a file, select the file called staghorn.sql and click go. The database should have been
created
You should now be able to access the website by using www.yoursite.com or
www.yoursite.com/Default.aspx (depending on the default settings of your hosting provider)
Usernames and Passwords
Database:
username: root
password: no password
Website:
username: admin
password: admin
Front End of the Website
The Club Page
The club page is the main page of the website and the default page that loads when a user visits the site.
It contains a general write up, a listing of current and upcoming events (added via the admin page), a
booking section for booking range access, a google map that shows the locations of the ranges and a
links to the safety courses.
Bookings can be arranged via this page by clicking on the book button. Events can be viewed by
clicking on the forward and backward buttons under events. Safety course links are made available by
clicking the safety services image on the right side of the page. The admin page can be accessed by
clicking the company logo at the top of the page
The News Page
The news page displays news articles posted by the admin, in order of most recent posted. Each article
contains the date it was posted, a title and the content of the news article itself. The page will display
the most recent four articles and allows the user the view more by clicking the appropriate navigation
buttons
The About Page
The about us page displays the 'about us' information in the left panel (changed via the admin page) and
the list of current club executives in a table on the right. The facebook page can be accessed by clicking
on the find us on facebook image and the safety courses information can be accessed by clicking the
safety services image
The Links Page
The links page contains a direct link to the facebook page, as well as links that allow the user to
download copies of the clubs bylaws and ethics and to view a copy of the monthly schedule for hours
of operation
The Contact Us Page
The contact us page contains a list of contact information such as the mailing address and phone
number of the club. It also provides a form that allows the user to send email messages directly to the
club. These emails are automatically generated by the page via remotely accessing an email account.
Information for how to set up that account so that the form will work is provided later in this document.
The page also contains a google map that displays the locations of the ranges, and as with most of the
other pages, a link to facebook and to the available courses via clicking on the appropriate image
Buy Membership Page
The buy membership page contains information about the current cost of a membership, the benefits
and where you can purchase a membership in person. This includes a google map with the locations of
those retailers listed. In addition, it contains a form that users can fill out to purchase a membership
online via paypal. This allows users to use their paypal balance, bank balance or a credit card to make a
payment. The information filled out by the user is sent to the owner of the paypal account so that they
can view it and send the membership to the appropriate address. All fields are required to be filled out
in the form in order for the page to proceed to making a payment. The form also uses validation and
regular expressions to force the user to input a valid phone number, postal code and firearms license
number
Before being used, the page form must first be updated with a valid email account linked to a valid
paypal account. Instructions on how to do this are provided later in this document
Gallery Page
The gallery page allows users to view images posted to the site by the administrator, which includes 9
images per page, a title and a caption/description for each image. Additional pages are added
automatically as more images are added to the gallery
Booking Page
The booking page allows users to fill out a form with their contact information and a range that they
would like to book, with the date and time. The page automatically sends the club an automated email
with the provided information to allow the club to confirm the booking. Note that before this feature is
enabled, the automated email account must be set up. Instructions for this have been included in this
manual
Admin End of the Website
Logging In
In order to log in to the administration page, navigate to the club page. From there, click on the
staghorn logo at the top of the page. That will open a panel allowing you to enter your username and
password
News Page
The default view is the news page. From this page you can add a new news article, view existing news
articles by using the appropriate navigation links and delete existing news articles. To add a new article,
add text into the article title and article content and click post. To view existing news articles, using the
arrow navigation buttons. To delete an existing article, navigate to the article you want to remove and
click the delete button
Events Page
From the events page you can add a new event, view existing events and delete events. To add a new
event, use the provided form to enter the name of the event, the location, the date it will take place and
a description. Each new event will automatically have its date of publishing included. To view existing
events, use the arrow buttons to move through the list of events. To delete an event, navigate to the
event you want to remove and click delete
About Page
From the about page you can both view and edit the existing about me section of the website. To do so,
simply change the displayed text and click edit
Gallery Page
From the gallery page you can view the existing images in the gallery, delete images and add a new
image that includes the image, a name and caption/description. To delete an image, navigate to the
images section and use the pager to navigate to the image you want to remove and then click delete. To
add a new image, click choose file, select a file (in .jpg format), then enter a name and caption for the
image and click upload. The image will upload and will be immediately visible in the gallery section of
the main page
Payment System
Setting up PayPal Functionality
Setting up the functionality for PayPal requires two things: a PayPal account and an email address
linked to it. In order to set the payment to go to your account you must open the Default.aspx file and
navigate to the HTML section. From there, locate the form method="post" section and scroll down until
you find the <input type="hidden" name="business" value="email@email.com" /> line of HTML code
(around line 990). Simply change the value field to the email address of your PayPal account and save.
The PayPal functionality should now be enabled and the form linked to send payments to your account
Email Contact Us System
Setting Up the Automatic Email system
In order to set up the automatic email system to allow the contact form to function, you must change
the default email and password in the automated email method to match your own email address. To do
this, open Default.aspx, navigate to the automatedMailer method by finding the line of code that reads
protected void automatedMailer() From there all you need to do is change the emails that are listed to
the emails of the account you want to use to forward the messages to your account, and replace
'password' with the password to that account. At that point, the contact form should now be working
Google Maps API Functionality
Adding Additional Markers
Adding additional map markers is something that can be done with a minimal understanding of
programming and of javascript.
These are the steps to add a new map marker:
1) Convert the address of the location you want to mark into latitude and longitude coordinates. This
can be done at this website: https://www.latlong.net/convert-address-to-lat-long.html
2) Open the Default.aspx file and find the window.initMap function (line 413)
In that function create a new variable: (example: var newlocation = { lat: 45.564594, lng:
-62.663941 }; )
4) Then add a variable to set which map is being used. It should look like this:
var newmarker = new google.maps.Map(document.getElementById('memberMap'), {
zoom: 9,
center: newlocation
});
Where center refers to the coordinates variable you created in the previous step
The final step is to actually add the marker. Create a third variable that looks like this
var marker = new google.maps.Marker({
position: newlocation,
map: newmarker,
label: { text: 'Your new location', color: '#5fd615' },
});
Where position is set to the new coordinates variable you created and map to the map you just created.
Label refers to the label that will be displayed on the map. Color sets the color of the text in hex format
Notes
- The database is currently filled with dummy data to facilitate development and testing. This data can
be deleted from the administration end of the site.
- The email addresses for paypal and the contact sections must be replaced by valid emails before the
functionality for those parts of the site will work. Simply use ctrl-f from notepad or any text editor to
open the file and find any parts of the site that require an email address. Then replace the existing email
addresses with the ones you want to use and click save.
- If images to not display correctly when the site is loaded, first ensure that both of the image related
folders have been upload and then open the website files with a text editor, use ctrl-f to use the search
function and locate any instance of 'localhost.' There should be a number immediately following it that
needs to be changed. Load a chrome browser window, then use ctrl-shift-j to load the debug window.
From there, click the >> button and find the sources button. Click that. One of the listed items should
say something similar to 'localhost:57329.' You will have to copy the number after localhost and
replace the existing one in wherever there is an image being loaded in the website files. This should
allow the images to load correctly.
- The password for the administration page may be changed by using your hosting accounts cpanel to
open the phpmyadmin section of your account, navigating to the login table and manually editing the
username and password
