Computational Thinking for Information Technology

HOME | OBJECTIVES | WELCOME | PROJECT SCOPE | TASKS | HELP STUDENT SCENARIO:Team web 2.0 In this scenario, you will enhance your Web 2.0 technology skills by assuming the role of an intern for web development agency TeamWeb2. Theresa Kim will be your Creative Director and virtual Manager for the lesson. Your instructor will be the overall project manager.

HOME | OBJECTIVES | WELCOME | PROJECT SCOPE | TASKS | HELP Objectives This course will enable you to develop logical thinking skills, including: • Asking probing questions to uncover details of a problem • Clearly defining a problem • Evaluating the effects of design options • Making design decisions based on rational criteria • Deconstructing the problem into its component parts

HOME | OBJECTIVES | WELCOME | PROJECT SCOPE | TASKS | HELP Objectives (cont.) This course will enable you to develop logical thinking skills, including: • Correlating the relationships between components and prior knowledge • Identifying the steps required to solve a problem • Identifying available resources • Measuring and evaluating solutions against the success criteria • Adjusting the design and implementation as needed

HOME | OBJECTIVES | WELCOME | PROJECT SCOPE | TASKS | HELP About TeamWeb2 More and more new clients are asking for websites where they can “blog, facebook and twitter." The agency needs interns to support web development in this area – and fast! TeamWeb2 specializes in leveraging Web 2.0 Internet technologies for our clients’ websites.

HOME | OBJECTIVES | WELCOME | PROJECT SCOPE | TASKS | HELP Your First Project We have been selected to build a multi-page website for an important client in San Francisco. They’ve told us that they've heard a lot about "Web 2.0" and "Social Media." In our initial meeting with the client, lots of ideas were bounced around: online video, images of people and products, maps, social networking, online docs, news, even Twitter!

HOME | OBJECTIVES | WELCOME | PROJECT SCOPE | TASKS | HELP Your First Project (cont.) They have a really small budget, but we can’t pass up the opportunity to build this high profile site for them. It will give our new team really great exposure! Our team has decided to build the client a website using free Web 2.0 and social media tools and technologies. Put on your thinking cap and come to the kickoff meeting ready to get started.

HOME | OBJECTIVES | WELCOME | PROJECT SCOPE | TASKS | HELP Assembling our Team We've hired a great group of interns. Our first order of business will be to figure out how we'll function as a team: we'll determine what roles are required for this kind of project, assess our skills to assign roles and allocate talent, and then finally make a project plan to set expectations for working together. Together we'll figure out what's needed and decide how to move forward.

HOME | OBJECTIVES | WELCOME | PROJECT SCOPE | TASKS | HELP Develop Web 2.0 Expertise The Web is a big topic, and Web 2.0 can mean different things to different clients. We'll undertake a research and analysis project to get started. We need to ensure that we have a good handle on this aspect of the Web so we can make exciting, modern and relevant recommendations to our clients.

HOME | OBJECTIVES | WELCOME | PROJECT SCOPE | TASKS | HELP Select a Platform We won't hand-code websites here! Instead, like many other companies, we will leverage web publishing platforms to create amazing multi-page websites. This is often how modern websites get built. We'll evaluate a select a web publishing platform to best suit our clients' needs. We'll create page templates and a features list for client approval too.

HOME | OBJECTIVES | WELCOME | PROJECT SCOPE | TASKS | HELP Build the Site Once we select a platform, we'll be ready to develop a multi-page, content rich, professional looking website. We'll use our technical skills to build out the site and implement the features selected by the client.

HOME | OBJECTIVES | WELCOME | PROJECT SCOPE | TASKS | HELP Present to the Client Finally, we'll make presentations to the client. There will be lots to show! The site of course, how the features were implemented, and also anything details the client will need for administering and maintaining the site.

HOME | OBJECTIVES | WELCOME | PROJECT SCOPE | TASKS | HELP • Assembling Your Team • In the first task, students will actively create their teams. They will brainstorm what it means to be a good team and start to think about the roles needed on their team. Based on this, the students will do a self-assessment to indicate what they think they might be good at. They will write Want Ads for team members who have different skills and then do mock job interviews to assess the skills they think other students have. The result will be your team for the development of the website.

HOME | OBJECTIVES | WELCOME | PROJECT SCOPE | TASKS | HELP • Overview • Your group will create a multi-page website for the agency's client. Your group will decide the topic or theme for the site, but please make it robust enough that you aren't limited by content. An upcoming project or event can be a good choice, as would promoting a new company, product or celebrity, providing a central resource for a department within an organization (like the Web, IT, or training group), or building a site for an event or show.

HOME | OBJECTIVES | WELCOME | PROJECT SCOPE | TASKS | HELP • Overview (cont.) • You will build the entire site using the Wordpress platform and any other free Web 2.0 tool and technology you identify. Be as creative as possible. • To help get you started, here are some sample websites that incorporate Web 2.0 and social media: • City and county of San Francisco: • http://www.sfgov.org/ • Comp TIA: http://www.comptia.org/home.aspx • BlogHer: http://www.blogher.com/

HOME | OBJECTIVES | WELCOME | PROJECT SCOPE | TASKS | HELP • Requirements • Meet with your group. Your major assignments for this task are to: • Select a topic for the website. The topic is up to the group. It should be broad enough that the group will have plenty of content to include in the site. • Research Web 2.0 and social media to determine what features to include in the website. • Design and build a multi-page website using Wordpress.

HOME | OBJECTIVES | WELCOME | PROJECT SCOPE | TASKS | HELP • Requirements (cont.) • Do an Internet search on Web 2.0 and social media. What tools and technologies are available on the Internet that can be used in developing this website? • Create an account at Wordpress.com. Use Wordpress to create a multi-page website that incorporates Wordpress with other Web 2.0 technologies and social media features such as video, maps, RSS or news feeds, links to sites like Twitter or Facebook, or other features.

HOME | OBJECTIVES | WELCOME | PROJECT SCOPE | TASKS | HELP • Requirements (cont.) • When the website is complete, critically review the site as a group. Make improvements or changes as needed. • When the website is finished, present the site as a group and demonstrate the site's features and functionality.

HOME | OBJECTIVES | WELCOME | PROJECT SCOPE | TASKS | HELP • Resources • Learn pages from Wordpress.com • http://learn.wordpress.com/get-started/ • Support pages from Wordpress.com • http://en.support.wordpress.com/ • Using Wordpress for Websites • http://codex.wordpress.org/User:Lastnode/Wordpress_CMS • Examples of websites based on Wordpress • http://wordpress.org/showcase/tag/cms/ • Wordpress: Posts vs. Pages • http://en.support.wordpress.com/post-vs-page/

HOME | OBJECTIVES | WELCOME | PROJECT SCOPE | TASKS | HELP • Debrief • Discuss the planning and revision phases of your website. What changes did you implement in your site after the first mock-up? How did this improve your website? • Share your experiences with Wordpress as a web development tool. What features of Wordpress did you use to create the multi-page website?

HOME | OBJECTIVES | WELCOME | PROJECT SCOPE | TASKS | HELP • Debrief (cont.) • How did your group determine roles for the project? What was successful when it came to working as a group? Is there anything you would do differently next time? How did your team reach consensus? • What is Web 2.0? How is different or the same as social media? What resources did you to help you understand Web 2.0 and social media? What Web 2.0 Internet technologies did your group include in your website?

Computational Thinking for Information Technology