Stage 0: Topic Proposal
web application代写 The first step for your course project is to choose a “problem of interest” that you may want to explore or address through developing
Submit Assignment web application代写 web-application代写
Due Thursday by 10pm Points 30 Submitting a text entry box
The first step for your course project is to choose a “problem of interest” that you may want to explore or address through developing a web application. For example, you may be interested in the growth of homelessness in Seattle, or enabling people to be more mindful of their behavior on social media. Your course project will eventually be an interactive web application that helps address their “problem”—it won’t be a complete solution (technology is rarely, if ever, the answer), but it will give you a subject and task to focus on.
This step is intended to get you think through your problem and solution early, while it’s easy to change ideas. You will be allowed to change topics if you wish, though doing so may increase the amount of work you need to do at a future stage. Pick an idea you will be happy with now!web application代写
In order to ensure that you’ve consider and thought about a topic (and to practice your HTML skills!), you will create a small web page presenting your topic and some potential web apps that may come involve that subject.
Objecfives web application代写
By completing this assignment you will practice and master the following skills:
Considering technological solutions to realworld problems Writing basic HTML
Managing and publishing web pages using and GitHub.
Gefing Setup web-application代写
You will need to use GitHub Classroom to create a private code repository for your project’s source code. You can create the repo by visiting the following link:
You will need to accept this assignment to create your code repo. This repo will have the name wi19/project-yourusername (replacing yourusername with your GitHub user name), and you can view it online at https://info340b-wi19.github.io/project-yourusername (replacing yourusername with your GitHub user name).
Do not this repository!
After you’ve accepted the assignment, source files for your page.the repo to your local machine so you can create and edit the source files for your page.
- There is no starter web code (you need to make your own .html file), but I have included a Jest testsuite that will check the same style linting as in the problem sets.
While not required, it’s a good idea to develop largescale projects using distinct feature branches(where you develop each feature on its own branch, merging those branches back into master when you’ve finished your work). This helps keep you work more organized, particularly when working with others on the same code base!
Problem Descripfion web-application代写
Your proposal will contain a short description of the topic domain, explaining the problem to someone who doesn’t know anything about it! Your description should include enough information to:
- Provide an overview of the general topic or question of interest (e.g., “what is meant by ‘homelessness’ and why is it a particular problem inSeattle?”).
- Identify an information technology problem in that space (e.g., “what information problems related to homelessness areunaddressed?”).
- Identify previous or existing attempts to solve this problem (e.g., “what other web apps attempt to addresshomelessness?”)web-application代写
In short: let us know what you are interested in, and identify a problem that you think needs solving (and that might be amenable to a technological intervention).
- While social injustices are the problems most worth attacking, your project could also address smaller, or more personal “problems”. What is something that makes your life worse, and that you think that a web app might be able to help with?
This description should be about 23 paragraphs (~300 words) in length. Your overview should explain “what” the problem is and “why” it needs addressing (including why current existing apps are insufficient). You will need to include references to other resources to help clarify your explanation of this problem.
Your proposal will also contain a description of a potential web application that can be used to address your chosen problem (a proposed “solution”). Think about what kind of a website would help with this problem, and how people would use that website to make their lives better in some way. What is the “use case” or “user story” (https://en.wikipedia.org/wiki/User_story) for the app?
The app you design could take a number of different forms.web-application代写
For example, it could enable the user to interactive explore and manage existing information, similar to the Shiny applications you created in 201. It could enable users to produce and share their own information, similar to a web forum. Or it could provide a new kind of user experience, similar to a game. You can really develop any kind of application you wish.
Don’t worry too much about the size of feasibility of the project at this stage—we will learn how to do all kind of complex web app development, and we’ll be able to give you feedback to bring your proposed work into scope before you begin coding it. It’s better to think of something you want to exist and move as far towards that as you can, rather than limiting yourself.web-application代写
Your app should also be described in 23 paragraphs. In particular, you should make sure to address:
- Who are the users of the application? That is, who will be accessing thewebsite?
- What will the users _do_ with the web app? Note that your app needs to be interactive—just reading content on a website will not be
- How will using this app help to solve your chosen problem? That is, how is it a solution to the problem youdescribed?web-application代写
When proposing your project, be sure and doublecheck the overall app requirements listed in the project overview. In particular, note that your app doesn’t need to have “business value”, but will need to be a complete system.
If you intend for your app to utilize some thirdparty data, such as from a web API, you should identify the exact set of data you wish to use now (so it doesn’t trip you up later). Note that you can use this utility (https://joelwross.github.io/corstest/) to help test if you will be able to access a web API or data source using concepts introduced in this course.
As part of your description of the app, you should give an explicit explanation of how the app is used. Provide a textual “walk through” of how a person would use your app to achieve their goal. Think about precisely what the user will be doing when the visit your site—what inputs will they provide, what buttons will they click, what changes will they make. Your proposal should make clear what is the “flow of events” (https://en.wikipedia.org/wiki/Use_case#Examples) .
Your app will need to have at least two different steps—the user will need to be able to do two different actions, in sequence (e.g., “first the user will search for their address, then they can send a message to someone who lives nearby”).web-application代写
Note that a “step” is something the user does to provide “input” to the web app. “The user sees the results” is not a step (because looking at a site isn’t giving it input).
Steps will need to happen in sequence—that is, the second step will need to depend on the first.
Note that coming up with this sequence of interactions is the hardest part, but is also necessary for making sure your proposed app will meet the requirements of future Stages!
Web Page Requirements web-application代写
You should present the above information (Problem Description and App Description) in the form of a basic web page implemented with HTML.Create a new proposal.html file in the root of your project repo. Thisweb page should include the following content:
1.An appropriate page structure (including a <head> element with a <title> ). The basic web page template (https://info340.github.io/htmlfundamentals.html#webpagetemplate) is a good place to start.
template (https://info340.github.io/htmlfundamentals.html#webpagetemplate) is a good place to start.
- A<header>containinga title for your page as a toplevel heading (<h1>).
- Different elements for each major part of your page (e.g.,Problem Description, Proposed Application). Note that the functionality walk through would be appropriate as a subsection.
- Use appropriate HTML elements to semantical organize the content. For example, the steps of the app walkthrough should probably be an orderedlist.
- Includehyperlinks to at least two (2) outside resources, references, or data sets related to your topic.web-application代写
You are not required to incorporate any CSS into your page at this point, though you are welcome to if you want to enhance its style.
Deployed Web Page
You will need to “publish” your proposal webpage to GitHub Pages by creating a gh-pages branch and merging the changes from your master branch into it. push these changes to GitHub, and you should be able to visit your page at
You should publish to this URL for grading purposes (it lets us look at your site). However, if you later want to change the URL associated with the page, it is possible to either specify a custom domain (https://help.github.com/articles/quickstartsettingupacustomdomain/) , or simply add a remote (https://help.github.com/articles/addingaremote/) to a separate repository (e.g., if you want to publish your project at ).
Tag Final Commit web-application代写
Because you will be iterating on the course project and continuing this development in stages 1 and 2, you will need to mark your final commit for stage 0. This will allow you to easily get back to that point (e.g., if you decide to move in a different direction), and make sure that we are reviewing and grading the correct version of the code.
To mark this commit, you should add a tag (https://gitscm.com/book/en/v2/GitBasicsTagging) using git .
A tag is a lightweight annotation for a commit—like a nickname for it. You can tag the current commit (which should be on the master branch) using the git tag command, giving it the name stage-0 :
git tag stage-0
This will tag the last commit. You can check that this worked by running the git tag arguments and see your tag listed.
You will also need to explicitly your tag to GitHub:
git push –tags
You can see a list of all tags in the “Releases” tab of your GitHub repo. We will grade whichever commit has been tagged stage-0. If you add further changes to your stage 0 version, be sure to retag it (and push the updated tag)!web-application代写
Submifing the Proposal
To submit your project, do the following:
- Confirm that the project proposal is complete and meets all the requirements. Please proofread your proposal so there are no glaring typos or Think about the “user experience” of reading it!
(Although not required, it’s a good idea to also update theREADME.md file to describe your code repo).
- Make sure to run the linters provided through the included test suite to validate your code (i.e., run the jest command). We expect all submitted code to pass the
3. add and commit the final version of your work, tag your commit, and push your code and tag to your GitHub repository (we will be grading the code at the stage-0 tag of the master branch). Also make sure you’ve pushed the final, “publishable” version of your work to the gh-pages branch.web-application代写
- Submit both (1) a link to your code repo and (2) a link to your published web site to Canvas using the button at the top of the page.
You have included a description of your topic domain, explaining the problem you will be working on. You identify an information problem related to this topic, as well as existing solutions. Your description addresses the “what” and the “why” of the problem.
|App Description and Walkthrough
You have included included 23 potential applications you might implement around your topic. Each app is describe so that we understand its basic premise/usage/point.
Implemented Web Page
You have presented your topic proposal in an implemented web page. The page is well structured, with appropriate header and sections. Your page includes appropriate HTML elements, as well as hyperlinks to resources.
|Published Project Version
You have published your proposal description to GitHub Pages. You have used a git `tag` to mark the code for this stage.
|Total Points: 30.0|