project management in web design and production
DESCRIPTION
Project managementTRANSCRIPT
![Page 1: project management in web design and production](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5482b0905806b5d9048b46e3/html5/thumbnails/1.jpg)
Project Management in Web
Design and Production
![Page 2: project management in web design and production](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5482b0905806b5d9048b46e3/html5/thumbnails/2.jpg)
Project Management: Process
![Page 3: project management in web design and production](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5482b0905806b5d9048b46e3/html5/thumbnails/3.jpg)
Project Management: Process
• According to Stubbs & Barksdale (2003), a great
web site development involved in 3 phases:
– Planning
– Constructing
– Testing
• These process also can be divided into the following steps:
– Pre-production
– Production
– Post production
![Page 4: project management in web design and production](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5482b0905806b5d9048b46e3/html5/thumbnails/4.jpg)
Project Management: Process
1. Pre-Production (Planning)
• Analysis, planning and design
• Creating a blueprint for the website
• Ask yourself these Qs
– Who is the audience?
– What is the web message?
– What is its purpose?
– How will the information in the web be
organized? (organization)
![Page 5: project management in web design and production](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5482b0905806b5d9048b46e3/html5/thumbnails/5.jpg)
Project Management: Process
– How will the web works? (interactivity)
– How will people get around in it? (navigation)
– Will it be easy to use? (usability)
– What will it look like? Will its “look”
complement its message?
• The process of asking these Qs & writing down
detailed answers or sketching – is called
DESIGN.
![Page 6: project management in web design and production](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5482b0905806b5d9048b46e3/html5/thumbnails/6.jpg)
Project Management: Process
2. Production (Constructing)
• Content research
• Interface design
• Graphics development
• Animation development
• Audio recording
• Video production/editing
• Web authoring/programming
![Page 7: project management in web design and production](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5482b0905806b5d9048b46e3/html5/thumbnails/7.jpg)
Project Management: Process
3. Post-Production (Testing)
• Testing and evaluation
– Content Testing (Is everything correct?)
– Functional Testing (Does it do what it is
supposed to do?)
– Usability Testing (It is easy to use?)
• Feedback from client
• Product revision
• Product documentation/packaging
![Page 8: project management in web design and production](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5482b0905806b5d9048b46e3/html5/thumbnails/8.jpg)
The Web Development Team
![Page 9: project management in web design and production](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5482b0905806b5d9048b46e3/html5/thumbnails/9.jpg)
Web Development Team
• How is web development is different from other
software/system development projects?
– Graphics and other media require special
skills
– Much more emphasis on designing for the
user
– Artistic and software design
– Requires instructional design
![Page 10: project management in web design and production](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5482b0905806b5d9048b46e3/html5/thumbnails/10.jpg)
Web Development Team
• How is web development similar to other
software/system development projects?
– Software life cycle still applies:
analysis>design>
>implementation>testing>delivery>maintenan
ce
– Management skills: coordinating people with
different talents and agendas.
![Page 11: project management in web design and production](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5482b0905806b5d9048b46e3/html5/thumbnails/11.jpg)
Web Development Team
• Different skills are required for the differing
activities:
– some activities require creativity,
– some require sound business acumen,
– some require a high level of technical expertise
• Necessary skills within a web development
team:
– Project Management - Programming
– Content - Architecture & Design
– Strategy
![Page 12: project management in web design and production](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5482b0905806b5d9048b46e3/html5/thumbnails/12.jpg)
Web Development Team
![Page 13: project management in web design and production](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5482b0905806b5d9048b46e3/html5/thumbnails/13.jpg)
Web Development Team
• Different skills are required for the differing
activities:
– some activities require creativity,
– some require sound business acumen,
– some require a high level of technical expertise
• Necessary skills within a web development
team:
– Project Management - Programming
– Content - Architecture & Design
– Strategy
![Page 14: project management in web design and production](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5482b0905806b5d9048b46e3/html5/thumbnails/14.jpg)
Web Development Team : Roles
1. Project Manager:
To attain the project objectives.
To deliver the right product at:
the right quality
in the project time scale
at the right price.
![Page 15: project management in web design and production](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5482b0905806b5d9048b46e3/html5/thumbnails/15.jpg)
Web Development Team : Roles
• Coordinates initial start up meetings between all
parties
• Schedules additional meeting throughout the
project
• Clarify, publish, and communicate timelines and
milestones (establish deadlines)
• Breakdown the allocation of tasks and ensure all
agencies are aware of their schedule and
responsibilities
![Page 16: project management in web design and production](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5482b0905806b5d9048b46e3/html5/thumbnails/16.jpg)
Web Development Team : Roles
2. Content Area Specialist:
• Provides all written materials directly to the
Project Manager in a digital format (i.e.,
Microsoft Word)
• Provides a copy of all non-digital (written)
material to the Project Manager.
• Is available to the web Development Team for
ongoing clarification regarding the
transformation and design of course materials.
![Page 17: project management in web design and production](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5482b0905806b5d9048b46e3/html5/thumbnails/17.jpg)
Web Development Team : Roles
• Communicates course progress, barriers, and
modifications directly to the Project Manager
during weekly scheduled interactions.
• Reviews content design for factual integrity,
completeness and educational effectiveness
![Page 18: project management in web design and production](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5482b0905806b5d9048b46e3/html5/thumbnails/18.jpg)
Web Development Team : Roles
3. Instructional Designer:
• Understand how to organize, manage, and
deliver information to create an effective
learning environment
• Understands the target audience and designs
the level of learning appropriate to their needs
![Page 19: project management in web design and production](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5482b0905806b5d9048b46e3/html5/thumbnails/19.jpg)
Web Development Team : Roles
4. Web Developer/Programmer
• Someone who can implement programs that integrate media elements.
• Given a clear design and previously created media elements (graphics, sounds, video, etc.) a programmer creates running software for the title.
• Vaughan: “A web programmer is a software engineer who integrates all of the web elements into a seamless whole using an authoring language or programming language.”
![Page 20: project management in web design and production](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5482b0905806b5d9048b46e3/html5/thumbnails/20.jpg)
Web Development Team : Roles
4. Web Developer/Programmer
• Someone who can implement programs that integrate media elements.
• Given a clear design and previously created media elements (graphics, sounds, video, etc.) a programmer creates running software for the title.
• Vaughan: “A web programmer is a software engineer who integrates all of the web elements into a seamless whole using an authoring language or programming language.”
![Page 21: project management in web design and production](https://reader034.vdocuments.mx/reader034/viewer/2022051610/5482b0905806b5d9048b46e3/html5/thumbnails/21.jpg)
Web Development Team : Roles