Chapter 5: Website Development

1. Chapter 5:Website Development Building, Buying and Reusing

2. Agenda • Together create an online store. • Repeat themes and design elements to unify the store • Follow usability standards • Create a blog • Create a mailing list • Shop for each other’s apps • Track and analyze sales and consumer behavior (clickstream) in the store • Determine when to build vs. buy a website solution • Determine how to choose a website authoring tool

3. Corporations often choose standardized websites

4. We will standardize on a theme

5. Here is the main store

6. Here is the design of your page in the store

7. Which Buttons Matter

8. Manage Site Options

9. Window title: App Name + Tagline (Manage site > General > Site Name) (Make Header icon and text in PPT and save together as a picture. Then Manage site > Site layout > change logo) Search box Icon App Name Tagline Description Buy App(copy Buy link from store. Then insert hyperlink) Store About Us Blog (edit Navigation uncheck automatically organize. Then insert pages and store URL. Uncheck site map) Register for Updates (Insert > Spreadsheet Form) Last __________ First __________ Email __________

10. Sites can be developed locally or in the cloud Client Side Development Business  Cloud Develop & Test Upload Host Cloud Based Development Cloud Develop, Test & Host

11. A variety of tools exist for creating a website

12. Summary/Conclusion • A prototype is one step up from a mockup. It is a working version of the website though incomplete. • Businesses must decide whether to build or buy off the shelf solutions to their business problems. In general, it is best to buy and customize a solution for reasons of cost and ease of maintenance. • If you do decide to build then you will need an authoring tool to simplify the process of website construction. Authoring tools may live on your computer or you can use a cloud based authoring tool such as Google Sites. • Google Sites tries to simplify the development process by providing pre-built templates for different businesses and themes to control the overall look and feel.

13. Summary/Conclusion • Gadgets are to Google Sites what apps are to the iPhone. • The ability to capture and store customer data using a Google Docs form and Spreadsheet is the first step toward database integration. Full database integration allows you to customize pages for individual customers. • In general corporations tend to be very conservative with respect to software choices. Any change represents potential problems, increased costs, and business disruptions.

14. Useful Google Links • Gmail – gmail.com • Google Sites – sites.google.com • Google Docs – docs.google.com

15. Slides with More Detail

16. Complete Architecture of Store Analytics Data Analytics Data APP SITE 1 About Us Contact Us Free App Blog STORE FRONT Register App Find App Sales Record Contact Data APP SITE 2 About Us Contact Us Free App Blog Contact Data App Data SalesData Analytics Data

17. Develop a website through the Google Sites Cloud

18. Site templates have prebuilt pages for basic content

19. Choose an appropriate slide theme

20. Site Settings can be modified (More Actions > Manage Site)

21. Site name box checked to show name on each page

22. Modify the site layout to fit your content

24. Themes can also be changed after the site is created

25. Theme changed from Micro Blueprint to Ember

26. The theme color and font can be tweaked

27. Pages can be created using page templates

28. Page templates include web pages, announcements, file cabinets and lists

29. Add content to your site in the Edit Page area

30. Prepare the page by adding and resizing a table

31. Insert, align and resize images

32. Databases capture data from websites. Sales data are used to provide customized recommendations

33. Each APP Site Collects Contact Us Data—A form feeds a spreadsheet APP SITE 1 About Us Contact Us Free App Blog Contact Data APP SITE 2 About Us Contact Us Free App Blog Contact Data

34. Google Docs Forms save website data to spreadsheets

35. Build Google Docs Form to capture user information

36. The saved form inserts seamlessly into your site

37. Form captures user data in spreadsheet

38. Explaining the Security Warning When you insert Google Gadgets in your page, you may see the security warning above. It means that the webpage is delivered over a secure connection but the Gadget is being transmitted over a regular connection. That’s OK. So you should answer “NO” since you want the content from the Gadget to show up on the page as well.

39. Listing Your App in the Store Listing your App in the store is a two step process. The store must know that your app exists so that it can lead users there (Register app). And your app must know that the store exists so that it can lead users back to the store to complete the transaction (Add a FREE APP button to your website). You register your app by filling out the form on Class App site. However, to add a FREE APP button requires making changes to your site. To add a FREE APP button simply copy the code located on the Class App Store website and use it to create a hyperlink from YOUR site. The hyperlink may just be the words FREE APP as a link. (Making a FREE APP button is harder). To create the link add the text for your link and click the Link icon in the formatting bar. Then under the Web Address section copy > paste the link. Free App or Free App

40. Create the Free App link

41. Store and App Site need to find each other APP SITE 1 About Us Contact Us Free App Blog STORE FRONT Register App Find App Sales Record APP SITE 2 About Us Contact Us Free App Blog App Data SalesData

42. Tracking Consumer Behavior - Google Analytics

43. Capturing Google Analytics Analytics Data Analytics Data APP SITE 1 About Us Contact Us Free App Blog STORE FRONT Register App Find App Sales Record APP SITE 2 About Us Contact Us Free App Blog Analytics Data