project management mygraphicslab: adobe … · aca certification preparation for web communication...

22
Copyright © 2013 MyGraphicsLab / Pearson Education PROJECT MANAGEMENT MyGraphicsLab: Adobe Dreamweaver CS6 ACA Certification Preparation for Web Communication

Upload: vonhu

Post on 20-Apr-2018

218 views

Category:

Documents


3 download

TRANSCRIPT

Page 1: PROJECT MANAGEMENT MyGraphicsLab: Adobe … · ACA Certification Preparation for Web Communication . ... This presentation covers the following ACA Exam objectives: ... CSS Forms

Copyright © 2013 MyGraphicsLab / Pearson Education

PROJECT MANAGEMENT

MyGraphicsLab: Adobe Dreamweaver CS6 ACA Certification Preparation for Web Communication

Page 2: PROJECT MANAGEMENT MyGraphicsLab: Adobe … · ACA Certification Preparation for Web Communication . ... This presentation covers the following ACA Exam objectives: ... CSS Forms

OBJECTIVES

Copyright © 2013 MyGraphicsLab / Pearson Education

This presentation covers the following ACA Exam objectives:

  1.5 Make website development decisions based on your analysis and interpretation of design specifications.

  1.6 Understand project management tasks and responsibilities.

  2.6 Communications with others (such as peers and clients) about design plans.

Page 3: PROJECT MANAGEMENT MyGraphicsLab: Adobe … · ACA Certification Preparation for Web Communication . ... This presentation covers the following ACA Exam objectives: ... CSS Forms

WEB PROJECT MANAGEMENT TOPICS

1.  Learn how to manage a website project. 2.  Learn who is responsible for the various tasks.

Copyright © 2013 MyGraphicsLab / Pearson Education

Page 4: PROJECT MANAGEMENT MyGraphicsLab: Adobe … · ACA Certification Preparation for Web Communication . ... This presentation covers the following ACA Exam objectives: ... CSS Forms

WEB PROJECT MANAGEMENT PRINCIPLES

  Develop a project plan with clear activities:   Build a project roadmap

  Assign tasks:   Consider people’s skills and

experience   Define project scope and what

constitutes “scope creep”   Consider using a project

management tool   Basecamp   Microsoft project

  Appoint a web team leader

Copyright © 2013 MyGraphicsLab / Pearson Education

Page 5: PROJECT MANAGEMENT MyGraphicsLab: Adobe … · ACA Certification Preparation for Web Communication . ... This presentation covers the following ACA Exam objectives: ... CSS Forms

WEBSITE PROJECT PLAN

  Start with a site questionnaire.   Determine project scope.   Determine project team

members.   Define project tasks.   Define a schedule of milestones

and deliverables.   Define technical requirements.   Define content requirements.   Define a budget plan.

Copyright © 2013 MyGraphicsLab / Pearson Education

Page 6: PROJECT MANAGEMENT MyGraphicsLab: Adobe … · ACA Certification Preparation for Web Communication . ... This presentation covers the following ACA Exam objectives: ... CSS Forms

PROJECT QUESTIONNAIRE (1 OF 5)

  Include complete client information:   URL and access to current

website and content if available

  Business description and the industry it’s involved in

  Mission or purpose of the organization

  Who are your main competitors? Do they have websites? What do you like and dislike about their sites?

Copyright © 2013 MyGraphicsLab / Pearson Education

Page 7: PROJECT MANAGEMENT MyGraphicsLab: Adobe … · ACA Certification Preparation for Web Communication . ... This presentation covers the following ACA Exam objectives: ... CSS Forms

PROJECT QUESTIONNAIRE (2 OF 5)

  What are the short-term goals of the site? What are your main reasons for building a site?

  What are the site’s long-term goals? What are your future needs on the site 1–5 years from now?

  How will you measure this website’s success?   What are your scheduling requirements?   What is your website budget? Please list both the financial limits and the time-

commitment limits from your business toward this project.

Copyright © 2013 MyGraphicsLab / Pearson Education

Page 8: PROJECT MANAGEMENT MyGraphicsLab: Adobe … · ACA Certification Preparation for Web Communication . ... This presentation covers the following ACA Exam objectives: ... CSS Forms

PROJECT QUESTIONNAIRE (3 OF 5)

  What is your budget for maintaining your website?   What is your budget for web hosting (monthly) and updating?   What information do you want to be sure to include on your website?   Do you have any specific graphics you wish to be included on your

site? Be sure to add which of these graphics you will supply and which will need to be created for the site.

Copyright © 2013 MyGraphicsLab / Pearson Education

Page 9: PROJECT MANAGEMENT MyGraphicsLab: Adobe … · ACA Certification Preparation for Web Communication . ... This presentation covers the following ACA Exam objectives: ... CSS Forms

PROJECT QUESTIONNAIRE (4 OF 5)

  Do you have specific corporate colors, fonts, or styles that need to be used?

  Why will people come to your site? What tasks will they want to perform on your site?

  Who are the intended audiences?   What goals do you have for each of your intended audiences? What

are the most important functions you wish to provide for each type of user?

Copyright © 2013 MyGraphicsLab / Pearson Education

Page 10: PROJECT MANAGEMENT MyGraphicsLab: Adobe … · ACA Certification Preparation for Web Communication . ... This presentation covers the following ACA Exam objectives: ... CSS Forms

PROJECT QUESTIONNAIRE (5 OF 5)

  What kinds of customers do you cater to? Describe each type of customer.

  What services can you not provide now that your website can assist you with?

  Where will your website content come from? Who will provide the basic text? What print materials do you presently have?

  How often do you see your site needing updating? How do you plan to accomplish this? Who will update it for you?

Copyright © 2013 MyGraphicsLab / Pearson Education

Page 11: PROJECT MANAGEMENT MyGraphicsLab: Adobe … · ACA Certification Preparation for Web Communication . ... This presentation covers the following ACA Exam objectives: ... CSS Forms

PROJECT SCOPE

  Set up a methodology for dealing with scope creep.

  Determine the process for submitting additions to the project.

  Establish who is responsible for making the final decision about any new items.

  Determine who needs to be contacted and what documents must be modified if an item is added or subtracted.

Copyright © 2013 MyGraphicsLab / Pearson Education

Page 12: PROJECT MANAGEMENT MyGraphicsLab: Adobe … · ACA Certification Preparation for Web Communication . ... This presentation covers the following ACA Exam objectives: ... CSS Forms

DETERMINE PROJECT TEAM MEMBERS

  Sponsors   Project Manager   Designers   Programmers   Content creators

  Who will create which content   Text, video, graphics, PDFs,

documents, interactive, etc.   Reviewers and testers

Copyright © 2013 MyGraphicsLab / Pearson Education

Page 13: PROJECT MANAGEMENT MyGraphicsLab: Adobe … · ACA Certification Preparation for Web Communication . ... This presentation covers the following ACA Exam objectives: ... CSS Forms

SPECIFY TECHNICAL REQUIREMENTS: SOFTWARE

  Determine necessary tools for building all stages of the site:   Information architecture –– sitemap

•  Visio, PowerPoint, Illustrator, etc.   Wireframing

•  Fireworks, Illustrator, etc.

  Building prototypes (comps)   Photoshop, Fireworks   Premade templates or original design?

  Building the design   Photoshop, Fireworks

  Converting from design to HTML   Slicing, optimizing

  Development tools   Dreamweaver, BBedit   Open source CMS

•  Drupal, WordPress, etc.

Copyright © 2013 MyGraphicsLab / Pearson Education

Page 14: PROJECT MANAGEMENT MyGraphicsLab: Adobe … · ACA Certification Preparation for Web Communication . ... This presentation covers the following ACA Exam objectives: ... CSS Forms

SPECIFY TECHNICAL REQUIREMENTS: SERVER

  Determine what server requirements are needed for the site:   Linux or Windows hosting

  Server space   More needed if video and other media will be used

  Applications server   PHP, ASP, CFM, JSP

  Database server requirements   MySQL, SQL Server

  Who will provide the development server?   Who will host the live site?   Do the development and live server specifications conform?

Copyright © 2013 MyGraphicsLab / Pearson Education

Page 15: PROJECT MANAGEMENT MyGraphicsLab: Adobe … · ACA Certification Preparation for Web Communication . ... This presentation covers the following ACA Exam objectives: ... CSS Forms

CONTENT UPDATES

  Determine who makes updates.   Assess what parts of the site will need updating.   Determine the frequency of the updates.   Determine how updates will be made:

  HTML coding   Dreamweaver   CMS

Copyright © 2013 MyGraphicsLab / Pearson Education

Page 16: PROJECT MANAGEMENT MyGraphicsLab: Adobe … · ACA Certification Preparation for Web Communication . ... This presentation covers the following ACA Exam objectives: ... CSS Forms

CONTENT MANAGEMENT DEVELOPMENT

  The need for a Content Management System (CMS) depends on:   Technical skills of the person making content updates   Frequency of updates   What type of updates are needed   Budget

  Will a CMS be developed in-house or will you use an open source system?

Copyright © 2013 MyGraphicsLab / Pearson Education

Page 17: PROJECT MANAGEMENT MyGraphicsLab: Adobe … · ACA Certification Preparation for Web Communication . ... This presentation covers the following ACA Exam objectives: ... CSS Forms

DELIVERABLES

  Define deliverables and deadlines. For example:   Comps   HTML, CSS   Forms   Graphics   Video   Beta testing

  Be sure deliverables are spread out over time.

  Timeline –– how will deliverables be monitored and tracked?

Copyright © 2013 MyGraphicsLab / Pearson Education

Page 18: PROJECT MANAGEMENT MyGraphicsLab: Adobe … · ACA Certification Preparation for Web Communication . ... This presentation covers the following ACA Exam objectives: ... CSS Forms

DEVELOPMENT PROCEDURES (1 OF 2)

  Design style guide for standardizing file-naming conventions, directory structure, file formats, fonts, and colors.   Lowercase or uppercase   Hyphens, special characters, etc.

  Establish procedures for version control.   Critical in web team work

  Establish procedures for external file sharing and managing.   External scripts   External style sheets

Copyright © 2013 MyGraphicsLab / Pearson Education

Page 19: PROJECT MANAGEMENT MyGraphicsLab: Adobe … · ACA Certification Preparation for Web Communication . ... This presentation covers the following ACA Exam objectives: ... CSS Forms

DEVELOPMENT PROCEDURES (2 OF 2)

  Establish procedures for backups.   Determine browser support:

  Include desktops, tablets, and mobile   Establish HTML version (DTD), CSS, client and server scripting

language.   Document copyright and accessibility decisions.

Copyright © 2013 MyGraphicsLab / Pearson Education

Page 20: PROJECT MANAGEMENT MyGraphicsLab: Adobe … · ACA Certification Preparation for Web Communication . ... This presentation covers the following ACA Exam objectives: ... CSS Forms

TESTING, LAUNCH, AND DELIVERY

Copyright © 2013 MyGraphicsLab / Pearson Education

  Beta testing –– client should be involved in the testing:   Set date early –– must be met   Browser testing   Usability testing   Accessibility testing   Audience generally not involved

  This stage generally includes populating pages with content

  Bug fixes and retesting   Set a launch date after testing

and signoff   Who is responsible for actual

site launch?

Page 21: PROJECT MANAGEMENT MyGraphicsLab: Adobe … · ACA Certification Preparation for Web Communication . ... This presentation covers the following ACA Exam objectives: ... CSS Forms

MAINTENANCE AND EVALUATION (1 OF 2)

  Maintaining the site   Will the site be maintained internally, or will the developer continue to

maintain?   Training

  Will the staff be trained on how to maintain the site?   Project documentation

  Will Help files be needed?   Who is responsible for creating them?

Copyright © 2013 MyGraphicsLab / Pearson Education

Page 22: PROJECT MANAGEMENT MyGraphicsLab: Adobe … · ACA Certification Preparation for Web Communication . ... This presentation covers the following ACA Exam objectives: ... CSS Forms

MAINTENANCE AND EVALUATION (2 OF 2)

  Site performance monitoring and reporting   Handling upgrades

  Software, plugins   Hardware

  SEO –– search engine optimization   Who is responsible for adding and monitoring?

  Analytics –– qualitative and quantitative metrics   Who is responsible for adding and monitoring?

Copyright © 2013 MyGraphicsLab / Pearson Education