�ݺ�ߣ

Wahandisi Web Solutions

Web Development Presentation for a
School

Visit www.wahandisi.com - Shifting Website Design in Kenya!

Presentation Aims
1. Introduction

3. Our Understanding of the Project

5. Overview of the Existing Environment

7. Project Management - Development Process

9. Techniques and Technologies employed

11. Platforms - Tools used

13. Questions/Answers


Introduction
Wahandisi Web Solutions Company
• We specialize on Web Based OPENSOURCE Systems. We develop
websites using Joomla based frameworks. We offer Joomla made
websites mainly because of their flexibility and high level security.
Wahandisi has the tools to help you get started; technical expertise,
knowledge, and a desire to make sure that the website re-design
project is successful
• Joomla! is an award-winning Content Management System (CMS)
that will help you build websites and other powerful online
applications. Best of all, Joomla! is an open source solution that is
freely available to everybody. Joomla! can be used to easily manage
every aspect of your website, from adding content and multimedia to
community based profiles or setting up events schedules


Our Understanding of the Project
• That the school has been in existence since 1939 and has established itself as a
distinguished school with high class and morals, distinguished members of the
society locally and internationally.
• That there is a family spirit among saints members that needs to be maintained
esp. through the look and feel of the site
• That, the school aims to link to its alumni members via an interactive website.
• At the same time, have the current website re-designed to reflect latest design
technologies and standards
• That, the school requires a website that is modern, simple and timeless as well
as user-friendly
• To that end therefore, saints is not just aiming strategic information delivery to
its clients, but to stay abreast with technology and remain competitive without
compromising on the school’s traditions.
• This school is looking for company that is flexible to work with…..a company
that understands the detailed requirements of all its users and convert these
requirements into a dynamic and user friendly website.


Overview of the Existing Environment
• The current web site located at http://samplesite and is
comprised of seven major sections (About us, Academic
Programs, Curricula, General Information, Extra Curricula
and Alumni).
• Current good points about the website
 Look and feel
The website has made good use of professional true type
fonts that makes the site look very clean, and legible
 Fast loading
The biggest single reason visitors do not stay at a Website is
that it takes too long to load, however the current web site
seems to have overcome this hurdle.


Overview of the Existing Environment
 Browser Compatibility
 The site is compatible for viewing across a wide range of
user platforms and browsers.
 Precise (Right) Information
 The website is simple, with precise content for the user,
which aids in positioning of the website when it comes to
Search Engine Robots.


Weak points about the website
 Information Structure
 The website is rich in content which has to be more
organised to avoid diverting attention from the main
content. A clear, crisp view of the information on the site
is paramount in relation to finding specific information
on the site. Information must be easily found and
presented in such a way as to encourage use. Information
on the site must be able to be quickly and easily updated,
by Saints.
 Interactivity
 Without interactivity, a Website is purely a book online.
Interactive sites capture user details online and monitor
what users do inside the system. The more visitors can
interact and 'do things' on the site, the more likely they are
to revisit, regardless of the age group


Weak points about the website
 Consistency, Look and feel
 Although the website has a relatively large amount of consistency, there is a
need to develop consistent information architecture, an attribute that will
significantly lower the cost of maintenance and increase usability. There is also
a need to increase a look of professionalism through the use of white-spaces
 Navigation
 Improving the navigation structure will greatly increase the usability of the
website, in this case, the use of breadcrumbs provide a good affordance to
the user while navigating the site.
 Graphics and Multimedia
 Although the site should be mainly text based, we are encouraging the use of
professional images to visually stimulate the user and make him/her relate more
to content. These will have to be optimised to avoid compromising on the site’s
fast loading nature. flash and video files needs to be used sparingly but
effectively


Project Management - Development Process

• Identification: Identify different users and their
tasks/needs.
• Requirements: Determine the tasks and users the design
will support
• Design: base design representation & dialog sequences
on these tasks
• Walkthrough Evaluations: Go through these tasks to
test the interface on the basis of the design model used.
• Document action steps
• Drive to completion


Techniques and Technologies
employed
• HCI Principles - Humanistic Aspects :
• Improve users’ task performance and reduce their
effort
• Prevent disastrous user errors
• Offer enjoyable, engaging and satisfying interaction
experiences
• Promote trust
• Keep design simple
• Information Retrieval: High Ranking
• System Security: Web Security Vulnerabilities


Platforms - Tools Used

Open Source Software

Joomla Professionally Designed
Content Management System Web Site Templates

Joomla Program Extensions
for Additional Functionality


Open Source Software
• A program in which the source code for computer
for computer programs is available to the general
public for use and/or modification from its original
design free of charge, ie, open.
• Open source code is typically created as a
collaborative effort in which programmers from all
over the world improve upon the code and share the
changes within the open source community.
• A company or individual can use any open source
software without paying any license fee


Joomla CMS
• Best of all, Joomla! is an
open source solution that
is freely available to
everybody.
• Joomla! can be used to
easily manage every
aspect of your website,
from adding content and
images to updating a
product catalogue or taking
online reservations.


Joomla Extensions
• Joomla extensions • Sample Extensions
are programs that • Photo Galleries and
add more
multimedia
functionality to the
basic CMS. • Calendars
• There are currently • E-Commerce
2,722 extensions for • Newsletter
Joomla,with new • Blogs
extensions being • Forums
added every month • And many more...


Professional Web Sites Templates
• Web site templates for professionally
designed web sites that are fully customizable
to meet your companies needs.
• Easy customization - Color and width
variations via advanced configuration.
• Modern design with Usability & Accessibility,
W3C Web standards compliance.


Professional Web Sites Templates


Cost comparison – Joomla CMS Site
vs. non-CMS Site
• Compare costs of a Joomla CMS web site to a non-CMS web
site.

Custom Research Service Joomla CMS Cost* Non-CMS Cost*

Web Hosting pet year 3,500 6,000

CMS Software Free N/A

Installation Costs 3,500 0

Development Costs 80,000 150,000

Maintenance Costs 0 20,000

Additional Functionality Free 25,000

Total Costs ≈ 100,000 ≈ 200,000

* Cost of depends on project Visit www.wahandisi.com - Shifting Website Design in Kenya!
scope

Techniques and Technologies
employed
• LAMP/WAMP Client – Server Environment:
• Database Server: MySQL.
• Web Server: Apache
• Operating Systems: Debian and Windows XP
• PHP 4


Platforms - Tools Used
Platforms:
• Windows XP Professional: Installed on a local PC.
• Knoppix 3.0: Linux - Debian Operating System.
Tools:
• Adobe Macromedia DreamWeaver CS3: For scripting and coding
• MySQL 4.0: Backend
• PHPMyAdmin - Database Construction & Administration.
• Xtreem SiteXpert 7.0: For DHTML and Java script Menu navigation
generation along with sitemap generation.
• SwiSHmax 2.0: For Flash animation.
• VieletCam 1.7: For shockwave - tutorial movies.
• Adobe Photoshop CS: For Website look and feel – Icons alteration.
• Filezilla: For FTP web page management - files upload/Download.

Key benefits to your business
• Gain Total Control of Your Web Site.
• You Make Timely Content Changes
• You Gain the Functionality to Grow You Business
• Save Maintenance Costs

• Use the Marketing Tools That Large Companies Use
• User Registrations
• Newsletter Promotion
• E-Commerce – Credit Cards Procession over the Web
• Database Marketing
• Affiliate Marketing
• Plus more….


Next steps
• Determine how much of the online market am I reaching?

• Determine how much money do I spend keeping my web site
current?

• Learn how you attract web site traffic

• Learn how to turn visitors into customers

• Get Started using your web site


Contact Information
• Ken Odhiambo
• Wahandisi Web Solutions
• P. O Box 35422 – 00200
• Nairobi
• http://www.wahandisi.com
• info@wahandisi.com
• Mobile: 0733-999-235
• 0722-278934


�ݺ�ߣ

School Website Development Presentation

More Related Content

School Website Development Presentation