Everything IT, Services & Consulting Andres Vergara Individual Website Project UMBC, IS 613C Prof:...

Post on 02-Jan-2016

213 views 1 download

Transcript of Everything IT, Services & Consulting Andres Vergara Individual Website Project UMBC, IS 613C Prof:...

Everything IT,Services & Consulting

Andres Vergara

Individual Website Project

UMBC, IS 613C

Prof: Charles Pak

Oct. 15, 2009

Who am I and what do I do?

IT professional Contractor at the NIH in Bethesda, MD Instrumentation & Control Engineer

What is the purpose of the site?

Provide visitors with information about the services that my future company, Everything IT, Solutions & Consulting, offers and how to receive them.

It will give visitors the ability to get in touch with me by filling out a form.

What is the web site going to accomplish?

The website will be the front-end for the company.

I would like to experience a good amount of traffic, which could lead to business opportunities.

If the company becomes successful on the internet, it may perhaps evolve into a brick and mortar company.

Intended audience:

Individuals seeking IT solutions– home office– small businesses

Opportunity this site addresses:

The need for high-quality and low-cost IT solutions and/or consulting services in the Baltimore-Washington area.

Content included in this site:

Information about the company and its employees– My resume

Description of the services I offer Contact information form.

Related or similar sites found on the Web.

http://itforesight.tech.officelive.com http://www.infitech.net

Website development

Content: facts, text, graphics, sounds, video

Code

XHTML & Java Script– http://www.w3schools.com/– Web Development & Design Foundations, 4/e by

Terry Felke-Morris

PHP– http://www.freecontactform.com/email_form.php

Graphics

Logo– MS clipart– MS paint

Icon– Gimp → http://www.gimp.org/

Flowchart (storyboard)– MS Visio

Employees About UsHome Projects LinksServices

PHP Script

Html text

Contact Us

Form

Java ScriptAnimation

Html text

Navigation Tabs

Html textLink to

PresentationLinks to

ResumesLinks to

Websites

Flowchart (storyboard)

Content Requirements

Drilldown to specific examples

Consistent banner logo area

http://userpages.umbc.edu/~vergara1/IS613C/proj1/index.html

Consistent main navigation

http://userpages.umbc.edu/~vergara1/IS613C/proj1/index.html

Association with external style sheet

http://userpages.umbc.edu/~vergara1/IS613C/proj1/index.html

Appropriate meta tags

<meta name="keywords" content="IT, Services, Consulting, Integration, Networks, Hardware" />

<meta name="author" content="Andres Vergara" />

One page utilizing tables effectively

http://userpages.umbc.edu/~vergara1/IS613C/proj1/contact.html

One page containing a form with at least three elements

I used PHP script to place form content in an e-mail message

– http://userpages.umbc.edu/~vergara1/IS613C/proj1/contact.html

One external hyperlink

http://userpages.umbc.edu/~vergara1/IS613C/proj1/links.html

One e-mail hyperlink

http://userpages.umbc.edu/~vergara1/IS613C/proj1/resume/resume.html

One animated image

http://userpages.umbc.edu/~vergara1/IS613C/proj1/links.html

The END !!!