SlideShare une entreprise Scribd logo
1  sur  39
Digital Storytelling In Northeast Texas: The Final Project ENGLISH 333, WRITING WITH NEW MEDIA SPRING 2011 SHANNON CARTER, ASSOCIATE PROFESSOR OF ENGLISH, TEXAS A&M-COMMERCE
Final Project: Webtext(40% of final course grade) For your final project, you will develop a webtext for a public audience that communicates some aspect of life in Northeast Texas.  Essentially the final webtexts produced in this course should offer effective companion sites to the course text Memoirs of Old ET and/or the Texas A&M-Commerce Digital Collections, helping guide future writing projects making extensive use of archival research and tending to the local.  They will emerge from your research this term and make extensive use of the DMPs already produced.
Here’s a Mockup (a “Wireframe”), which I created using one of the many free tools for  this sort of thing.
Components Final webtext will combine deep revisions of at least one of the major assignments created for this course (Essays #1-2), appropriate design, and extensive use of reflective elements and other materials. Web projects make it possible to combine a range of channels of communication (i.e., linguistic, gestural, spatial, etc) into a single text. The project should take advantage of these possibilities and develop through several stages, from initial overview to final presentation.
Site Content Site content will include the following:  (OVERVIEW) short introduction to site contents;  (TEXT) one or more significant multimodal texts (audio, video, photoessay, etc) revealing extensive and appropriate use of archival materials and deep revision; (CREDITS and CREATIVE RIGHTS) bibliography of all source materials, including relevant statement regarding creative rights for each;   (PROFILE) brief profile from author;  (FREE ZONE) any additional, relevant contributions that might enhance the website’s overall goals and purposes.
Collaboration You are welcome to collaborate with 2-3 classmates to produce together a single, Digital Storytelling Portfolio.  If you decide to go this route, I will provide separate guidelines for developing an effective Digital Storytelling Portfolio as a team.  You should contact me early (THIS WEEK) and negotiate Group Contract long before we reach the first Milestone (see right column entitled “Milestones”).
Site Content Site content will include the following:  (OVERVIEW) short introduction to site contents;  (TEXT) one or more significant multimodal texts (audio, video, photoessay, etc) revealing extensive and appropriate use of archival materials and deep revision; (CREDITS and CREATIVE RIGHTS) bibliography of all source materials, including relevant statement regarding creative rights for each;   (PROFILE) brief profile from author;  (FREE ZONE) any additional, relevant contributions that might enhance the website’s overall goals and purposes.
Overview, Example
Site Content Site content will include the following:  (OVERVIEW) short introduction to site contents;  (TEXT) one or more significant multimodal texts (audio, video, photoessay, etc) revealing extensive and appropriate use of archival materials and deep revision; (CREDITS and CREATIVE RIGHTS) bibliography of all source materials, including relevant statement regarding creative rights for each;   (PROFILE) brief profile from author;  (FREE ZONE) any additional, relevant contributions that might enhance the website’s overall goals and purposes.
(TEXT) one or more significant multimodal texts (audio, video, photoessay, etc) revealing extensive and appropriate use of archival materials and deep revision;
Site Content Site content will include the following:  (OVERVIEW) short introduction to site contents;  (TEXT) one or more significant multimodal texts;(audio, video, photoessay, etc) revealing extensive and appropriate use of archival materials and deep revision (CREDITS and CREATIVE RIGHTS) bibliography of all source materials, including relevant statement regarding creative rights for each;   (PROFILE) brief profile from author;  (FREE ZONE) any additional, relevant contributions that might enhance the website’s overall goals and purposes.
(Credits and Creative Rights)
A free web editor like Weebly is a great option for this Final Project. http://www.weebly.com
A complete tutorial is available for you at http://www.weeblytutorial.com/
http://www.weeblytutorial.com/
MILESTONES Week 11: Submit Site Overview for Digital Storytelling Portfolio Week 12: Submit Wireframe with Design Plan and Submit Working Bibliography Week 13: Submit Revision Plan/Storyboard  Week 14: Final Webtext Due
MILESTONES Week 11: Submit Site Overview for Digital Storytelling Portfolio Week 12: Submit Wireframe with Design Plan and Submit Working Bibliography Week 13: Submit Revision Plan/Storyboard  Week 14: Final Webtext Due
SITE OVERVIEW (assignment description) Write an overview, concisely and with specifics, of the primary purposes of your site, the target audience(s), the content it will present, and how that content will be organized (e.g., number of pages,  images, features, resources, etc). Describe what previous work you’ll be drawing from in developing this site, your primary concerns and projected timeline for each element and site as a whole, and needs in terms of  technology support. 
MILESTONES Week 11: Submit Site Overview Week 12: Submit Wireframe with Design Plan and Submit Working Bibliography Week 13: Submit Revision Plan/Storyboard  Week 14: Final Webtext Due
Wireframe (assignment description) After choosing a site template and navigation system, sketch a standard page indicating all design  elements including typography (font, size, formatting), color scheme, and image use. Include information  about how the elements and rhetorical choices work with site’s overall purpose, audience, and key themes.
Q: What is a “Wireframe”? A: from “10 Completely Free Wireframing and Mockup Tools,” February 23, 2011. http://speckyboy.com/2011/02/23/10-completely-free-wireframing-and-mockup-tools/
THIS is a wireframe.
Q: Should I just sketch it out, then? By hand? If I do that, how do I share it in an online class?  You can sketch it out, then scan or photograph it and post a pic of it. Or use a program like MS Paint, MS Word, or even PowerPoint and show those elements that way. If you like, you can even design a “Rough Cut” of your website to share. The web editing tools like Weebly are easy enough to use that you may actually find it helpful to jump right in with design knowing you’ll likely need to make significant changes in subsequent revisions.  A:
A: Also from  “10 Completely Free Wireframing and Mockup Tools,” February 23, 2011. http://speckyboy.com/2011/02/23/10-completely-free-wireframing-and-mockup-tools/
I used Mockup Builder (www.mockupbuilder.com).
Pro: Easy to use. Fun to use. Easy to save, undo, and rebuild. Not easy to share, so perhaps not the best option for those of you developing collaborative sites. To share my templates, I used Jing to do a screen shot of my mockup.  See rest of article for better options for collaboration.  Con: “10 Completely Free Wireframing and Mockup Tools,” February 23, 2011. http://speckyboy.com/2011/02/23/10-completely-free-wireframing-and-mockup-tools/
One recommended option for collaborative site design is . . .  http://www.protoshare.com/ Not free, though. Could go with a 30 day trail.
Or simply dive in and design your site on web editing tool like Weebly, knowing you are likely to need to design multiple versions of the site to get it to do what you want it to do.  http://www.weebly.com
http://www.weeblytutorial.com/
MILESTONES Week 11: Submit Site Overview Week 12: Submit Wireframe with Design Plan and Submit Working Bibliography Week 13: Submit Revision Plan/Storyboard  Week 14: Final Webtext Due
WORKING BIBLIOGRAPHY Provide complete citation information for all primary and secondary source materials you used in  creating all components to be included in your website. For all media included in the multimodal texts themselves, include a relevant statement regarding creative rights for each.
MILESTONES Week 11: Submit Site Overview Week 12: Submit Wireframe with Design Plan and Submit Working Bibliography Week 13: Submit Revision Plan/Storyboard  Week 14: Final Webtext Due
LET’S GET STARTED!

Contenu connexe

En vedette (8)

Angular js for enteprise application
Angular js for enteprise applicationAngular js for enteprise application
Angular js for enteprise application
 
中秋賞唐詩宋詞
中秋賞唐詩宋詞中秋賞唐詩宋詞
中秋賞唐詩宋詞
 
MENGHAYATI AL-FATIHAH
MENGHAYATI AL-FATIHAHMENGHAYATI AL-FATIHAH
MENGHAYATI AL-FATIHAH
 
Mobile March-Mobile By the Numbers with Lisa Foote
Mobile March-Mobile By the Numbers with Lisa FooteMobile March-Mobile By the Numbers with Lisa Foote
Mobile March-Mobile By the Numbers with Lisa Foote
 
Introducing Water Solutions
Introducing Water SolutionsIntroducing Water Solutions
Introducing Water Solutions
 
Global Self-Publishing via YouTube
Global Self-Publishing via YouTubeGlobal Self-Publishing via YouTube
Global Self-Publishing via YouTube
 
網路小小播音員 漢字文化節
網路小小播音員 漢字文化節網路小小播音員 漢字文化節
網路小小播音員 漢字文化節
 
Angular js
Angular jsAngular js
Angular js
 

Similaire à Final project 333

T2L3.doc
T2L3.docT2L3.doc
T2L3.doc
butest
 
Getty Presentation of IMA/AIC OSCI tool
Getty Presentation of IMA/AIC OSCI toolGetty Presentation of IMA/AIC OSCI tool
Getty Presentation of IMA/AIC OSCI tool
Robert J. Stein
 
Presentation of the AIC-IMA publishing tool for OSCI
Presentation of the AIC-IMA publishing tool for OSCIPresentation of the AIC-IMA publishing tool for OSCI
Presentation of the AIC-IMA publishing tool for OSCI
Robert J. Stein
 
A Short Tutorial to Semantic Media Wiki (SMW)
A Short Tutorial to Semantic Media Wiki (SMW) A Short Tutorial to Semantic Media Wiki (SMW)
A Short Tutorial to Semantic Media Wiki (SMW)
Jie Bao
 
Assignment Sheet Project 1 Usability Project.docx
Assignment Sheet Project 1 Usability  Project.docxAssignment Sheet Project 1 Usability  Project.docx
Assignment Sheet Project 1 Usability Project.docx
rock73
 
I. Intended audience A. American grandparentsB. Other Americ.docx
I. Intended audience A. American grandparentsB.   Other Americ.docxI. Intended audience A. American grandparentsB.   Other Americ.docx
I. Intended audience A. American grandparentsB. Other Americ.docx
wilcockiris
 

Similaire à Final project 333 (20)

Web page design-cssfounder
Web page design-cssfounderWeb page design-cssfounder
Web page design-cssfounder
 
The Language of Cyberspace: UTS Lecture
The Language of Cyberspace: UTS LectureThe Language of Cyberspace: UTS Lecture
The Language of Cyberspace: UTS Lecture
 
T2L3.doc
T2L3.docT2L3.doc
T2L3.doc
 
Over view of Technologies
Over view of TechnologiesOver view of Technologies
Over view of Technologies
 
Web 240 web240
Web 240 web240Web 240 web240
Web 240 web240
 
Getty Presentation of IMA/AIC OSCI tool
Getty Presentation of IMA/AIC OSCI toolGetty Presentation of IMA/AIC OSCI tool
Getty Presentation of IMA/AIC OSCI tool
 
Presentation of the AIC-IMA publishing tool for OSCI
Presentation of the AIC-IMA publishing tool for OSCIPresentation of the AIC-IMA publishing tool for OSCI
Presentation of the AIC-IMA publishing tool for OSCI
 
A Short Tutorial to Semantic Media Wiki (SMW)
A Short Tutorial to Semantic Media Wiki (SMW) A Short Tutorial to Semantic Media Wiki (SMW)
A Short Tutorial to Semantic Media Wiki (SMW)
 
Web designing and publishing computer studies theory lesson
Web designing and publishing computer studies theory lessonWeb designing and publishing computer studies theory lesson
Web designing and publishing computer studies theory lesson
 
Assignment Sheet Project 1 Usability Project.docx
Assignment Sheet Project 1 Usability  Project.docxAssignment Sheet Project 1 Usability  Project.docx
Assignment Sheet Project 1 Usability Project.docx
 
Websites To Type Essays
Websites To Type EssaysWebsites To Type Essays
Websites To Type Essays
 
It 236 it236
It 236 it236It 236 it236
It 236 it236
 
It 236 it236
It 236 it236It 236 it236
It 236 it236
 
Analyzing bootsrap and foundation font-end frameworks : a comparative study
Analyzing bootsrap and foundation font-end frameworks : a comparative studyAnalyzing bootsrap and foundation font-end frameworks : a comparative study
Analyzing bootsrap and foundation font-end frameworks : a comparative study
 
RWD - Bootstrap
RWD - BootstrapRWD - Bootstrap
RWD - Bootstrap
 
I. Intended audience A. American grandparentsB. Other Americ.docx
I. Intended audience A. American grandparentsB.   Other Americ.docxI. Intended audience A. American grandparentsB.   Other Americ.docx
I. Intended audience A. American grandparentsB. Other Americ.docx
 
Individual web project
Individual web projectIndividual web project
Individual web project
 
Web design
Web designWeb design
Web design
 
RESPONSIVE WEB DESIGN
RESPONSIVE WEB DESIGNRESPONSIVE WEB DESIGN
RESPONSIVE WEB DESIGN
 
Full Stack Development Course in Gurgaon
Full Stack Development Course in GurgaonFull Stack Development Course in Gurgaon
Full Stack Development Course in Gurgaon
 

Final project 333

  • 1. Digital Storytelling In Northeast Texas: The Final Project ENGLISH 333, WRITING WITH NEW MEDIA SPRING 2011 SHANNON CARTER, ASSOCIATE PROFESSOR OF ENGLISH, TEXAS A&M-COMMERCE
  • 2. Final Project: Webtext(40% of final course grade) For your final project, you will develop a webtext for a public audience that communicates some aspect of life in Northeast Texas. Essentially the final webtexts produced in this course should offer effective companion sites to the course text Memoirs of Old ET and/or the Texas A&M-Commerce Digital Collections, helping guide future writing projects making extensive use of archival research and tending to the local. They will emerge from your research this term and make extensive use of the DMPs already produced.
  • 3. Here’s a Mockup (a “Wireframe”), which I created using one of the many free tools for this sort of thing.
  • 4. Components Final webtext will combine deep revisions of at least one of the major assignments created for this course (Essays #1-2), appropriate design, and extensive use of reflective elements and other materials. Web projects make it possible to combine a range of channels of communication (i.e., linguistic, gestural, spatial, etc) into a single text. The project should take advantage of these possibilities and develop through several stages, from initial overview to final presentation.
  • 5. Site Content Site content will include the following: (OVERVIEW) short introduction to site contents; (TEXT) one or more significant multimodal texts (audio, video, photoessay, etc) revealing extensive and appropriate use of archival materials and deep revision; (CREDITS and CREATIVE RIGHTS) bibliography of all source materials, including relevant statement regarding creative rights for each; (PROFILE) brief profile from author; (FREE ZONE) any additional, relevant contributions that might enhance the website’s overall goals and purposes.
  • 6. Collaboration You are welcome to collaborate with 2-3 classmates to produce together a single, Digital Storytelling Portfolio. If you decide to go this route, I will provide separate guidelines for developing an effective Digital Storytelling Portfolio as a team. You should contact me early (THIS WEEK) and negotiate Group Contract long before we reach the first Milestone (see right column entitled “Milestones”).
  • 7. Site Content Site content will include the following: (OVERVIEW) short introduction to site contents; (TEXT) one or more significant multimodal texts (audio, video, photoessay, etc) revealing extensive and appropriate use of archival materials and deep revision; (CREDITS and CREATIVE RIGHTS) bibliography of all source materials, including relevant statement regarding creative rights for each; (PROFILE) brief profile from author; (FREE ZONE) any additional, relevant contributions that might enhance the website’s overall goals and purposes.
  • 9.
  • 10. Site Content Site content will include the following: (OVERVIEW) short introduction to site contents; (TEXT) one or more significant multimodal texts (audio, video, photoessay, etc) revealing extensive and appropriate use of archival materials and deep revision; (CREDITS and CREATIVE RIGHTS) bibliography of all source materials, including relevant statement regarding creative rights for each; (PROFILE) brief profile from author; (FREE ZONE) any additional, relevant contributions that might enhance the website’s overall goals and purposes.
  • 11. (TEXT) one or more significant multimodal texts (audio, video, photoessay, etc) revealing extensive and appropriate use of archival materials and deep revision;
  • 12. Site Content Site content will include the following: (OVERVIEW) short introduction to site contents; (TEXT) one or more significant multimodal texts;(audio, video, photoessay, etc) revealing extensive and appropriate use of archival materials and deep revision (CREDITS and CREATIVE RIGHTS) bibliography of all source materials, including relevant statement regarding creative rights for each; (PROFILE) brief profile from author; (FREE ZONE) any additional, relevant contributions that might enhance the website’s overall goals and purposes.
  • 14.
  • 15. A free web editor like Weebly is a great option for this Final Project. http://www.weebly.com
  • 16.
  • 17. A complete tutorial is available for you at http://www.weeblytutorial.com/
  • 19. MILESTONES Week 11: Submit Site Overview for Digital Storytelling Portfolio Week 12: Submit Wireframe with Design Plan and Submit Working Bibliography Week 13: Submit Revision Plan/Storyboard Week 14: Final Webtext Due
  • 20. MILESTONES Week 11: Submit Site Overview for Digital Storytelling Portfolio Week 12: Submit Wireframe with Design Plan and Submit Working Bibliography Week 13: Submit Revision Plan/Storyboard Week 14: Final Webtext Due
  • 21. SITE OVERVIEW (assignment description) Write an overview, concisely and with specifics, of the primary purposes of your site, the target audience(s), the content it will present, and how that content will be organized (e.g., number of pages,  images, features, resources, etc). Describe what previous work you’ll be drawing from in developing this site, your primary concerns and projected timeline for each element and site as a whole, and needs in terms of  technology support. 
  • 22. MILESTONES Week 11: Submit Site Overview Week 12: Submit Wireframe with Design Plan and Submit Working Bibliography Week 13: Submit Revision Plan/Storyboard Week 14: Final Webtext Due
  • 23. Wireframe (assignment description) After choosing a site template and navigation system, sketch a standard page indicating all design  elements including typography (font, size, formatting), color scheme, and image use. Include information  about how the elements and rhetorical choices work with site’s overall purpose, audience, and key themes.
  • 24. Q: What is a “Wireframe”? A: from “10 Completely Free Wireframing and Mockup Tools,” February 23, 2011. http://speckyboy.com/2011/02/23/10-completely-free-wireframing-and-mockup-tools/
  • 25. THIS is a wireframe.
  • 26. Q: Should I just sketch it out, then? By hand? If I do that, how do I share it in an online class? You can sketch it out, then scan or photograph it and post a pic of it. Or use a program like MS Paint, MS Word, or even PowerPoint and show those elements that way. If you like, you can even design a “Rough Cut” of your website to share. The web editing tools like Weebly are easy enough to use that you may actually find it helpful to jump right in with design knowing you’ll likely need to make significant changes in subsequent revisions. A:
  • 27. A: Also from “10 Completely Free Wireframing and Mockup Tools,” February 23, 2011. http://speckyboy.com/2011/02/23/10-completely-free-wireframing-and-mockup-tools/
  • 28. I used Mockup Builder (www.mockupbuilder.com).
  • 29.
  • 30. Pro: Easy to use. Fun to use. Easy to save, undo, and rebuild. Not easy to share, so perhaps not the best option for those of you developing collaborative sites. To share my templates, I used Jing to do a screen shot of my mockup. See rest of article for better options for collaboration. Con: “10 Completely Free Wireframing and Mockup Tools,” February 23, 2011. http://speckyboy.com/2011/02/23/10-completely-free-wireframing-and-mockup-tools/
  • 31. One recommended option for collaborative site design is . . . http://www.protoshare.com/ Not free, though. Could go with a 30 day trail.
  • 32. Or simply dive in and design your site on web editing tool like Weebly, knowing you are likely to need to design multiple versions of the site to get it to do what you want it to do. http://www.weebly.com
  • 33.
  • 34.
  • 36. MILESTONES Week 11: Submit Site Overview Week 12: Submit Wireframe with Design Plan and Submit Working Bibliography Week 13: Submit Revision Plan/Storyboard Week 14: Final Webtext Due
  • 37. WORKING BIBLIOGRAPHY Provide complete citation information for all primary and secondary source materials you used in  creating all components to be included in your website. For all media included in the multimodal texts themselves, include a relevant statement regarding creative rights for each.
  • 38. MILESTONES Week 11: Submit Site Overview Week 12: Submit Wireframe with Design Plan and Submit Working Bibliography Week 13: Submit Revision Plan/Storyboard Week 14: Final Webtext Due