Final project 333

DIGITA

L STO

RYTE

LLIN

G

I N N

OR

TH

EA

ST

TE

XA

S:

TH

E F

I NA

L PR

OJ E

CT

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;





Overview, Example

Site Content






Site Content


(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)

A free web editor like Weebly is a great option for this Final Project.

http://www.weebly.com

http://www.weebly.com/

A complete tutorial is available for you at

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

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.

SITE OVERVIEW (assignment description)

MILESTONES

Week 11: Submit Site Overview




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.

Wireframe (assignment description)

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/

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?

A: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: 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).

http://www.mockupbuilder.com/

Pro: Easy to use. Fun to use. Easy to save, undo, and rebuild.

Con: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. “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.weebly.com/

MILESTONES





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.

WORKING BIBLIOGRAPHY

MILESTONES





LET’S GET STARTED!

Final project 333

Documents

Transcript of Final project 333