Website Development

UNIVERSITI TUNKU ABDUL RAHMAN

Faculty of Engineering and Science

Bachelor of Science (Hons) Software Engineering
UECS 3333 Web Engineering

LECTURER:
Mr. Simon Lau ([e-mail])
Mr. Lim Khong Leng ([e-mail])

Introduction www.utar.edu.my/fes is a webpage of Faculty of Engineering and Science UTAR. This webpage was designed for Faculty of engineering and Science student, which mean whole KL campus student to use it. Student can view their timetable, course info, final year project info, career information and etc. Although this website was designed to have so many useful function but this website is seldom used and known by KL campus student. There are a number of common causes for failure with this website. Here is a look at possible things that causing this website failure. 1. Infrequent update
One of the keys to successful websites is repeat visitors, and one of the keys to attracting repeat visitors is to continually add new content. If a website stays the same for long periods of time, what makes visitors want to keep coming back?

2. Poor Design
This site has a poor appearance with their color using. Most visitors will base their first impression of the site at least partially on looks and appearance.

3. Messy Navigation
This site is messy in navigation menu. If visitors are unable to get around your site easily, they probably will simply leave. Each page on your site should clearly show visitors that they are on your website. Make sure every page links back to your home pages as well.
And we are using CMS to redesign this website.
Content management system is software that keeps track of every piece of content on your website; much like your local public library keeps track of books and stores them. Content can be simple text, photos, music, video, documents, or just about anything you can think of. A major advantage of using a CMS is that it requires almost no technical skill or knowledge to manage. Since the CMS manages all your content, you don't have to.
Joomla! is a content management system helping both novice users and expert developers to create powerful websites and applications. Over 6,000 free and commercial extensions are available from the official Joomla! Extension Directory and more are available from other sources. It is estimated to be the second most used CMS on the Internet after WordPress. Joomla is designed to be easy to install and set up even if you're not an advanced user. Many Web hosting services offer a single-click install, getting your new site up and running in just a few minutes.
Since Joomla is so easy to use, as a Web designer or developer, you can quickly build sites for your clients. Then, with a minimal amount of instruction, you can empower your clients to easily manage their own sites themselves.

Requirement collection
User identification: Student of UTAR
Functional requirement: 1) Student can check the news of UTAR. 2) Student can check their final year project. 3) Student can check their course info. 4) Student can check their course timetable. 5) Student can check career information. 6) Student can check industrial training info. 7) Student can find UTAR staff. 8) Student can check location of UTAR.
Data requirement: 1) Timetable 2) News 3) Final year project info 4) Course info 5) Career information 6) Industrial training info 7) UTAR Staff info 8) Location of UTAR
Device-specific requirement: 1) Computer 2) Phone 3) Tablet
Non-functional requirement:
Usability: This webpage must be easy to use and easy to navigate.
Performance: The webpage must be response fast.
Maintainability: The website must have the ease of adapting the web application to changed or new requirements.
INTERACTION MODEL
Use case

MAIN PAGE WIRE FRAME MODEL

Other page wireframe model

SITE MAP
HIERACHICAL STRUCTURE

Description of my page

Top of main page
The top left corner is Logo of our page, which is UTAR Logo. The right hand side is the title, which is Faculty of engineering and science. The top menu is a navigation menu. And the below the menu is a photo slider. It shows the pictures of UTAR News. By clicking at the picture will link into the following news page to know about more the news. At left side of the main page, there is a directory which link to different important page of UTAR, this can make user easier to get into different page without need to type in or search to link to the following website. The middle is content which UTAR news is. The news will keep update if the admin of the page update it.

Bottom of the main page
3 modules are placed at the bottom of the main page, which is opportunities, staff directory and contact us. This 3 page is commonly hard to find by user, so I put it on the main page to let user easier to find it. Opportunities can link to a page where all career information is in there. Staff directory will link to the UTAR staff directory page. And Contact us will link to KL campus contact info and location page. At below there, I put a directory menu which same with the left menu of the main page. I put this as a footer in every page so user no need to get back into homepage to click this link and put it in homepage just to make it consistent to all webpage.

The page is similar with the main page to maintain the web page consistency. The photo slider is disappear. What different is the breadcrumb and the menu bar which show at the left hand corner. The menu bar only show when the page viewing is under a submenu. It will enable user easier to find the pages that they looking without using the drop down menu.

Navigation

Top navigation menu of every page.

Drop down menu will appear when the mouse moves over there.

A menu will show at the left when that page viewing is a submenu. It lets the user easier to navigate to other page.

By clicking UTAR logo will automatically navigate to home page.

Click at the picture of the news will navigate to the following news.

Bottom of main page
Three diagrams navigate to the pages that user hard to find. Footer menu show in every page to navigate to other important page of UTAR like wble kl campus, portal and etc.

Conclusion
We encounter many problems while designing this website, such as we need to learn joomla, a new thing which we never learn before and there are many ideas in a group, it hard to come out an idea that everybody agree. The joomla cannot get online so everybody can edit or view it, we must get together to do this assignment. We need to arrange our free time for it. It is so hard because everyone are facing different assignment and quite busy sometimes.
Thanks to cooperative of group member. We manage to finish this assignment. We learn joomla together, thinking idea together and try to get as much time to gather together for doing this assignment. And thanks to lecturer for giving us guideline so that we can know what to do.
We have successfully redesign faculty of science and engineering website. We change the color, reorganize the navigation menu and make the appearance of the website more attractive. The website which we design is better than the old one because it having a better interface and appearance.