Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Menciptakan dan Membangun Website


Published on

Tahapan menciptakan dan membangun website

Published in: Technology, Travel

Menciptakan dan Membangun Website

  1. 1. Menciptakan dan Membangun Website <ul><li>Pemasaran Interaktif Coky Fauzi Alfi </li></ul>
  2. 2. The Site Development Process Site Definition and Planning Information Architecture Site Design Site Construction Site Marketing Tracking, Evaluation, Maintenance 1 2 3 5 4 6
  3. 3. 1 Site Definition and Planning
  4. 4. Site Definition and Planning Goals and Objectives Collect and Analyze the Information Prepare the Budget and Resources Define the scope of content The Interactive Functionality and Technology Support The Dept and Breadth of Information Resources Interview and Select a Site Design Firm Register Domain Name Select ISP Identify the Audience
  5. 5. Goals and Objectives Issues <ul><li>What is the mission of your organization? </li></ul><ul><li>How will creating a Web site support your mission? </li></ul><ul><li>What are your two or three most important goals for the site? </li></ul><ul><li>Who is the primary audience for the Web site? </li></ul>
  6. 6. Goals and Objectives Issues <ul><li>What do you want the audience to think or do after having visited your site? </li></ul><ul><li>What Web-related strategies will you use to achieve those goals? </li></ul><ul><li>How will you measure the success of your site? </li></ul><ul><li>How will you adequately maintain the finished site? </li></ul>
  7. 7. Production Issues <ul><li>How many pages will the site contain? What is the maximum acceptable count under this budget? </li></ul><ul><li>What special technical or functional requirements are needed? </li></ul><ul><li>What is the production schedule for the site, including intermediate milestones and dates? </li></ul><ul><li>Who are the people or vendors on the development team and what are their responsibilities? </li></ul>
  8. 8. Production Issues <ul><li>Will your site production team be composed of in-house people, outside contractors, or a mix of the two? </li></ul><ul><li>Who will manage the process? </li></ul><ul><li>Who are your primary content experts? </li></ul><ul><li>Who will be the liaison to any outside contractors? </li></ul><ul><li>Who will function long-term as the Webmaster or senior site editor? </li></ul>
  9. 9. Technology Issues <ul><li>What browsers and operating systems should your site support? </li></ul><ul><li>Network bandwidth of average site visitors </li></ul><ul><li>Dynamic HTML (HyperText Markup Language) and advanced features? </li></ul><ul><li>How will readers reach the support personnel? </li></ul><ul><li>Database support? </li></ul><ul><li>Audiovisual content </li></ul>
  10. 10. ISP Issues <ul><li>In-house Web server or outsourced to Internet Service Provider (ISP)? </li></ul><ul><li>Unique domain names available (multihoming) </li></ul><ul><li>Disk space or site traffic limitations or extra costs </li></ul><ul><li>Adequate capacity to meet site traffic demands? </li></ul><ul><li>Twenty-four-hour, seven-days-a-week support and maintenance? </li></ul><ul><li>Statistics on users and site traffic? </li></ul><ul><li>Server log analysis: in-house or outsourced? </li></ul>
  11. 11. Choosing The Right Domain Name <ul><li>Branding Yahoo!, Google, Amazon, Monster, and eBay </li></ul><ul><li>Keyword </li></ul>
  12. 12. If you have a large offline advertising budget and the budget necessary to brand your organization, I'd recommend a brandable domain. If, on the other hand, you're working on a shoe-string budget, choose a keyword domain and let the search engines bring the customers to you.
  13. 13. Six Quick Tips <ul><li>Don't include a specific location, unless you serve only that location </li></ul><ul><li>Cut to the chase, keep it simple, it's easier to remember </li></ul><ul><li>Avoid siting your site on an ISP server that uses the uses the name of the ISP such as: www.< isp_name ><company_name>/ </li></ul><ul><li>Buy a cheap domains, don't pay the big bucks </li></ul><ul><li>Buy the variations </li></ul><ul><li>Keep it legit, try to avoid .ws, .tv, .biz, etc, most respect is given to .com, .net, or .org domains </li></ul>
  14. 14. Selecting ISP <ul><li>The performance Bandwidth issues </li></ul><ul><li>The availability </li></ul>
  15. 15. Budgeting Issues <ul><li>Salaries and benefits for short-term development staff and long-term editorial and support staff </li></ul><ul><li>Hardware and software for in-house development team members </li></ul><ul><li>Staff training in Web use, database, Web marketing, and Web design </li></ul><ul><li>Outsourcing fees </li></ul><ul><li>Ongoing personnel support for site </li></ul><ul><li>Ongoing server and technical support </li></ul><ul><li>Database maintenance and support </li></ul><ul><li>New content development and updating </li></ul>
  16. 16. The Teams <ul><li>Site sponsor </li></ul><ul><li>Site owner </li></ul><ul><li>Project manager </li></ul><ul><li>Site designer </li></ul><ul><li>Site editor </li></ul><ul><li>Content developer </li></ul><ul><li>Webmaster </li></ul><ul><li>Stakeholders </li></ul>
  17. 17. Customer Needs Methods <ul><li>Interviews with marketing staff </li></ul><ul><li>Questionnaire to companies </li></ul><ul><li>Informal interviews with key accounts </li></ul><ul><li>Focus groups </li></ul><ul><li>Reviewing competitors’ website </li></ul>
  18. 18. Website Business Models <ul><li>The Portfolio Site: Like a Business Card on the Web </li></ul><ul><li>The Basic Commerce Model: Sales and Profits, exp. or </li></ul><ul><li>The Content Model: Based on Advertising, exp Yahoo! </li></ul><ul><li>Community Sites </li></ul><ul><li>Hybrids or Combinations Sites </li></ul>
  19. 19. 2 Information Architecture
  20. 20. <ul><li>Inventory all existing content </li></ul><ul><li>Describe what new content is required </li></ul><ul><li>Define the organizational structure of the site. </li></ul>
  21. 21. Information Personalised Easy to find Timely Up to date Accurate Clear Detailed Relevant High Quality Information Content of Website
  22. 22. Five Basic Steps in Organizing Information <ul><li>Divide your content into logical units </li></ul><ul><li>Establish a hierarchy of importance among the units </li></ul><ul><li>Use the hierarchy to structure relations among units </li></ul><ul><li>Build a site that closely follows your information structure </li></ul><ul><li>Analyze the functional and aesthetic success of your system </li></ul>
  23. 23. Site Prototypes <ul><li>The best way to test site navigation and develop the user interface </li></ul><ul><li>To allow the graphic designers to develop relations between how the site looks and how the navigation interface supports the information design </li></ul>
  24. 24. Site Navigation Issues <ul><li>Consistency </li></ul><ul><li>Simplicity </li></ul><ul><li>Context </li></ul>
  25. 25. 3 Site Design
  26. 26. To produce all the content components and functional programming and have them ready for the final production stage: the construction of the actual Web site pages. The Goal
  27. 27. Basic Interface Design <ul><li>User-centered design Clear navigation aids, No dead-end pages, Bandwidth and interaction, Simplicity and consistency, Design integrity and stability, Feedback and dialog </li></ul><ul><li>Accessibility Alternates and fallbacks, Accessibility guidelines, Graceful degradation </li></ul>
  28. 28. Site Structure <ul><li>Squences </li></ul><ul><li>Hierarchies </li></ul><ul><li>Webs </li></ul>
  29. 29. Sequences Straight Sequence Logical Sequence
  30. 30. Hierarchies
  31. 31. Webs
  32. 32. Site File and Directory Structures
  33. 34. Site Elements <ul><li>Home pages </li></ul><ul><li>Menus and subsites </li></ul><ul><li>Resource lists </li></ul><ul><li>Site guides </li></ul><ul><li>“ What’s new?” pages </li></ul><ul><li>Search features </li></ul><ul><li>Contact information and user feedback </li></ul><ul><li>Bibliographies and appendixes </li></ul><ul><li>FAQ pages </li></ul><ul><li>Custom server error pages </li></ul>
  34. 35. Graphic Design Issues <ul><li>The speed of downloading graphics </li></ul><ul><li>The screen resolutions of the computer </li></ul><ul><li>The number of colours on screen </li></ul><ul><li>The type of web browser used </li></ul>
  35. 36. Top Ten Web Design Mistakes <ul><li>Fonts Problems </li></ul><ul><li>Non-Standard Links </li></ul><ul><li>Annoying Flash </li></ul><ul><li>Content That's Not Written for the Web </li></ul><ul><li>Bad Search </li></ul><ul><li>Browser Incompatibility </li></ul><ul><li>Cumbersome Forms </li></ul><ul><li>No Contact Information or Other Company Info </li></ul><ul><li>Frozen Layouts with Fixed Page Widths </li></ul><ul><li>Inadequate Photo Enlargement </li></ul>
  36. 37. 4 Site Construction
  37. 38. At this stage web pages will be constructed and filled out with content
  38. 39. To Dos <ul><li>Finished HTML for all Web pages, all page content in place </li></ul><ul><li>Finished navigation link structure </li></ul><ul><li>All programming in place and linked to pages, ready for beta testing </li></ul><ul><li>All database components in place and linked to site pages </li></ul><ul><li>All graphic design, illustration, and photography in place </li></ul>
  39. 40. To Dos <ul><li>Final proofreading of all site content </li></ul><ul><li>Detailed testing of database and programming functionality </li></ul><ul><li>Testing and verification of database reporting features </li></ul><ul><li>Testing of site reader support procedures, answering email, etc. </li></ul><ul><li>Archives of all site content components, HTML code, programming code, and any other site development materials </li></ul>
  40. 41. Tools for Site Construction <ul><li>Basic text and graphic editors Notepad, Paintbrush, Photodraw 2000 </li></ul><ul><li>Specialised HTML and graphic editors FrontPage, Photoshop, Fireworks, Flash </li></ul><ul><li>Site management tools Dreamweaver, NetObjects Fusion, PageMill, GoLive, Cold Fusion </li></ul>
  41. 42. 5 Site Marketing
  42. 43. <ul><li>Print advertisements </li></ul><ul><li>Radio and television advertisements </li></ul><ul><li>Lobby kiosks in high-traffic areas of your enterprise or in local libraries, schools, or other suitable venues </li></ul><ul><li>Direct mail campaigns </li></ul><ul><li>Business cards </li></ul><ul><li>Stationery </li></ul><ul><li>Bills and statements </li></ul><ul><li>Product manuals and product packaging </li></ul><ul><li>Response cards and warrantee cards </li></ul><ul><li>Publications and promotional materials </li></ul>
  43. 44. Marketing Strategy Schedule <ul><li>Month 1 - Planning </li></ul><ul><li>Month 2 and 3 - Developing </li></ul><ul><li>Month 4 - 6 Basic Promotion </li></ul><ul><li>Month 6 to 12 - LINKS! </li></ul><ul><li>Month 12 to 24 - Sit back and collect profits </li></ul>
  44. 45. 6 Tracking, Evaluation, and Maintenance
  45. 46. <ul><li>Maintaining the site </li></ul><ul><li>Backups and site archives </li></ul>
  46. 47. Success Factors in Developing Site <ul><li>Management support </li></ul><ul><li>Clearly defined strategy and objectives </li></ul><ul><li>Strong project management to ensure targets are achieved </li></ul><ul><li>Good skills and experience amongst developers of the project </li></ul><ul><li>co-operation amongst different parts of the business involved in the project and integration of information systems from the different areas </li></ul>
  47. 48.