Mini Assignment #5 Objectives:
After this module, students will be able to:
- Compile overall objectives or goals concerning a website plan and target audience based on independent reading and research
- Design and develop a website for classroom use utilizing a free, template-based site
- Analyze and expand on the use of a tool for web design and share a review with peers
Background
The development of a website, regardless of the project scale, can evoke a host of emotions as the designer, developer, and most likely the person utilizing the site, especially for classroom purposes. Besides determining the overall goals for the site and the layout and feel, there are the technical considerations of design, overall genre or feel, usability aspects, sources to host, and assisting in the design process (well, maybe not if you're a coding guru). While the design and accessibility to all users are key factors, we also need to determine an overall goal and audience for our website. These key factors can help to guide the process and help with the overall construction process, which could be a bit like going down a rabbit hole if not framed around learning objectives.
In this module, your goals are to just get a taste of design using a web-based program. The benefit of using a simple drag-and-drop program is that you don't have to be a coding expert or a design expert to be successful. These companies have taken a very complex process that involves coding, hexadecimal, etc., and made it into a world of templates. If you are a purest in development, this might drive you crazy. But for most teachers, the ease of dragging and dropping with pre-made templates is a huge relief. Do I personally love to design and use more complex programs? Certainly! Do I have the time and the most cutting-edge training regarding web design? No. That's why, at least experimenting in this realm of well-designed and put-together templates and web-based design apps is a nice avenue to give you a taste of what's out there and what's possible.
As a PK-12 teacher, I firmly maintain that you don't need to be a web designer or a tech guru to have a very useful classroom website. With that being said, there is a bit of basic knowledge, but with the modern advances in design, they practically choose everything for you (color, layout, background, etc.), and it's up to you to "fill in the blanks." As Burrough (2017) cites in their article, teachers can use all the technology that they want, but if they are not engaging students in the areas of problem-solving, creativity, higher-order thinking, etc., then the use of any tool is not going to have substantial effects on learning outcomes. It's a balance, and it's about trying new tools, trying new methods and instructional strategies, being willing to fail, admitting this failure to your students, gaining feedback, and coming back with something that works for your learners.
The creation of a website demonstrates the integration of several ISTE Educator standards (2024). ISTE Standards for Educators defines an area as a Designer (Competency area 2.5) states that "Educators design authentic, learner-driven activities and environments that recognize and accommodate learner variability." ISTE 2.5.c states that educators should "Explore and apply instructional design principles to create innovative digital learning environments that engage and support learning." It states that teachers engage students in solving authentic problems using digital tools and resources. ISTE Standards for Educators highlights the competency area of the Facilitator, and it focuses on the educator as a leader who fosters the use of, manages the use, and models the creative expressions of utilizing tech tools (ISTE, 2.6. a.-c., 2024). The creation of the website teaches digital literacy in that it shows that one can use technology to create a website that enables users to organize and access information that originally comes from a variety of sources, making it easier to find and use that information based on the goals of the site.
References
Burrough, A. (2017). Q&A: Education Technology Expert On Teaching the Next Generation of Teachers. EdTech Magazine. https://edtechmagazine.com/higher/article/2017/02/qa-education-technology-expert-teaching-next-generation-teachers
International Society for Technology and Education. (2024). ISTE Standards: Educator. ISTE. http://www.iste.org/standards/standards
Mini #5 Website Assignment
Produce a Two-part Assignment: Description of your project and link to 3-Page Website
Part 1 - Getting Started/Write-up
Creating a website as an assignment may ignite three feelings as the learner: 1) An overwhelming idea and it seems scary, or 2) you might be saying, "Cool! I am not an expert, but I have to start somewhere and I'll give anything a shot!" or 3) you do web design on a daily basis and you're ready to cruise! Whatever it is...you've got this! Progress over perfection!
Remember, in your write-up:
1.) Connect the activity to two common core or ISTE Standards that support digital literacy and your content area, and a description of how you could use the website in your teaching.
2.) Discuss how your activity(ies) teach a digital literacy skill or concept and why they are important (to your area) or as a standalone concept.
3.) Do not reinvent the wheel. Focus on a lesson or unit you are already teaching and infuse digital literacy skills/framework into it, OR teach about digital literacy as a standalone concept.
4.) Lastly, what website tool did you use? How did it go? Share with your peers.
Part 2 - What to think about and what to include
Digital literacy skills are an important component of websites as we design and construct. Try your hand at creating a simple website. Utilizing Wix, Weebly, Google Sites, or your choice of free web-based tools.
Create a (at least) three-page website that could be used to teach or support the teaching of digital literacy concepts (infuse it into something you are already teaching, or create a standalone digital literacy resource/site).
Essential Elements of Hobbs' Digital Literacy Competencies:
● Access
● Analyze
● Create
● Reflect
● Act
Part 3 - The Website Creation
Use a FREE web tool to create your website, where many have templates ready to use to support your development.
● Wix & How to use Wix
● Google Sites (this is found as an app under your FHSU Email under "Apps") or use the link to Sites. Need helpful hints? (Also note, you can review tech tools on Common Sense Education)
● Weebly
OR another free online tool that you find/choose.
Hints/Tips:
-Investigating and experimenting are encouraged. Please DO NOT USE Yola, as I am blocked from accessing it via FHSU.
-Test your website links, or do it with/for a peer, to make sure it's not going to the free tool website, but that you have published your website and we are linking to the URL/your site.
Post your website link in the Engage Community with a description/rationale for digital literacy, the standards, etc. (See: Part I).
Part 3.5 - Peer Feedback
Please take the time to comment, and give input and feedback to at least two peers within the Community. Peer review is powerful, helpful, and reduces bias while increasing the reliability and validity of our materials.
Mini Assignment #5 Evaluation/Points - Total of 75 points
Google Doc APA formatted with three parts, plus information on utilizing the tool you chose - 40 points
3-page Website - 35 points
Rubrics for MIT 813 (This rubric includes peer feedback!)
Do you need more information regarding Citing and Referencing yourself?
Typically there are no URLs or hyperlinks in formal writing - APA 7 in this case. As the creator and the writer, you would discuss the media/tool, cite it (Jones, 2020), then list the source and the link to the infographic down in your References section. Here is more regarding this topic that I found helpful as we cite and reference Electronic Sources.
APA 7th Ed. Help?
Jones APA 7 Template (literally go to File, Make a Copy, and use this template) -
https://docs.google.com/document/d/1TbDYgVlqN_KWebc61aGcvSq3C2a849KzuFf5QpNUULk/edit?usp=sharing
Purdue Owl APA 7 Sample Paper for Professionals, do not use the Students Paper -
https://owl.purdue.edu/owl/research_and_citation/apa_style/apa_formatting_and_style_guide/apa_sample_paper.html