bayu priyambadha, s.kom teknik informatika universitas brawijaya
TRANSCRIPT
THE SITE DEVELOPMENT
Bayu Priyambadha, S.KomTeknik Informatika
Universitas Brawijaya
THE SITE DEVELOPMENT TEAM
The strategic importance and project budget for your web efforts will largely determine the size and skill depth of your web site development team.
The core skill sets needed in a web site development team are: Strategy and planning Project management Information architecture and user interface design Graphic design for the web Web technology Site production
WEB TEAM ROLES AND RESPONSIBILITIES
Project stakeholder or sponsor
Web project manager Account executive Quality assurance
tester Information architect Art director
Web graphic designer Interactive designer
(Flash, JavaScript, Ajax)
Media specialist
Web technology lead Web application
programmer Web page engineer
(xhtml, css, JavaScript, Ajax)
Database Administrator
Site editor Site copywriter Content domain
expert (content coordination, research)
WEB PROJECT MANAGER
The web project manager coordinates and communicates the day-to-day tactical implementation of the web site project, acting within the constraints of the project charters and goals, project budget, development schedule, and quality objectives laid out in the planning stages
INFORMATION ARCHITECT
The site information architect organizes and categorizes web site structure and content.
The information architect is most active early in the design: developing content categorization schemes,
consistent site terminology, content structure across the site site architecture diagrams
explain the overall site planning to both the sponsor and the web team members.
ART DIRECTOR
The art director’s primary responsibility is overall look and feel for
the web site establishing the site
typography visual interface design color palette standards page layout details integrated whole the
media elements of the site (graphics, photography, illustration, and audiovisual
WEBSITE PROJECT MANAGEMENT
THE SITE DEVELOPMENT PROCESS
Every significant web project poses unique challenges, but the overall process of developing a complex web site generally follows six major stages that you should think through before crafting your final project planning and proposal documents:
1. Site definition and planning
4. Site construction
2. Information architecture 5. Site marketing
3. Site design 6. Tracking, evaluation, and maintenance
THE SITE DEVELOPMENT PROCESS
SITE DEFINITION AND PLANNING
This initial stage is where you define your goals and objectives for the web site and begin to collect and analyze the information you’ll need to justify the budget and resources required. define the scope of the site content the interactive functionality technology support required the depth and breadth of information
resources
SITE PRODUCTION CHECKLIST
Production Will your site production team be composed
of in-house people, outside contractors, or a mix of the two?
Who will manage the process? Who are your primary content experts? Who will be the liaison to any outside
contractors? Who will function long-term as the
webmaster or site editor?
SITE PRODUCTION CHECKLIST
Technology What operating systems and browsers
should your site support? What is the network bandwidth of the
average site visitor? Will the site have dynamic html and
advanced features? How will users reach support personnel? Does the site require database support? Will the site have audiovisual content?
SITE PRODUCTION CHECKLIST
Web server support Disk space limitations site traffic limitations extra costs Adequate capacity to meet site
traffic demands Twenty-four-hour, seven-day-a-week
support and maintenance Statistics on users and site traffic Server log analysis: in-house or outsourced
SITE PRODUCTION CHECKLIST
BudgetingWhat are staffing costs?What hardware and software are needed for
in-house development team members?What are staff training costs?What are the outsourcing fees?
INFORMATION ARCHITECTURE
At this stage you need to detail the content and organization of the web site. The team should inventory all existing content, describe what new content is required, and define the organizational structure of the site.
what is the site for? What does the company do? Does the company have an
existing logo or brand? What is your goal in
developing a web site? What information do you wish
to provide online? Who comprises your target
audience? Do its members share any common
demographics, like age, sex, or a physical location?
Who are your competitors and do they have web sites?
INFORMATION ARCHITECTURE
INFORMATION ARCHITECTUREDRAW YOUR BLUEPRINT
Building websites is a lot like building a house
SITE DESIGN
At this stage the project acquires its look and feel, as the page grid, page design, and overall graphic design standards are created and approved.
Text, edited and proofread Graphic design specifications
Finished interface graphics for page templates
Header and footer graphics, logos, buttons, backgrounds
Interface design and master page grid templates completed Finished html template pages
Illustrations Photography
SITE CONSTRUCTION
Typical products or deliverables at the end of this stage should include:
Finished html for all web pages Finished navigation link structure All programming in place and linked to pages All database components in place and linked to site pages All graphic design, illustration, and photography in place Testing all components Archives of all site content components, html code,
programming code, and any other site development materials
SITE MARKETING
Your web site should be an integral part of all marketing campaigns and corporate communications programs, and the url for your site should appear on every piece of correspondence and marketing collateral your organization generates.
TRACKING, EVALUATION, AND MAINTENANCE Your web server software can record an
abundance of information about visitors to your site. Even the simplest site logs track how many people (unique visitors) saw your site over a given time, how many pages were requested for viewing, and many other variables.
MAINTAINING THE SITE BACKUPS AND SITE ARCHIVES
TUGAS Design your plan for your own website !
Include : Definition and planning Development schedule Technology in use Site Maps
TERIMA KASIH