Website development for marina intergrated with visual studio using C sharp formatting
SGA1788 Object-oriented Web Development 2 Workbook
320 © Study Group Australia Pty Limited, SGA1788-L6/1/16
Assessment Task 2 – Website
Part A: Website Navigation
Create a navigation diagram which shows both the navigation of the site
and the positioning of any specific requirements (ie feeds, social media,
calendar etc.) that were identified in Assessment Task 1 Part B.
Learners may use a tool of choice to create their navigation diagram.
(https://www.draw.io/; http://pencil.evolus.vn/ Microsoft Word, Photoshop)
Embed a low resolution version of the images into your ePortfolio and seek
feedback from your client (facilitator).
Seek client (facilitator) approval before continuing to the next phase.
Part B: Website Build
The “Your Earth. Your Home” management are happy with your proposal
and diagrams and would like to see a “working” prototype of the website.
You can use the following websites as a reference:
• http://www.earthtrust.org.au
• http://www.foe.co.uk/
You are just required to build a “working” prototype of the website at this
stage with minimal functionality subject to stakeholder approval.
You following pages need to be included:
1. Home
2. About us
3. Image gallery
4. A blog page
5. Subscribe
Workbook SGA1788 Object-oriented Web Development 2
© Study Group Australia Pty Limited, SGA1788-L6/1/16 321
6. Calendar page
7. Donate
8. Shop (a shopping cart)
(Content details are in the case study)
Website Specifications
The following technical requirements must be met:
1. Use Microsoft Visual Studio Express 2013 and C#.NET to build your OO
application and follow guidelines for developing maintainable code
adhering to C#.NET coding standards
2. The website must incorporate the corporate colours in all the pages
(see logo)
a) Green (Hex #008000)
b) Yellow (Hex #FFFF00)
3. Create a Web User Control for the header of the pages
a) Show the name of the business and the logo. Use your
understanding of Design Principles to ensure it is aesthetically
pleasing.
b) Provide the business contact details in the header.
4. Create a Web User Control for the footer of the pages.
a) Position links to other pages of the web site in the footer using
breadcrumb navigation.
5. Register the header and footer with all of the web pages to ensure that
the look and feel of the web site is the same on each page.
6. You can use web user control sub-templates
7. Data entry forms must include validation controls. For example, to
check whether correct email addresses are entered.
SGA1788 Object-oriented Web Development 2 Workbook
322 © Study Group Australia Pty Limited, SGA1788-L6/1/16
8. Front-end web forms capturing user information and donation details
are stored on a back-end database (discuss with your facilitator prior
to commencing) that can be created, extracted, updated, deleted, and
queried. Database tables must be configured to ensure Referential
Integrity.
9. Use C# data collections class i.e., arrays to store data
10. Use exceptions to ensure program stability
11. Use class inheritance for types of members. For example, there are
Corporate Sponsors and Individual Members but could be classified as
derived classes under the parent Member class
12. Use GUI components such as buttons, text input fields, checkboxes,
drop-down lists etc. Each component must have a fully functioning
code-behind written in C#. NET. For example, clicking Add Member
button will save the data to a database.
Part C: Testing and documentation
Web application must be fully tested using the IDE’s debugging features,
i.e., breakpoints ideally from the Student Hosting Service (please consult
with your facilitator). It should be tested in at least the major browsers
such as IE, Chrome, Safari and Firefox.
1 Produce test documentation (see templates provided) as part of your
submission.
Workbook SGA1788 Object-oriented Web Development 2
© Study Group Australia Pty Limited, SGA1788-L6/1/16 323
2 Submit the following program documentation:
a) “Web application” folder that resides in c:\inetpub\wwwroot
Sample solutions folder in Microsoft Visual Studio Express 2013
b) The database (which should be in the folder above)
c) The “solution folder” in your Documents folder you will find a
Microsoft Visual Studio Express 2013 folder and within that look
at the Project folder
i) Provide a URL to your facilitator demonstrating your fully functional
assessment.
ii) Place all of this into a ZIP file. Your facilitator will unzip this file and
run your web application in debug mode.
Backup
Complete back-up of your ePortfolio for this subject. For help refer to
http://mahara.au.studygroup.com/view/view.php?id=5424&showmore=1