Milestone 3 - Detailed Design

sacktoysΛογισμικό & κατασκευή λογ/κού

13 Δεκ 2013 (πριν από 3 χρόνια και 9 μήνες)

82 εμφανίσεις

Milestone 3
-

Detailed Design









By Martin Illman

04029194

Contents


Designing the Components

................................
.............

1

The Functioning Requirements

................................
....

1

The Non
-
Functional Requirements

..............................

1


Prototyping the Website

................................
.................

2

The

Prototype Design stages

................................
........

3


The Software Design Tools Used

................................
...

7

Dream weaver / Text Editor

................................
.........

7

PHP Coding

................................
................................
.

7

MySQL / phpMyAdmin

................................
...............

7


The Prototype Website Uploaded

................................
...

8


References

................................
................................
......

9

Milestone 3
-

Detailed Design

Martin Illman

04
029194


1

Designing the Components

During the planning stage of the
article website

a set of requirements were laid out
which were points that must be hit in the designing and later in the
development
stages. Here I will describe how each of those ears will be accomplished.

The Functioning R
equirements

The functioning requirements of the website were clear as that the user must be able
to do certain things in the website without the site ret
urning an error message
deterring the user from using the website. The searching criteria of all levels must be
functioning to a level that even if a search brings back a null value that a message
such as “there are no products found with that criteria ple
ase make another search”,
this will encourage the user to continue browsing the website.

The data will be pulled

from a database located on a My
SQL server hosted in
phpmyadmin; there will be many tables stored in this database each table having a
specific
function to do on the website.

The website is coded in PHP and the primary code will stay as PHP because of the
layout of the website is quite effective. PHP coding allows for dynamic web coding
and is capable of interacting with my MySQL database easily a
nd efficiently. The
primary reason to use PHP coding is beca
use it is quick and easy to use.

The coding will be designed so all this PHP mumbo jumbo will be hidden from the
user, to their eyes they will just be clicking normal links; in the background howe
ver
those links will be pulling specified information from tables and displaying it
correctly in the website.

The Non
-
Functional Requirements

The non functioning requirements are still subject to changes as the course of the
development of the
article webs
ite
progress because that is due to the performance,
information, economy, efficiency and security. All of these things can affect the
website.

The main goal is to control each of these things by keeping performance as quick and
easy as possible, keeping
the database information secure and correctly labelled so
errors don’t occur when pulling data to the website.

When the website is up and running keeping it maintained is a must and steps have
been made to make sure that the website is constantly updated
and watched.

The data stored within the database that’s non important such as product details and
the site layout will not need to be kept secure but data that is stored from our
customers is stored in a separate database with encryption.

Milestone 3
-

Detailed Design

Martin Illman

04
029194


2

Prototyping the
Website

At current the website is in what is called a prototyping stage, this is where ideas
come into a test phase where the final design may not appear anything like the
prototype nor will the final design expand from the prototype, it is merely a test t
o see
if functions work, for example of the PHP coding is correct and that if
data can be
pulled from the database to precisely accurate enough for the user to be satisfied.

Prototyping is becoming a more and more popular type of designing and of trying to

solve problems.


Prototyping in the business environment has grown in the past few years, back in the
early 70’s and 80’s prototyping was used only when extremely necessary due to costs
of creating a piece of software or hardware that in the end may not e
ven work
anyway. In the current day and age prototyping is the main form of creating new
technology because it is done in stages. The piece that is being prototyped will be
broken down into smaller pieces when each area is completed and is working they
th
en stick them all together and have a working prototype of a product. This means
when one area breaks or is not possible the rest of the project doesn’t have to be
scraped and that area that is broken can be fixed and made to work. Also when a new
idea is
to be added to the prototype because it is also a separate iteration of the
program the designers don’t have to worry about it breaking the overall prototype.

The problem with using a prototyped system in designing is that the company heads
sometimes don’t

understand that a prototype product is not a completed one and
sometimes release the product before it has been completed. This can lead to errors
that the user finds, this can be avoided if the original requirements document is
checked.



“Prototyping is

often treated as an integral part of the development process where it is believed to
reduce project risk and cost. Often one or more prototypes are made in a process of incremental
development where each prototype is influenced by the performance of previ
ous designs, in this way
problems or deficiencies in design can be corrected.”


More information about prototype can be found here

[REF1]

http://en.wikipedia.org/wiki/Software_Prototyping


There is an alternative to prototyping and that is by using a structure chart, structure
charts show the flow of information within a project. A structure chart for a website
such as this
article website
will show the way users navigate around the site and

where the pages pull data from the MySQL database
; this is often called a Site Map.

More information on structure charts can be found here


Milestone 3
-

Detailed Design

Martin Illman

04
029194


3

The Prototype Design stages

This is the initial stage of designing where the layout of the page has been set out
ready to be turned into a website. As you can see specific areas are set out in a frame
style building of
a website, but there is no frames in PHP so moving to then next
stage of creating the website will be interesting.

The prototype website may change fr
om this design but this is a basic look of what
the website may look like.

Milestone 3
-

Detailed Design

Martin Illman

04
029194


4



Now the
content has been fully designed and ready to go into the Coding stages, the
PHP layout will be built from this design.
Milestone 3
-

Detailed Design

Martin Illman

04
029194


5



Now the content is written in PHP the website
is ready to be tested with some real
data. As you can see from the image above is that next to the categories is a bunch of
random numbers in brackets. These numbers represent the number of fields in a table
for each one. This already shows signs of proof
that the current prototype is working.

Milestone 3
-

Detailed Design

Martin Illman

04
029194


6



This page shows the MySQL database in action hosted on the phpmyadmin software
uploaded onto the internet. The frame on the right shows the database expanded to
show all the tables, in total there are 90 tables in

the db_04029194 database. Each
table in this database has a unique job to do within the website; whether its payment
details, customer details, coupon details, product details, etc. Currently at this stage
the database is not completely secure because sen
sitive material stored about the
customer (payment details) can be viewed by the database administrator, if the
website was to go live now that data could be used by an intruder. As long as the
design developer sticks to the requirements in the planning st
ages then the prototype
design will soon be ready to go live.

Milestone 3
-

Detailed Design

Martin Illman

04
029194


7

The
Software
Design Tools Used

Dream weaver / Text Editor

The main structure of the website was first designed in dream weaver, so that I could
get a feel for the shape that the site was going
to become.
Th
e next stage was

to
implement the php code to bring the website to life. The text editor I used to change
the code when dream weaver was playing up (couldn’t get it to work) was notepad.
Writing each php page in notepad takes a very long time
but is eventually worth it as
now I have a template for any website I want to make.

Dream weaver is unable to view a php designed website in its design view mode and
so is basically as useful as notepad only it has a line number function, when errors
occur

I can load the php file in dream weaver and go straight to the line in fault.

There are many books or tutorials on the internet about this piece of software

[REF2]

http://www.google.co.uk/search?hl=en&q=dreamweaver+tutorial&btnG=Search&meta

PHP Coding

The php code is the primary language for creating this website and therefore for
creating the project. PHP is a abbreviation for Hypertext Preprocessor and is an
al
ternative to Microsoft’s ASP. The code in an embedded source within the HTML
that when a website is began to load calls forth to the website PHP interpreter and
runs the appropriate php operations found within the website php scripting. The php
language is

an open sourced based programming language often used with a MySQL
database.


PHP includes a large number of free and open
-
source libraries with the core build. PHP is a
fundamentally Internet
-
aware system with modules built in for accessing FTP servers,

many
database servers, embedded SQL libraries like embedded MySQL and SQLite, LDAP servers, and
others.

[REF3]

http://en.wikipedia.org/wiki/PHP


MySQL /
phpMyAdmin

MySQL is what makes the whole website wor
k, without this piece of software the
php would not be able to pull data from the database located in phpmyadmin because
is the SQL code that is what pulls the data from the database. Using commands such
as [SELECT], [UPDATE], [DELETE], [FROM], [WHERE] and

[INSERT].

PhpMyAdmin is a special program that is installed on the web server’s computer that
allows php and MySQL code to be interpreted so that a html browser can view the
content. This program is also where the MySQL database is stored which holds all

the
tables,

attributes and information that the website will need to pull from it.

Milestone 3
-

Detailed Design

Martin Illman

04
029194


8

The Prototype Website Uploaded

This shows the website in prototype form uploaded onto the internet
.


Milestone 3
-

Detailed Design

Martin Illman

04
029194


9

References


[REF1]

Wikipedia

(2006
), PHP. Retrieved
at 25th

January
,

2006

from

http://en.wikipedia.org/wiki/Software_Prototyping

[REF2] Google (2006), Google Search. Retrieved at 1
st

February
, 2006 from

http://www.google.co.uk/search?hl=en&q=dreamweaver+tut
orial&btnG=Search&meta

[REF3 ]
Wikipedia

(2006
), PHP. Retrieved at
2nd

February
, 2006 from
http://en.wikipedia.org/wiki/PHP