NEW JERSEY INSTITUTE OF TECHNOLOGY

CIVIC ENGAGEMENT COMPUTER CENER

A DIVISION

OF

CAREER DEVELOPMENT SERVICES

OPERATING MANUAL

BY: JUSTIN ESPIRITU and MATHEW TAN

SUMMER 2005

1

Table of Contents

……………………………………………………………….. ……………..………………… ……………..…………………

……………………… ……………..………………… ……………..………………… ……………..…………………

……………..………………… ……………..…………………

……………..………………… ……………..………………… ……………..………………… ……………..…………………

……………..………………… ……………………… ……………..…………………

……………..………………… ……………..………………… ……………..…………………

……………..………………… ………………………………………………………………..

2

Website Development Program

The mission of CECC is to strengthen and support the technological capability of area schools and community based non-profit organizations. This is achieved by providing solutions to assist with the technological needs of those organizations.

The following are the general guidelines:

1. Preliminary Meeting2. Project Initiation Phase

a. Meeting 13. Design Phase

a. Meeting 24. Project Coding 5. Testing Phase6. Final Phase

a. Meeting 3

3

Preliminary Meeting

The first meeting is intended for the Agency and CECC to meet and discuss the possibility of a website development project. This may be in the form of a one-on-one meeting or an information session. (Use the Preliminary Meeting Procedure Sheet)

Procedure

1. Introduce CECC, our mission, and our services.2. Student Director or Student Project Manager in charge, Student Project Managers

(Enough so there is one per two representatives) and a documenter will meet with an agency representative to discuss web technologies.

3. Have an open discussion with your representative(s).4. Discuss the costs involved5. Pair one project manager to up to two agencies and discuss more specifics.

Preferably, pair agencies with similar goals. (Please note that this is a critical part of the website development and the agency representative must be a decision maker or is ready to discuss specifics. If a private meeting at another date is necessary, schedule an appointment within the week)

6. Offer an estimate (Use estimate sheet)

Key Points

Educate agencies on web technologies Accurately gauge the amount of work needed for the website Allow agencies to properly determine what they want in their website.

4

Preliminary Meeting Procedure

IntroductionWhat is CECC?VisionMission to agencies Mission to students

Web TechnologiesTake a look at the websites we have createdStatic vs. Dynamic contentFlash AnimationsJava scriptingDifferent navigationsWeb ApplicationsOther services

Open DiscussionWhy would you want a website?How would a website fit in an overall business plan?What are the goals of a website?Who may be a target audience?

Pricing SystemMarket Point System

Web TechnologiesWho is your website target audience?What typically appeals to you target audience?What will your website do?How do you envision the design of your website?How are you going to host the website?

5

Estimate Sheet

BasicsStatic Web PageDynamic loginDynamic Web PageImages per pageFlash Animation (5 seconds)Flash Animation (< 5 seconds) per secondJavaScript (5 seconds)JavaScript (<5 seconds) per second

NavigationFlash Menu JavaScript MenuButton Menu (per button)Text (per link)

Web ApplicationsCommunicationsContent ManagementShopping Cart

ProgramsMentoring Training

6

Project Initiation Phase

This phase will be dedicated to meeting with the client and assessing the business needs of the organization. The organization representative and the CECC staff will come to a consensus on an initial prototype schematic design and decide on a timeline suitable for both parties. Student Director or Student Project Manager in charge and a documenter will meet with an agency representative to discuss project planning.

Meeting Procedure

1. Student Director or Student Project Manager in charge will present a quick presentation about the previous meeting topics such as web technologies, pricing, etc. (Depth of presentation will vary)

2. Fill out the Project Initiation Form3. Have an open discussion with your representative(s) regarding the website

planning.4. Continue a discussion until the there is an understanding on what is needed in the

website itself.5. Agree on a time frame. ( The best time frame for CECC is the 9-week process) 6. Reevaluate the pricing points( Add points or delete points if needed)7. Prepare and sign documents8. Receive ‘administration fee’ and provide a check9. Show how the CECC website works.

CECC Deliverables

Inform clients about how the CECC conducts its operations Completing the Business Assessment form after meeting with the clients Demonstrating to the clients how to navigate through our website Ensure that agency understands that they must start putting together the content

ASAP. Set up a second meeting with the client

Agency Deliverables

Provide information to CECC about the client organization Provide ideas for the project e.g.: websites they like, navigation etc

Provide details of a main contact person from the client organization

Informing whether the deliverables can be given in the stipulated time

7

Project Initiation Form

Business Name: __________________________________________________________

Street Address: ___________________________________________________________

Mailing Address: _________________________________________________________

City: ________________________ State: ___________ Zip Code: _________________

Contact Person: ____________________________ Title: _________________________

Telephone: ___________________________ Fax: ______________________________

Email: ______________________________ Web Site: ___________________________

Time Frame: 6 Weeks 9 Weeks 12 Weeks Other: __________________

BasicsStatic Web PageDynamic loginDynamic Web PageImages per pageFlash Animation (5 seconds)Flash Animation (< 5 seconds) per secondJavaScript (5 seconds)JavaScript (<5 seconds) per second

NavigationFlash Menu JavaScript MenuButton Menu (per button)Text (per link)

Web ApplicationsCommunicationsContent ManagementShopping Cart

ProgramsMentoring Training

8

Design Phase

The design phase will be dedicated to the design and overall “look and feel” of the website. The CECC Project manager assigned to the project will contact the representative(s) and submit a prototype (few screens and routine links), via CECC website, for approval. The feedback will be considered and the prototype will be re-iterated. After a design is created, the representatives and the CECC team will meet once again to finalize the prototype. The client must submit 90% of the text, pictures, images and any media that is to be used in the website at that time.

Meeting Procedure

1. Student Director or Student Project Manager in charge will submit and discuss the following. (View Examples)

a. Prototype(s)b. Catalog of Media Receivedc. Site Map (Pert Chart)d. Schedule ( Gantt Chart)

2. Ensure that the agency understands the procedures and plans

CECC Deliverables

A basic template of the layout of the website Schedule and Site Map

Information regarding the technologies that will be used

Cataloging the media received from the client organization

Agency Deliverables

90% of all text and images to be used in website Approval of working design

9

Prototype

The design is for a charity organization that builds houses in third world countries.

1. Design 1 – This is a screenshot but the design has to be saved as a Dreamweaver template

2. Design 2 - This is a screenshot but the design has to be saved as a Dreamweaver template

10

11

Site Map

This is a screenshot was done via Microsoft Visio

12

Project Schedule

This is a screenshot was done via Microsoft Visio

13

Code Phase

The second half of the project will be used by CECC to build the actual website. CECC will be in contact with the clients for minor updates and for receiving the remaining media. The clients will have access to a specified URL to view the progress on the website. It is recommended that the clients view the website at a regular basis and inform the CECC project manager if they have any questions or concerns.

CECC Deliverables

Perform the coding of the website Format images for the website

Agency Deliverables

View and critique the progress found in our web space Request changes if necessary Approval of a final design

14

Testing Phase

The CECC team and the client will check the beta website and make sure that the website is error free during the fifth week. The client must use this time to request any final changes to the website.

CECC Deliverables

Debug and upload final design in web space Check grammar, structure, misdirected links, unclosed tags, incorrect information,

screen resolution, etc. Request for a meeting with representatives for a live demonstration

Agency Deliverables

View and critique the progress found in our web space Request final changes if necessary

15

Final Phase

During the last week there will be a third meeting during which the CECC project manager will make a live demonstration to the representatives, CECC student director, and any individuals concerned with the project. After the demonstration, CECC will submit a copy of the website and return the media received. With the completion of the project, CECC and the clients may discuss installation and the future improvement of the website.

Meeting Procedure

1. Welcome everybody2. Thank the agency for participating in our service3. Present the website

CECC Deliverables

Make a live demonstration of the completed site Submit a hard copy and all materials in a folder

Submit a CD containing the website and useful files

16

Mentoring Program

The Civic Engagement Computer Center @ NJIT offers web site design and IT mentoring program for local high school students. In continuation of the previous efforts to address the "digital divide," CECC will train high school students in the technical and business aspects of web design. Introduction to basic web development and mentoring is provided by NJIT IT and Computer Science Majors.

The Web Development Assistance Program is currently open to 3 high schools per academic year.

The first half of the mentoring program is focused on preparing high school students for web design. The classes include html, dream weaver, Photoshop, and a preview of dynamic html. The class also teaches business practices and will include a live presentation of a personal web site.

The second half builds upon what they learned in the first half. The students will be assigned a web development project by the student director. The students will design a working website for a non-profit organization and will make a live presentation of their work.

Purpose

Encourage high school students to pursue higher education Prepare them for college Glimpse of the job market Help other students Responsibilities of professionals

17

Syllabus

Meeting Schedule

Day Time LocationTuesday 2:00 PM – 3:00 PM Campbell Hall Conference RoomThursday 1:00 PM – 2:30 PM ITV

Mentors

Student Mentors Message Board Name Justin Espiritu jbe4Priya Alex pa36

Course Description

The first half of the mentoring program is focused on preparing high school students to the processes necessary to design and develop Web Pages. Students will be provided with hands-on experiences in the creation of Web pages that include text, images, audio, and video. The class also teaches business practices and will include a live presentation of a personal web site.

The second half builds upon what they learned in the first half. The students will be assigned a web development project by the student director. The students will design a working website for a non-profit organization and will make a live presentation of their work.

Attendance

Although attendance is not part of the grading criteria, attendance is taken at every class and is used to gauge a student’s skill. It should be noted that a sizable amount of information is discussed in class and attendance is highly recommended.

Assignment due Dates and Make-Up Policy

All assignments are set in the course outline and are due at the beginning of class time that day. Late assignments will not be accepted unless approved by the instructor.

Honesty Policy

Students are expected to follow the NJIT honor code.

18

Course Outline

First Semester

Week Lecture Topic Textbook Chapter

Assignment

1 Web Concepts 1 List of ten websites 2 HTML Basics 2 “Hello World”3 Web Page Types 3 Name that Webpage4 Colors, Hex, Fonts and images 4 Color Pallete5 Links 5 Link Library6 Overview 6 Personal Website7 Dreamweaver: Intro 7 The Previous Projects8 Multimedia 8 Image format and Buttons9 Website Planning 9 Plans for Website10 Client Side Scripts 10 CSS and Javascript Examples11 The CECC Process 11 Website Presentation12 Website Presentation 12

Second Semester

Week Lecture Topic Textbook Chapter

Assignment

1 General Overview 13 Phase Challenge 2 Project Initiation Phase Review 14 Start Phase3 Project Initiation Phase 15 End Phase4 Design Phase Overview 16 Start Phase5 Design Phase 17 End Phase6 Coding Phase Overview 18 Start Phase7 Coding Phase 14 End Phase8 Testing Phase Overview 15 Start Phase9 Testing Phase 16 End Phase10 Final Phase Overview 17 Start Phase11 Final Phase 18 End Phase12 Website Presentation

19

Computer Training Program

The CECC@NJIT's Fall 2005 Computer Training sessions cover widely used beginner and intermediate word processing programs. The goal of these training sessions is to enhance the knowledge of participating agencies, allowing them to maximize the use of technological resources for serving their constituencies.

Each section will focus on a one hour session that teaches the basics of each subject using PowerPoint slides. We can provide a URL to our website that allows them to access our slides and links to good websites if they want to go past what we teach them.

Microsoft Windows and Computer Maintenance – This section is focused on tips and tricks on the operating system, Microsoft windows and PC maintenance. Such topics include folder systems, users, antivirus, and the internet.

Microsoft Word - This section is focused on tips and tricks on Microsoft Word. Such topics include headers, footnotes, fonts system, and tables.

Microsoft Excel - This section is focused on tips and tricks on Microsoft Excel. Such topics include formats, functions, font system, and tables.

Microsoft PowerPoint - This section is focused on tips and tricks on Microsoft PowerPoint. Such topics include slides, background, color scheme, and media.

Basic Web Design - This section is focused on Web design. Such topics include folder systems, tables, tags, and the internet.

Please note that we need QuickGuides from Barcharts.com (A total of $30 available at the NJIT Bookstore)

20

Pricing

CECC Pricing System

Procedure

1. Agency and CECC will have a meeting and discuss CECC and our services. It will include examples of our previous work and upcoming projects. This meeting will include discussions of terms and agreements including but not limited to:

a. The point systemb. There will be a ‘Team formation’ down paymentc. The down payment will include 50 pts.d. How our IT services work.e. There will be a contract that will state deliverables from both parties and if

it is breached, the down payment is forfeited.2. If both CECC and the Agency agree that both parties have the resources for the

project, a projected start date will be agreed upon. A second meeting will be scheduled for both parties to prepare and then discuss the project in full detail.

3. The second meeting will include discussions about the agency project including but not limited to:

a. Time frameb. Structure c. Content d. Appoint an agency representativee. Show access to preliminary website from CECC websitef. Total Points and preliminary costs

Key Points

A standard procedure for pricing agencies based on amount of IT work needed to ensure the proper resources are allocated.

This will ensure that CECC/CDS does not allocate too much or too little resources for a project.

The point system will promote fairness and allow CECC to properly price based on need. (Agencies who need a few weeks work is not priced the same as an agency who requires a whole semester’s work.

The items detailed on the point system must be performed before any project is started.

The Student Director or Project Manager in Charge is expected to fairly assess the needs of the agency and offer an accurate price according to the checklist.

21

Pricing Point System

Basics

Type PointsStatic Web Page 1Dynamic login 30Dynamic Web Page 2Images per page 1Flash Animation (5 seconds) 10Flash Animation (< 5 seconds) per second 1JavaScript (5 seconds) 10JavaScript (<5 seconds) per second 1

Navigation

Type PointsFlash Menu 30JavaScript Menu 25Button Menu (per button) 5Text (per link) 2

Web Applications

Type PointsCommunications 100Content Management 100Shopping Cart 100

Programs

Type PointsComputer Training (Per Session) 50Help Desk 50

22

Web Design Market

There are many offers in the web development market and it is difficult to match exact prices due to various offers. For the purposes of CECC and determining a fair price for our clients, we will compare how much a private web development company and a public web development company will charge for a website we created for Morristown Neighborhood House website (www.neighborhood-house.org).

Private Web Development Company

$-$200.00$400.00$600.00$800.00

$1,000.00$1,200.00$1,400.00$1,600.00$1,800.00

Private Firms

SMGWebIS

PsiSolutionsHarveyLazarus

Private SMG $1,500.00 Based on their premium packWebIS $1,650.00 Based on the advanced packPsiSolutions $ 997.00 Based on corporate gold pack

Harvey $ 999.99 Based on the e-commerce website. I subtracted $500 from the original price because I omitted extra services that we do not currently offer.

Lazarus $1,485.00 Based on $100 per page price with Morristown totaling 15 pages. I subtracted $15 for hosting cost.

23

Public Web Development Company

$-

$200.00

$400.00

$600.00

$800.00

$1,000.00

$1,200.00

Public Firms

AltrueCharity Focus

HarveyLazarus

Non ProfitAltrue $ 500.00 Based on a basic website and their lowest possible rate

Charity Focus $ 800.00 Based on ‘administrative fee’ and hourly rate of $20 and hour. I estimated a total of 35 full hours were used to make the website.

Harvey $ 849.99 Based on the private firm estimate with a 15% non-profit discount.Lazarus $1,113.75 Based on the private firm estimate with a 25% non-profit discount.

24

Student Employment

The Civic Engagement Computer Center is staffed with skilled NJIT students whose expertise is related to Information Systems, Information Technology, Management Information Systems, and Business Management. The student management team will work in conjunction with the CDS staff to ensure the success and integrity of the Center. The following are detailed descriptions of the role each position has within the Center.

25

Student Director – (20 hours)

Takes the role of the CEO/Chairman Responsible for making sure CECC is running smoothly. At least 2 websites per semester.

Student Project Manager: Multimedia Projects – (10 Hours)

The same as last year, responsible for multimedia projects Flash Animations, image manipulation, etc Responsible for at least 1 website per semester

Student Project Manager: Website Projects – (10 Hours)

The same as last year, responsible for most website projects Responsible for at least 3 website per semester

Student Project Manager: Special Projects – (10 Hours)

Responsible for the mentoring and computer training program Responsible for at least 1 website per semester

Student Information Officer – (10 Hours)

Role of CIO and CTO Responsible for assuring that the “paperless” office and Web applications

library are working properly. Research and development of product Responsible for at least 1 website per semester

Student Operations Officer – (10 Hours)

Responsible day-to-day operations and reporting them to the student Director and above

Responsible for ensuring that projects are going as planned Responsible for research (Topics and potential clients) May need to take over a project if needed.

Please note… …the text is informal and will be revised upon approval…the positions are based on a corporate management team structure.…Each PM can be seen as a ‘department;’ and requires staffing. Other position only get staffing based on need.

26

Appendix

Private Firms based in Tri State Area

1. SMG Designs

http://www.smgdesigns.com/websitedesignrates.htm

2. Web Design IShttp://www.web-design-is.us/web-design-Prices.htmWeb Design Starter Price $450Web Design Standard Price $750Web Design Advanced Price $1,650

27

3. PsiSolutionshttp://www.psisolutions.com/website-design-costs.html

The BasicsAll packages include access to our Project Path Coordinator allowing you to be involved with every aspect of the development process.  Also, you will receive 3 months FREE HOSTING with the purchase of any package.

Corporate Light - $697The Corporate Light Package is perfect for those looking to make the leap onto the web with a simple yet sophisticated presence.  This package includes up to 5 pages, all the graphics, and one contact form.

Corporate Gold - $997For less than a thousand dollars your company can have a website that levels your competition.  With advanced graphic design and flash animation options the Corporate Gold Package sets your site apart from the rest. This package includes up to 15 pages and also meta tag development so your beautiful site is found in the search engines. This package also includes our Basic Logo Design Package at no additional cost.

Corporate Pro - $1597Are you ready to watch you competitors cry? With the Corporate Pro Package you'll receive a classy and sophisticated site that's user friendly and functional. With some advanced programming credit included you can choose things like interactive questionnaires or a content management system. Perhaps you'd like a forum or live chat installed? Choose any one of these or add them all* to your site. The Corporate Pro Package from PSI also includes our exclusive ProElite branding package.

Firms for Non-Profit

1. Altrue Designs

http://www.altrue.com/site/altrue/content/1/31

Do you need expert consulting? Please see our sample sites below for examples of expertise in everything from graphic design to interactive, content management systems to intranets, membership areas to online databases. We'll create a solution for any budget between $500 and $50,000. Please contact us at

or (415) 255-1911 to discuss your online goals and learn about our guarantee.

2. Charity Focus

http://www.charityfocus.org/services/

Costs

To reiterate, we really provide these services to increase the charity in our lives; we have no paid staff and feel fortunate to be of service to the nonprofit community. We charge for some of the custom features, not to make money but to ensure that volunteer efforts

28

are used appropriately and to maintain our focus on helping smaller nonprofits with their basic needs. We charge under the following scenarios:

Third party costs: o Domain registration: There is a $20/year fee for registering a domain name via

BulkRegister. We can provide a free domain name and hosting for NPO's that want charityfocus.org/name hosting.

o Website hosting: Most nonprofit organizations will find the basic web host packages costing approximately $10/month sufficient. We recommend our partners -- NetMegs and Spry for web hosting.

NPO requests advanced services: For 'Custom' and 'Update' webpacks, we charge $20/hour (the industry rates are well over $100/hr for some of the services). This chart has detailed information on what is free and what isn't.

NPO's annual budget is over $200K/year: There is a $100 administrative fee to offset the operating costs of CharityFocus and more importantly, to get a committment from the organization.

3. Harvey Web Hosting Solutions

http://www.harveyhosting.com/charity_non_profit_web_hosting_services.php Charity and non profit organizations receive 15% off the prices of our web site design plans.

The following are included in all web site design services: Free domain name registration or transfer Free Miva Merchant shopping cart (with ecommerce web design, corporate web site design and

enterprise web page design plans) Free web hosting services for 1 year Free internet marketing for 1 month Free merchant accounts application Free Urchin Web Statistics (with ecommerce web design, corporate web site design and enterprise web

page design plans) Free shared ssl certificate or purchase a ssl certificate Business emails at: www.yourdomain.com 99.9% uptime guarantee cPanel control panel - manage files, emails... Fantastico - numerous free scripts to enhance your website PHP (Zend Optimizer), peld, cgi, mysql, more... Frontpage extensions 2000, 2002, 2003 All features included in our web hosting services Email virus scanning and protection software Spam blockers and filters

Basic web design services Professional, custom web page designs Pages Included: 5 Graphics Included: 10 Storage Space: 50 MB Monthly Traffic: 5 GB Business POP3/SMTP Email: 25 Links Included: 25

29

Site Delivery: Within 14 business days cPanel :: manage website, create email accounts, read emails etc . Fantastico :: numerous free perl and php scripts Complete web design services Basic web site design details

Price: $399.95 - one time fee  

30

Business web design services Professional, custom web page designs Pages Included: 10 Graphics Included: 20 Storage Space: 100 MB Monthly Traffic: 15 GB Business POP3/SMTP Email: 50 Links Included: 50 Site Delivery: Within 14 business days cPanel :: manage website, create email accounts, read emails etc . Fantastico :: numerous free perl and php scripts Complete web design services Business web site design details

Price: $799.95 - one time fee

Ecommerce web design services Professional, custom web page designs Pages Included: 15 Graphics Included: 30 Storage Space: 100 MB Monthly Traffic: 15 GB Business POP3/SMTP Email: 100 Links Included: 75 Site Delivery: Within 14 business days cPanel :: manage website, create email accounts, read emails etc . Fantastico :: numerous free perl and php scripts Complete web design services Free Urchin Web Statistics Free Miva Merchant shopping cart Ecommerce web site design details

Price: $1,499.95 - one time fee

31

4. Lazarus Group

http://www.lazarusgroup.com/services/web.php

Our objective is to better serve you, the nonprofit community. Nonprofit clients not only receive top-drawer service, but we pass along a 25% discount.

$500 - $1,000

custom design your home page plus

five resource pages

one registered URL (free for the first year, $15/year following)

Popular Add-ons Include:

logo design content creation: copy,

custom photography

Macromedia Flash elements

$1000 minimum if your site involves:

e-commerce database integration do-it-yourself updates (CMS or Content Management

System)

* Design and general web updates: $125 per hour billed in 15 minute increments.* Database Support: $125 per hour billed in 15 minute increments. * Hosting rates listed separately.

32