{"id":1510,"date":"2014-06-14T18:07:59","date_gmt":"2014-06-14T18:07:59","guid":{"rendered":"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/?p=1510"},"modified":"2014-06-14T18:17:04","modified_gmt":"2014-06-14T18:17:04","slug":"openbarter-case-study-in-civic-web-app-design-part-1","status":"publish","type":"post","link":"https:\/\/inspiredtoeducate.net\/inspiredtoeducate\/openbarter-case-study-in-civic-web-app-design-part-1\/","title":{"rendered":"OpenBarter: Case Study in Civic Web App Design (Part 1)"},"content":{"rendered":"\n<!-- Facebook Like Button v1.9.6 BEGIN [http:\/\/blog.bottomlessinc.com] -->\n<iframe src=\"http:\/\/www.facebook.com\/plugins\/like.php?href=https%3A%2F%2Finspiredtoeducate.net%2Finspiredtoeducate%2Fopenbarter-case-study-in-civic-web-app-design-part-1%2F&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light\" scrolling=\"no\" frameborder=\"0\" allowTransparency=\"true\" style=\"border:none; overflow:hidden; width:450px; height: 30px; align: left; margin: 2px 0px 2px 0px\"><\/iframe>\n<!-- Facebook Like Button END -->\n<p><a href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/06\/openBarterStartPage__6_14_2014.png\"><img loading=\"lazy\" class=\"alignnone wp-image-1511 size-large\" src=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/06\/openBarterStartPage__6_14_2014-1024x511.png\" alt=\"OpenBarter\" width=\"608\" height=\"303\" srcset=\"https:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/06\/openBarterStartPage__6_14_2014-1024x511.png 1024w, https:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/06\/openBarterStartPage__6_14_2014-300x149.png 300w, https:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/06\/openBarterStartPage__6_14_2014-900x449.png 900w, https:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/06\/openBarterStartPage__6_14_2014.png 1059w\" sizes=\"(max-width: 608px) 100vw, 608px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #555555;\">On May 31 \u2013 June 1, 2014, Middle Georgia citizens participated in the <a href=\"http:\/\/hackforchange.org\/\" target=\"_blank\">National Day of Civic Hacking(NDoCH)<\/a>, a fun weekend of community service using design, programming and technology. \u00a0In this national event, citizens across the nation explored challenges, created prototypes, and shared their solutions with their peers.<\/span><\/p>\n<p><span style=\"color: #555555;\">I had the opportunity to work with a great team at the <a href=\"http:\/\/hackforchange.org\/\" target=\"_blank\">Macon NDoCH<\/a> event to help propose a\u00a0<\/span><a style=\"color: #0085cf;\" href=\"https:\/\/openideo.com\/challenge\/vibrant-cities\/evaluation\/instead-of-a-farmer-s-market-create-a-barter-market\" target=\"_blank\">barter market concept to help revitalize a city economy<\/a><span style=\"color: #555555;\">. \u00a0 <\/span><span style=\"color: #555555;\">I think we all enjoyed <a href=\"http:\/\/en.wikipedia.org\/wiki\/Pair_programming\" target=\"_blank\">pair programming<\/a> since it enabled us to pump out code while teaching\/learning the tools and technology. \u00a0 \u00a0Our team from\u00a0<\/span><a style=\"color: #0085cf;\" href=\"http:\/\/www.merc-mercer.org\/\" target=\"_blank\">Mercer Engineering Research Center\u00a0<\/a><span style=\"color: #555555;\">really enjoyed the \u00a0opportunity to learn collaboratively with the students. \u00a0 It was a blast!<\/span><\/p>\n<p><strong>What are \u00a0the benefits of our &#8220;OpenBarter&#8221; community exchange platform?<\/strong><\/p>\n<ul>\n<li><strong>Encouraging Future Business Leaders:<\/strong> In <a href=\"http:\/\/hackforchange.org\/challenges\/knight-challenge-career-hacking-tools\/\" target=\"_blank\">our challenge statement<\/a> that we selected, the Knight Foundation asked that we create an application &#8220;<span style=\"color: #797680;\">to help skilled individuals identify the opportunities they have as a fluid and independent working in their community.&#8221; \u00a0 If you&#8217;re considering starting a career in freelancing or starting a small business, you face the problem of finding &#8220;start-up&#8221; capital. \u00a0By encouraging bartering in a community, freelancers can start offering their services in exchange for other resources, training, or skilled labor. \u00a0For example, I might build a website in exchange for lessons on writing a business\u00a0plan.<\/span><\/li>\n<li><strong>Building the Community:<\/strong> According to Brian Redondo, the web application is only 50% of the impact. \u00a0 The web site provides a marketing platform for a standing community barter market event. \u00a0 \u00a0According to Mr. Redondo&#8217;s vision, all barter exchanges are conducted &#8220;face to face&#8221; at a regularly scheduled community exchange event. \u00a0 \u00a0This will help foster positive relationships in the community.<\/li>\n<li><strong>Service Qualification through Gamification:<\/strong> Building on Mr. Redondo&#8217;s vision, students recommended adding gamification concepts into the website design. \u00a0 As two community members conclude a exchange of services or goods, the community members rate each other on services provided. \u00a0 With positive ratings or &#8220;karma,&#8221; \u00a0community members start to develop creative confidence. \u00a0 Additionally, higher karma ratings will make the community member more qualified for future exchanges. \u00a0 This also provides incentives for members to provide excellence in their goods and services.<\/li>\n<li><strong>Benefits of Open Source:<\/strong>\u00a0As an open source platform, our solution can be scaled to communities across the world. \u00a0 I don&#8217;t pretend to share that our software is perfect or production ready yet. \u00a0 It, however, is a start. \u00a0 Individual communities will need to decide how they want to manage the legal and marketing challenges connected to this concept. \u00a0 \u00a0It would be cool to see this solution used in farmers markets across the nation. \u00a0Additionally, I think the concept can be helpful in user groups,\u00a0<a href=\"http:\/\/en.wikipedia.org\/wiki\/Hackerspace\" target=\"_blank\">Makerspaces <\/a>and <a href=\"http:\/\/en.wikipedia.org\/wiki\/Coworking\" target=\"_blank\">Co-working Spaces<\/a>.<\/li>\n<li><strong>Education:<\/strong> The source code can serve as a teaching tool for web application developers. \u00a0The source code can be found on my GitHub account here under an MIT public license :\u00a0<a href=\"https:\/\/github.com\/michaelprosario\/OpenBarter\" target=\"_blank\">https:\/\/github.com\/michaelprosario\/OpenBarter<\/a><\/li>\n<\/ul>\n<p><strong>Special Thanks To the Team<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/06\/openBarterTeam.jpg\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-1513\" src=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/06\/openBarterTeam.jpg\" alt=\"Team Open Barter\" width=\"640\" height=\"480\" srcset=\"https:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/06\/openBarterTeam.jpg 640w, https:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/06\/openBarterTeam-300x225.jpg 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>I especially want to thank John Robinson, Tyler Burnham, and my friend Harrell for their contributions. \u00a0I also thank the\u00a0team from the <a href=\"https:\/\/plus.google.com\/communities\/117681570238289415567\" target=\"_blank\">Mercer Google Developer Group<\/a>\u00a0for their support.<\/p>\n<p>&nbsp;<\/p>\n<p>Through our conversations with our college student team members, the students shared that they really appreciated the opportunity to see how web applications can be designed and prototyped using a\u00a0<a href=\"http:\/\/en.wikipedia.org\/wiki\/ASP.NET_MVC_Framework\" target=\"_blank\">MVC framework<\/a>. \u00a0 In our implementation, we used <a href=\"http:\/\/www.asp.net\/mvc\/tutorials\/mvc-5\/introduction\/getting-started\" target=\"_blank\">ASP.NET MVC<\/a>. \u00a0 \u00a0While we had only two days to work together, we learned a lot and got stuff done. \u00a0 In this blog post series, I wanted to outline some of the major ideas\u00a0in the application design process. \u00a0 I hope the content will be helpful to other college students interesting in civic hacking and learning web programming.<\/p>\n<p><span style=\"color: #555555;\">The Mercer students from our group enjoyed the opportunity to rapidly engineer a software solution. \u00a0 \u00a0In an agile fashion, we constructed user stories from a functional specification by\u00a0<\/span><a style=\"color: #0085cf;\" href=\"https:\/\/openideo.com\/challenge\/vibrant-cities\/evaluation\/instead-of-a-farmer-s-market-create-a-barter-market\" target=\"_blank\">Brian Redondo<\/a><span style=\"color: #555555;\">\u00a0. \u00a0 \u00a0Based on the stories, the team collectively drafted an entity relationship diagram on a white board talking through the design and making trade-off\u2019s to keep the solution small. \u00a0The following shows our second iteration of the database model. \u00a0 While the design is not complete, you can observe how we analyzed the functional requirements from Brian Redondo and implemented the database structure. \u00a0Here&#8217;s a quick introduction to the major tables:<\/span><\/p>\n<ul>\n<li>UserData: This table stories qualification information and contact information about the user.<\/li>\n<li>ForTrade: \u00a0Users can offer many goods and services &#8220;for trade.&#8221;<\/li>\n<li>Want: Users can offer many goods and services that they need.<\/li>\n<li>OfferForTrade &amp; OfferForWant: Members can place offers on trades and want items. It&#8217;s important to remember that barter exchanges are conducted in person at public, safe, and standing community event. \u00a0 In future work, we will design data structure to rate services offered by community members.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/06\/openBarterModel.jpg\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-1512\" src=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/06\/openBarterModel.jpg\" alt=\"openBarterModel\" width=\"749\" height=\"607\" srcset=\"https:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/06\/openBarterModel.jpg 749w, https:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2014\/06\/openBarterModel-300x243.jpg 300w\" sizes=\"(max-width: 749px) 100vw, 749px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Now that we have introductions out of the way, our next blog post will review the construction of the &#8220;model&#8221; layer of the application. \u00a0If you&#8217;re interested in learning more about ASP.NET MVC, check out this tutorial link:<\/p>\n<p><a href=\"http:\/\/www.asp.net\/mvc\/tutorials\/mvc-5\/introduction\/getting-started\" target=\"_blank\">http:\/\/www.asp.net\/mvc\/tutorials\/mvc-5\/introduction\/getting-started<\/a><\/p>\n<p>&nbsp;<\/p>\n<p><strong>We would love to hear your feedback on the OpenBarter concept. \u00a0 How would you make the barter concept better? \u00a0 Leave a comment below. \u00a0<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2><a href=\"https:\/\/www.facebook.com\/groups\/1454258828152058\/\" target=\"_blank\"><span style=\"color: #0085cf;\"><span style=\"text-decoration: underline;\">Join The Middle Georgia Makers Facebook Group<\/span><\/span><\/a><\/h2>\n<p style=\"color: #555555;\"><strong style=\"font-style: inherit;\">Related Posts:<\/strong><\/p>\n<ul style=\"color: #555555;\">\n<li style=\"font-weight: inherit; font-style: inherit;\"><a style=\"font-weight: inherit; font-style: inherit; color: #0085cf;\" title=\"Benefits of Teaching Kids To Code That No One Is Talking About\" href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/?p=623\">Benefits of Teaching Kids To Code That No One Is Talking About<\/a><\/li>\n<li style=\"font-weight: inherit; font-style: inherit;\"><a style=\"font-weight: inherit; font-style: inherit; color: #0085cf;\" title=\"7 Reasons Why The Makers Movement Is Revolutionary\" href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/?p=942\">7 Reasons Why The Makers Movement Is Revolutionary<\/a><\/li>\n<li style=\"font-weight: inherit; font-style: inherit;\"><a style=\"font-weight: inherit; font-style: inherit; color: #0085cf;\" title=\"How to Build Your Mobile App using HTML\" href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/?p=849\">How to Build Your Mobile App using HTML<\/a><\/li>\n<li style=\"font-weight: inherit; font-style: inherit;\"><a style=\"font-weight: inherit; font-style: inherit; color: #0085cf;\" title=\"Maker Camp: Free Virtual Summer Camp for Teens\" href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/?p=961\">Maker Camp: Free Virtual Summer Camp For Teens<\/a><\/li>\n<li style=\"font-weight: inherit; font-style: inherit;\"><a style=\"font-weight: inherit; font-style: inherit; color: #0085cf;\" title=\"5 Resources To Help You Teach Kids Programming\" href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/?p=689\">5 Resources To Help You Teach Kids Programming<\/a><\/li>\n<li style=\"font-weight: inherit; font-style: inherit;\"><a style=\"font-weight: inherit; font-style: inherit; color: #0085cf;\" title=\"5 reasons to love Khan academy for computer science\" href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/?p=202\">5 reasons to love Khan academy for computer science<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n\n<!-- Facebook Like Button v1.9.6 BEGIN [http:\/\/blog.bottomlessinc.com] -->\n<iframe src=\"http:\/\/www.facebook.com\/plugins\/like.php?href=https%3A%2F%2Finspiredtoeducate.net%2Finspiredtoeducate%2Fopenbarter-case-study-in-civic-web-app-design-part-1%2F&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light\" scrolling=\"no\" frameborder=\"0\" allowTransparency=\"true\" style=\"border:none; overflow:hidden; width:450px; height: 30px; align: left; margin: 2px 0px 2px 0px\"><\/iframe>\n<!-- Facebook Like Button END -->\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; On May 31 \u2013 June 1, 2014, Middle Georgia citizens participated in the National Day of Civic Hacking(NDoCH), a fun weekend of community service using design, programming and technology. \u00a0In this national event, citizens across the nation explored challenges, created prototypes, and shared their solutions with their peers. I [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/posts\/1510"}],"collection":[{"href":"https:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/comments?post=1510"}],"version-history":[{"count":4,"href":"https:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/posts\/1510\/revisions"}],"predecessor-version":[{"id":1517,"href":"https:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/posts\/1510\/revisions\/1517"}],"wp:attachment":[{"href":"https:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/media?parent=1510"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/categories?post=1510"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/tags?post=1510"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}