Bayu Priyambadha, S.Kom Teknik Informatika Universitas Brawijaya.

Slides:



Advertisements
Similar presentations
Overview of Web Design and Development Process Web Design Professor Frank.
Advertisements

Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Evaluation in Digital Media Graphics Basic Concepts.
Dynamic Web Sites DECO 3001 Tutorial 9 – CMS Presented by Ji Soo Yoon 21 May 2004 Slides adopted from
Copyright © 2001 Bolton Institute Dept. of Computing & Electronic Technology Multimedia Integration and Applications Lecture 7: Main Build Management.
MULTIMEDIA Development Team.
Website Development Process By Una Dooney. Slide 2Computer Applications Stage 1 Slide 2 The Website Development Process Involves the following Stages.
Web Development Life Cycle (WDLC) by Sally King. 2 Initiation/ Inception Analysis & Requirements Definition Design Construction Installation/ Deployment.
E-Commerce: The Second Wave Fifth Annual Edition Chapter 12: Planning for Electronic Commerce.
Designing Basic Web Sites II: Process Based on Web Style Guide, Lynch and Horton Technical Communication.
Communication and the Team. Communication Issues A common problem with most development projects are communication issues These can be present in a number.
Lecture 4: Main Build Management Damien Markey. Lecture 4: Main Build Management How to start a build Assembling the team –Designer –Developer –Database.
Dreamweaver 8 Concepts and Techniques Introduction Web Site Development and Macromedia Dreamweaver 8.
Effort in hours Duration Over Weeks Or Months Inception Launch Web Lifecycle Methodology Maintenance Phases Copyright Wonderlane Studios.
Web Development & Design Foundations with XHTML
Where Do I Start REFERENCE: LEARNING WEB DESIGN (4 TH EDITION) BY ROBBINS 2012 – CHAPTER 1 (PP. 3 – 14)
THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.
PBA Front-End Programming Development Organisation.
About Waterloo website Project report June Outline Overview of process Project deliverables Lessons learned.
Digital media project 101. The six common major stages 1- Site definition and planning 2- Information architecture 3- Site design 4- Site construction.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 10 Key Concepts 1 Copyright © Terry Felke-Morris.
WEB DESIGNING Prof. Jesse A. Role Ph. D TM UEAB 2010.
Creating a Web Site Back to Table of Contents. Creating a Web Site Conceiving a Web Site Planning a Web Site 2 Creating a Web Site Section 9-1 Section.
Louisa Lambregts, What Makes a Web Site Successful and Effective? Bottom Line... Site are successful if they meet goals/expectations.
Web Design Basic Concepts.
Dobrin / Keller / Weisser : Technical Communication in the Twenty-First Century. © 2008 Pearson Education. Upper Saddle River, NJ, All Rights Reserved.
Miguel Nunes Information Systems Project Management IS Project Resources.
Section 2.1 Compare the Internet and the Web Identify Web browser components Compare Web sites and Web pages Describe types of Web sites Section 2.2 Identify.
Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 4: Specify the website’s navigation system.
PBA Front-End Programming Pre- and Post-design activities.
Towards a renewed UNESCO Website BPI/WEB – Juin 2003.
Web Development Process Description
Introduction to Interactive Media 02. The Interactive Media Development Process.
Roles and Responsibilities
Web Development & Design Foundations with XHTML Chapter 10 Key Concepts.
Understanding the Web Site Development Process. Understanding the Web Site Development You need a good project plan Larger projects need a project manager.
1 Web Basics Section 1.1 Compare the Internet and the Web Compare Web sites and Web pages Identify Web browser components Describe types of Web sites Section.
Web Design Teams What role do you play?. Client Person or organization who pays for the website to be designed and maintained. Person or organization.
Project Proposal Interface Design Website Coding Website Testing & Launching Website Maintenance.
WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.
Launching a Successful Online Business and EC Project.
1 CO1552 Web Application Development The Web Design Process.
The Multimedia Team. Careers in Multimedia u Executive Producer u Production Manager u Multimedia Director/Architect u Art Director u Interface Designer.
Web Engineering Web engineering is the process used to create high quality WebApps. Web engineering is not a perfect clone of software engineering. But.
Chapter 3 Multimedia Skills
Web Design and Usability.  Web design has become increasingly complex  First generation sites are simply default backgrounds with "wall to wall" text,horizontal.
CHAPTER TWO THE MAKING OF MULTIMEDIA: AND MULTIMEDIA DEVELOPMENT TEAM
1 Technical & Business Writing (ENG-315) Muhammad Bilal Bashir UIIT, Rawalpindi.
Introduction to Making Multimedia
Software. A web site is a collection of web pages on a particular topic. A web page is a document written in HTML code. Web pages are linked together.
PBA Front-End Programming Development Organisation.
Web Development Process The Site Development Process Site Construction is one of the last steps.
The IT Industry By: Arlene Chapina. Multimedia Authors Interactive Media Jobs in this field are Video Editor the companies that hire people in that field.
Chapter 3-Multimedia Skills
Lesson 3-Multimedia Skills. Overview Members of a multimedia team. Roles and responsibilities in a multimedia team.
Creating & Building the Web Site Week 8. Objectives Planning web site development Initiation of the project Analysis for web site development Designing.
Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective
WEB Site Initiatives Standard Squadron Site (SSS) Events Database System (EDS) Standard District Site (SDS)
1 Multimedia Development Team. 2 To discuss phases of MM production team members Multimedia I.
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
Process of Creating a Website By: Ryan Millevoi and Lauren Gallo.
COM 205 Multimedia Applications St. Joseph’s College Fall 2004.
Pre-Production Meet with the client to create a project plan:
Roles and Responsibilities
Web Site Development and Macromedia Dreamweaver 8
Web Development A Visual-Spatial Approach
Chapter 10 Development of Multimedia Project
By Jeff Burklo, Director
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Metrics Stats n’ Stuff.
Presentation transcript:

Bayu Priyambadha, S.Kom Teknik Informatika Universitas Brawijaya

 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

 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) Ajax  Database Administrator  Site editor  Site copywriter  Content domain expert (content coordination, research)

 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

 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.

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

 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 planning4. Site construction 2. Information architecture5. Site marketing 3. Site design6. Tracking, evaluation, and maintenance

 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

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?webmaster

Technology  What operating systems and browsers should your site support?  What is the network bandwidth of the average site visitor?network bandwidth  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?

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

 Budgeting  What 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?

 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?

 Building websites is a lot like building a house

 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

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

 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.

 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.

 Design your plan for your own website !  Include : Definition and planning Development schedule Technology in use Site Maps