BN102/BN102D - Web System Assignment 2: IT Startup Website Report

This assignment details the creation of a website for an IT startup, covering various aspects from design to functionality. The report highlights the use of HTML and CSS in developing the website, including the homepage, about page, galleries, services, skills, and contact us page with an integrated Google Map and user query form. Browser compatibility, particularly with Google Chrome, is discussed, emphasizing its speed and flexibility. The developer also outlines challenges faced during the development process, such as issues with gallery creation, navigation, footer design, and CSS implementation, along with image transitions. Future improvements suggested include the use of different scripting languages, user account features, and online application options. References to web design resources are also provided.

Assignment 2
BN102/BN102D
Student ID –
Student Name –
Module Tutor –
Date –
1 | P a g e

Report
Browser
The website is working very well on all browsers like Google Chrome, Internet
Explorer etc. But the browser that is chosen is Google Chrome.
The website resolution that is set while making is – 1366x768
Design
Home Page
2 | P a g e

The above page is showing the Home page. It is the main page of the website.
About Page
The above page is showing the About Us page.
3 | P a g e

Galleries Page
The above page is showing the Gallery page.
4 | P a g e

Services Page
The above page is showing the Service page.
Skills Page
The above page is showing the Skills page.
5 | P a g e

Contact Us Page
The above page is showing the Contact Us page. Google map is used in this page. The
user query form is also provided on this page. The user can ask any query through this
page. Html controls are used on this page like html textbox, html buttons etc.
6 | P a g e

Sitemap Page
Browser Compatibility Issues
The Google Chrome browser is very compatibility with the website because of the
following reason-
- The Google Chrome is faster browser than other browsers like Mozilla etc.
- It takes very less memory.
- It takes very less rendering time.
- There are themes also provided by the Google Chrome that can be set.
- In Google Chrome, there is option to set own theme also.
- It is very flexible browser.
Challenges during Development
There are some challenges that I faced during development like below-
- I faced issues while making gallery. I took some time in making it but
resolved the issue.
- I faced issues while making navigation. I took some time in making it but
resolved the issue.
- I faced issues while making Footer. In footer, I used different options like face
book, twitter icons, sitemap etc. I took some time in making it but resolved the
issue.
7 | P a g e

- I faced so many issues while making CSS. I used external CSS in making the
website. The website is completely being designed by the CSS only.
- I found issues while image transition but it is done very good. Image transition
is very attractive in the website.
Future Improvement
There are so many features that can be implemented in the website in future for better
performance-
- Use of different scripting languages to make attractive interface.
- Provide feature of user account to the users.
- Give option to users to apply online to the company.
(Wordpress n.d.)
(Argon Design 2014)
References
Wordpress (n.d.), Web Design [online] Available from:
http://croradio.net/web-design/ [Accessed: May 2018]
Argon Design (2014), 5 Aspects of good user interface [online] Available from:
http://www.argondesign.com/news/2014/feb/5/5-aspects-good-user-interface/
[Accessed: May 2018]
8 | P a g e