E-Publishing & Portfolios

Publishing Work

1
2
3
4
5
6

Welcome to Publishing Work! In this strand, you will learn how to turn your writing, art, and digital media into published eBooks, websites, blog posts, and interactive portfolios for real audiences.

Level 1

Sharing My Work

Basic digital sharing and audience awareness.

Learning objective

Learning About: Digital Sharing. Learning To: Share work. Learning To Be: Communicator.

Let's Go!

Step media

Learn

Publishing means taking your finished work and making it available for other people to read, see, or listen to! When you publish a digital story or ebook, your ideas can inspire your classmates and family. In computing, sharing our digital creations allows us to express our identity and ideas. As you explore the interactive Formatting Toolbar Simulator below, focus on how to share a digital story with peers or family in a class ebook gallery.

Interactive Simulator Sandbox
Curriculum:Step 1 โ€ข Bronze Tier
โœ๏ธ
Step 1 โ€ข Bronze (Level 1): Letters & Words - Key Locating

Locate letter keys and type single words into the word processor document.

In Progress
Words: 0Characters: 0Estimated Speed: 0 WPM
๐Ÿ’พ All changes saved to Drive

Apply Simulator Skills โ€ข Try it yourself

Publish your first mini digital story!

๐Ÿ”„Direct Simulator Transfer: Step 1 Tasks 1, 2 & 3

Now that you've practiced the virtual mechanics in the simulator above, apply those exact skills in your real computer environment:

๐ŸŒŸ Student Project GuideSuccess Criteria & WAGOLL (What A Good One Looks Like)โ–พ

๐ŸŽฏ Task Success Criteria (Rubric)

Foundation

Identify a completed digital drawing or sentence ready to share.

Developing

Export or print a digital creation with teacher support.

Secure (Goal)

Share a digital story with peers or family in a class ebook gallery.

Mastery

Explain who the intended audience is for a published drawing or story. Typing: 5 WPM.

๐Ÿ‘€ What A Good One Looks Like (WAGOLL)

๐Ÿ“
Save to Your Website Portfolio:

When you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!

Reflect

๐ŸŽฏ

Self-Assessment & Reflection

How did it feel to see your finished work on the class bookshelf today?

๐ŸŸขSecure Level

Share a digital story with peers or family in a class ebook gallery.

Learning check

Learning Check

Which icon represents a published book or eBook ready to read?

Select the matching icon or option below:

Answer correctly to unlock the next level.

Fantastic! Your work is published and ready for your audience!Look for the open book icon that represents published reading material.
Teacher setup, curriculum links and progress descriptors

Spark support

Routine: See, Think, Wonder

Teacher notes: Facilitate the See, Think, Wonder routine for 2โ€“3 minutes. Encourage students to connect the prompt to Form (Sharing our digital creations allows us to express our identity and ideas.).

Achievement pathway

  • Foundation: Identify a completed digital drawing or sentence ready to share.
  • Developing: Export or print a digital creation with teacher support.
  • Secure: Share a digital story with peers or family in a class ebook gallery.
  • Mastering: Explain who the intended audience is for a published drawing or story. Typing: 5 WPM.

Curriculum links

Curriculum strand: CM.01.B.1.2

Outcome: PUB-O-01 โ€” Basic digital sharing and audience awareness.

PYP: Form ยท Sharing our digital creations allows us to express our identity and ideas.

Learner profile: Communicator

Competency tags

  • digital-sharing
  • audience-awareness
  • eBooks
  • digital-art

Gate support

Accessibility alternative: Students may verbally explain or point to the correct answer for "Which icon represents a published book or eBook ready to read?" with a teacher or teaching assistant.

Teacher override: allow

Back to top

Locked level

Level 2: eBook Creators

Complete the previous learning check to unlock this next level.

Level 2

eBook Creators

Multi-page eBook layout and audio recordings.

Learning objective

Learning About: eBook Layout. Learning To: Combine text and audio. Learning To Be: Inquirer.

Let's Go!

Step media

Learn

Digital publishing lets you do things paper books cannot! You can add audio voice recordings to every page so readers can listen to you tell your story while turning the pages. In computing, e-publishing combines text, art, and voice to enrich storytelling. As you explore the interactive Save Dialog Simulator below, focus on how to combine multi-page text, images, and embedded audio voice recordings into an eBook.

Interactive Simulator Sandbox
Curriculum:Step 2 โ€ข Bronze Tier
๐Ÿ’พ
Step 1 โ€ข Bronze (Level 1): New Projects & First Save

Type a clear name in the "File name" box and click Save to store it on the Desktop.

๐Ÿ’พSave As...
โš ๏ธ Type a file name

Apply Simulator Skills โ€ข Try it yourself

Create a 3-page interactive eBook!

๐Ÿ”„Direct Simulator Transfer: Step 2 Tasks 4, 5 & 6

Now that you've practiced the virtual mechanics in the simulator above, apply those exact skills in your real computer environment:

๐ŸŒŸ Student Project GuideSuccess Criteria & WAGOLL (What A Good One Looks Like)โ–พ

๐ŸŽฏ Task Success Criteria (Rubric)

Foundation

Add pages to a digital book template.

Developing

Place images and typed captions on consecutive book pages.

Secure (Goal)

Combine multi-page text, images, and embedded audio voice recordings into an eBook.

Mastery

Explain how voice narration helps young readers understand the book. Typing: 10 WPM.

๐Ÿ‘€ What A Good One Looks Like (WAGOLL)

๐Ÿ“
Save to Your Website Portfolio:

When you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!

Reflect

๐ŸŽฏ

Self-Assessment & Reflection

Did your voice recording sound clear when you played back your published eBook?

๐ŸŸขSecure Level

Combine multi-page text, images, and embedded audio voice recordings into an eBook.

Learning check

Learning Check

What feature makes a digital eBook different and more interactive than a printed paper book?

Select the best choice.

Answer correctly to unlock the next level.

Spot on! Audio and video elements make digital publishing truly interactive!Think about what audio and media features digital screens allow that paper cannot.
Teacher setup, curriculum links and progress descriptors

Spark support

Routine: Zoom In

Teacher notes: Facilitate the Zoom In routine for 2โ€“3 minutes. Encourage students to connect the prompt to Function (E-publishing combines text, art, and voice to enrich storytelling.).

Achievement pathway

  • Foundation: Add pages to a digital book template.
  • Developing: Place images and typed captions on consecutive book pages.
  • Secure: Combine multi-page text, images, and embedded audio voice recordings into an eBook.
  • Mastering: Explain how voice narration helps young readers understand the book. Typing: 10 WPM.

Curriculum links

Curriculum strand: CM.01.B.1.2

Outcome: PUB-O-02 โ€” Multi-page eBook layout and audio recordings.

PYP: Function ยท E-publishing combines text, art, and voice to enrich storytelling.

Learner profile: Inquirer

Competency tags

  • ebook-creator
  • audio-narration
  • multi-page
  • page-turn

Gate support

Accessibility alternative: Students may verbally explain or point to the correct answer for "What feature makes a digital eBook different and more interactive than a printed paper book?" with a teacher or teaching assistant.

Teacher override: allow

Back to top

Locked level

Level 3: Class Blogs & Posts

Complete the previous learning check to unlock this next level.

Level 3

Class Blogs & Posts

Digital blogging, moderation, and constructive commenting.

Learning objective

Learning About: Digital Blogging. Learning To: Post and comment. Learning To Be: Reflective.

Let's Go!

Step media

Learn

Blogging is a great way to publish reflections on your learning. Before a post goes public on a class blog, a teacher moderates it to ensure it is safe, kind, and accurate. When commenting on others' posts, always be encouraging and constructive! In computing, online blogs connect learning communities through peer feedback. As you explore the interactive File Extension Simulator below, focus on how to publish a blog post with a cover image and write constructive, kind peer comments.

Interactive Simulator Sandbox
Curriculum:Step 3 โ€ข Bronze Tier
๐Ÿงฉ
Step 1 โ€ข Bronze (Level 1): Text & Pictures

Match each file extension on the left with its correct media category on the right.

Extension (.ext)

MATCH

File Purpose & Icon

Apply Simulator Skills โ€ข Try it yourself

Write a blog reflection & leave 2 comments!

๐Ÿ”„Direct Simulator Transfer: Step 3 Tasks 7, 8 & 9

Now that you've practiced the virtual mechanics in the simulator above, apply those exact skills in your real computer environment:

๐ŸŒŸ Student Project GuideSuccess Criteria & WAGOLL (What A Good One Looks Like)โ–พ

๐ŸŽฏ Task Success Criteria (Rubric)

Foundation

Read a post on a moderated class blog.

Developing

Write and submit a short blog post draft for teacher approval.

Secure (Goal)

Publish a blog post with a cover image and write constructive, kind peer comments.

Mastery

Apply the 'TAG' feedback method (Tell something good, Ask a question, Give a suggestion). Typing: 15 WPM.

๐Ÿ‘€ What A Good One Looks Like (WAGOLL)

๐Ÿ“
Save to Your Website Portfolio:

When you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!

Reflect

๐ŸŽฏ

Self-Assessment & Reflection

How did leaving helpful, positive comments on a classmate's blog post help their learning?

๐ŸŸขSecure Level

Publish a blog post with a cover image and write constructive, kind peer comments.

Learning check

Learning Check

What does 'moderation' mean on a school class blog?

Select the best choice.

Answer correctly to unlock the next level.

Correct! Teacher moderation ensures class blogs stay safe, respectful, and encouraging!Think about why a teacher checks posts before they are published online.
Teacher setup, curriculum links and progress descriptors

Spark support

Routine: Think, Puzzle, Explore

Teacher notes: Facilitate the Think, Puzzle, Explore routine for 2โ€“3 minutes. Encourage students to connect the prompt to Connection (Online blogs connect learning communities through peer feedback.).

Achievement pathway

  • Foundation: Read a post on a moderated class blog.
  • Developing: Write and submit a short blog post draft for teacher approval.
  • Secure: Publish a blog post with a cover image and write constructive, kind peer comments.
  • Mastering: Apply the 'TAG' feedback method (Tell something good, Ask a question, Give a suggestion). Typing: 15 WPM.

Curriculum links

Curriculum strand: CM.02.B.1.1

Outcome: PUB-O-03 โ€” Digital blogging, moderation, and constructive commenting.

PYP: Connection ยท Online blogs connect learning communities through peer feedback.

Learner profile: Reflective

Competency tags

  • blogging
  • online-commenting
  • peer-feedback
  • digital-citizenship

Gate support

Accessibility alternative: Students may verbally explain or point to the correct answer for "What does 'moderation' mean on a school class blog?" with a teacher or teaching assistant.

Teacher override: allow

Back to top

Locked level

Level 4: Google Sites & Pages

Complete the previous learning check to unlock this next level.

Level 4

Google Sites & Pages

Webpage structure, layout banners, and embedded media.

Learning objective

Learning About: Web Publishing. Learning To: Build a site. Learning To Be: Knowledgeable.

Let's Go!

Step media

Learn

Building a webpage allows you to publish multi-media content in one organized hub. Google Sites lets you drag and drop text, header banners, image carousels, and embedded documents across multiple subpages! In computing, web design organizes information across navigation subpages. As you explore the interactive Website Builder Simulator below, focus on how to build a 2-page website with navigation menu and embedded Google Docs/Slides.

Interactive Simulator Sandbox
Curriculum:Step 4 โ€ข Bronze Tier
๐ŸŒ
Step 1 โ€ข Bronze (Level 1): What is a Website? - Website Feature Identification

Name at least one essential feature of a website (e.g. navigation menu or homepage) with support.

In Progress
๐Ÿ  Page: Home4 blocks on this page

Welcome to Our Digital Space!

Designed to share student ideas, projects, and community action with the world.

๐ŸŒฑ๐Ÿ“ธFeature Project Banner Image
๐ŸŽฏ Purpose & Goals
Empowering students to publish creative writing, artwork, and research studies for global peers.
๐Ÿ‘ฅ Target Audience
Tailored for classmates, teachers, families, and partner schools worldwide.

Apply Simulator Skills โ€ข Try it yourself

Build a 2-page Inquiry Website!

๐Ÿ”„Direct Simulator Transfer: Step 4 Tasks 10, 11 & 12

Now that you've practiced the virtual mechanics in the simulator above, apply those exact skills in your real computer environment:

๐ŸŒŸ Student Project GuideSuccess Criteria & WAGOLL (What A Good One Looks Like)โ–พ

๐ŸŽฏ Task Success Criteria (Rubric)

Foundation

Open Google Sites and select a site header template.

Developing

Create a homepage with header banner, title, and body text.

Secure (Goal)

Build a 2-page website with navigation menu and embedded Google Docs/Slides.

Mastery

Configure permissions (view vs edit) and publish with a custom URL slug. Typing: 20 WPM.

๐Ÿ‘€ What A Good One Looks Like (WAGOLL)

๐Ÿ“
Save to Your Website Portfolio:

When you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!

Reflect

๐ŸŽฏ

Self-Assessment & Reflection

How easy was it for visitors to navigate between your Home page and subpages?

๐ŸŸขSecure Level

Build a 2-page website with navigation menu and embedded Google Docs/Slides.

Learning check

Learning Check

What must you do in Google Sites so that others can view your finished website via a web link?

Select the best choice.

Answer correctly to unlock the next level.

Spot on! Clicking 'Publish' makes your website live for your target audience!Think about which action converts your draft into a live webpage.
Teacher setup, curriculum links and progress descriptors

Spark support

Routine: See, Think, Wonder

Teacher notes: Facilitate the See, Think, Wonder routine for 2โ€“3 minutes. Encourage students to connect the prompt to Responsibility (Web design organizes information across navigation subpages.).

Achievement pathway

  • Foundation: Open Google Sites and select a site header template.
  • Developing: Create a homepage with header banner, title, and body text.
  • Secure: Build a 2-page website with navigation menu and embedded Google Docs/Slides.
  • Mastering: Configure permissions (view vs edit) and publish with a custom URL slug. Typing: 20 WPM.

Curriculum links

Curriculum strand: CM.02.B.1.1

Outcome: PUB-O-04 โ€” Webpage structure, layout banners, and embedded media.

PYP: Responsibility ยท Web design organizes information across navigation subpages.

Learner profile: Knowledgeable

Competency tags

  • google-sites
  • web-design
  • page-navigation
  • embedded-media

Gate support

Accessibility alternative: Students may verbally explain or point to the correct answer for "What must you do in Google Sites so that others can view your finished website via a web link?" with a teacher or teaching assistant.

Teacher override: allow

Back to top

Locked level

Level 5: Digital Portfolios

Complete the previous learning check to unlock this next level.

Level 5

Digital Portfolios

Curating growth, reflection, and multi-year digital portfolios.

Learning objective

Learning About: Portfolio Curation. Learning To: Curate & reflect. Learning To Be: Reflective.

Let's Go!

Step media

Learn

A digital portfolio is not just a collection of good gradesโ€”it is a story of your growth! By publishing 'before and after' work samples alongside reflective audio or written journal entries, you demonstrate how you overcome challenges and improve as a learner.

Interactive Simulator Sandbox
Curriculum:Step 5 โ€ข Bronze Tier
โ˜๏ธ
Step 5 โ€ข Bronze (Task 13)

Identify images on a webpage and click Download to pull them to your local device.

๐Ÿ’ปMy Computer
โ‡„ Idle
โ˜๏ธCloud Drive
Online
๐Ÿ“ Classroom Shared FolderStorage: 1.2 GB of 15 GB used
๐Ÿ“„
Science_Project.docx
25 KB โ€ข Word Doc
๐Ÿ–ผ๏ธ
Field_Trip_Photo.jpg
4 MB โ€ข JPEG Image
๐ŸŽฌ
School_Play_Video.mp4
250 MB โ€ข MP4 Video

Apply Simulator Skills โ€ข Try it yourself

Curate a PYP Unit Portfolio Entry!

๐Ÿ”„Direct Simulator Transfer: Step 5 Tasks 13, 14 & 15

Now that you've practiced the virtual mechanics in the simulator above, apply those exact skills in your real computer environment:

๐ŸŒŸ Student Project GuideSuccess Criteria & WAGOLL (What A Good One Looks Like)โ–พ

๐ŸŽฏ Task Success Criteria (Rubric)

Foundation

Upload a piece of schoolwork into a portfolio folder.

Developing

Categorize portfolio entries by subject or PYP unit theme.

Secure (Goal)

Curate best work samples with written reflections explaining why each item was selected.

Mastery

Organize a multi-unit digital portfolio showcasing growth from early drafts to final products. Typing: 25 WPM.

๐Ÿ‘€ What A Good One Looks Like (WAGOLL)

๐Ÿ“
Save to Your Website Portfolio:

When you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!

Reflect

๐ŸŽฏ

Self-Assessment & Reflection

How did comparing your early draft with your final published piece show your growth?

๐ŸŸขSecure Level

Curate best work samples with written reflections explaining why each item was selected.

Learning check

Learning Check

Why is including written reflections alongside work samples essential in a digital portfolio?

Select the best choice.

Answer correctly to unlock the next level.

Mastered! Reflection transforms a simple folder into a powerful portfolio of growth!Consider what reflections add to raw work samples when showing progress over time.
Teacher setup, curriculum links and progress descriptors

Spark support

Routine: I used to think...

Teacher notes: Facilitate the I used to think... routine for 2โ€“3 minutes. Encourage students to connect the prompt to Perspective (Digital portfolios curate evidence of personal growth and learning over time.).

Achievement pathway

  • Foundation: Upload a piece of schoolwork into a portfolio folder.
  • Developing: Categorize portfolio entries by subject or PYP unit theme.
  • Secure: Curate best work samples with written reflections explaining why each item was selected.
  • Mastering: Organize a multi-unit digital portfolio showcasing growth from early drafts to final products. Typing: 25 WPM.

Curriculum links

Curriculum strand: CM.03.B.1.1

Outcome: PUB-O-05 โ€” Curating growth, reflection, and multi-year digital portfolios.

PYP: Perspective ยท Digital portfolios curate evidence of personal growth and learning over time.

Learner profile: Reflective

Competency tags

  • digital-portfolio
  • curation
  • reflection-journal
  • learning-evidence

Gate support

Accessibility alternative: Students may verbally explain or point to the correct answer for "Why is including written reflections alongside work samples essential in a digital portfolio?" with a teacher or teaching assistant.

Teacher override: allow

Back to top

Locked level

Level 6: Copyright & Licensing

Complete the previous learning check to unlock this next level.

Level 6

Copyright & Licensing

Creative Commons licensing, open-source publishing, and attribution.

Learning objective

Learning About: Digital Ethics. Learning To: Attribute & license. Learning To Be: Principled.

Let's Go!

Step media

Learn

As a digital author and creator, you must respect intellectual property! Copyright protects original works. When publishing, search for Creative Commons (CC) or Public Domain media, provide proper attribution (TASL: Title, Author, Source, License), and choose how others can re-use your own published creations!

Interactive Simulator Sandbox
๐Ÿ›ก๏ธ

Cybersecurity & Scam Defense Audit Engine

Master Security Audits, Threat Analysis & Defense-in-Depth

DEFENSE POSTURE SCORE:0%
AUDIT REQUIRED
LEVEL 1 โ€ข BRONZEOS6 โ€ข Free Gift Traps

Deceptive Reward Screen Detection

Review the incoming web element. Identify signs of fraudulent "Free Prize" lures before taking action.

INSPECTED TARGET: Free_Robux_Winner_Popup.html
UNVERIFIED
๐Ÿ›ก๏ธ Security Inspector & Triage
THREAT LEVEL: UNRATED
๐Ÿ“‹ NIST Cybersecurity Framework Mapping
CSF v2.0
IDIdentifyAsset & Threat Identification
PRProtectSafeguards & MFA
DEDetectAnomalies & Phishing
RSRespondContainment Protocol
RCRecoverRestoration & Backups
๐Ÿ“ก Live Telemetry & Threat Vector Indicators
LIVE TELEMETRY
Metric / IndicatorObserved ValueRisk Factor
TLS CertificateSelf-Signed / UntrustedHIGH
Sender Domain Entropy0.89 (Spoofed DMARC)CRITICAL
Urgency Emotion VectorActive Countdown DetectedELEVATED
๐Ÿ’ป SOC Incident Event Stream & Telemetry Log
[SOC-INIT] Defense telemetry daemon active. Port 443 TLS 1.3 inspector online.
[AUDIT-READY] Simulator initialized. Select a step to commence security audit.
            

Apply Simulator Skills โ€ข Try it yourself

Publish an Open Project with CC License!

๐Ÿ”„Direct Simulator Transfer: Step 6 Tasks 16, 17 & 18

Now that you've practiced the virtual mechanics in the simulator above, apply those exact skills in your real computer environment:

๐ŸŒŸ Student Project GuideSuccess Criteria & WAGOLL (What A Good One Looks Like)โ–พ

๐ŸŽฏ Task Success Criteria (Rubric)

Foundation

Identify copyright symbols (ยฉ) on published websites.

Developing

Cite the author, title, and source URL for online images used in published work.

Secure (Goal)

Differentiate between Copyright, Public Domain, and Creative Commons (CC) licenses.

Mastery

Apply a Creative Commons license (BY, SA, NC, ND) to personal published creations and explain re-use rights. Typing: 30+ WPM.

๐Ÿ‘€ What A Good One Looks Like (WAGOLL)

๐Ÿ“
Save to Your Website Portfolio:

When you finish creating your project in your software, copy the share link or take a screenshot and publish it onto your student portfolio website!

Reflect

๐ŸŽฏ

Self-Assessment & Reflection

How does licensing your work with Creative Commons contribute to the global digital community?

๐ŸŸขSecure Level

Differentiate between Copyright, Public Domain, and Creative Commons (CC) licenses.

Learning check

Learning Check

What does a Creative Commons BY (Attribution) license require someone to do if they use your work?

Select the best choice.

Answer correctly to complete this strand.

Mastered! Proper attribution respects creators and supports open digital publishing!Remember what CC BY stands forโ€”Attribution means giving credit to the creator!
Teacher setup, curriculum links and progress descriptors

Spark support

Routine: Step Inside

Teacher notes: Facilitate the Step Inside routine for 2โ€“3 minutes. Encourage students to connect the prompt to Reflection (Responsible publishing requires respecting intellectual property and digital rights.).

Achievement pathway

  • Foundation: Identify copyright symbols (ยฉ) on published websites.
  • Developing: Cite the author, title, and source URL for online images used in published work.
  • Secure: Differentiate between Copyright, Public Domain, and Creative Commons (CC) licenses.
  • Mastering: Apply a Creative Commons license (BY, SA, NC, ND) to personal published creations and explain re-use rights. Typing: 30+ WPM.

Curriculum links

Curriculum strand: CM.03.B.1.1

Outcome: PUB-O-06 โ€” Creative Commons licensing, open-source publishing, and attribution.

PYP: Reflection ยท Responsible publishing requires respecting intellectual property and digital rights.

Learner profile: Principled

Competency tags

  • creative-commons
  • copyright
  • attribution
  • open-source
  • digital-ethics

Gate support

Accessibility alternative: Students may verbally explain or point to the correct answer for "What does a Creative Commons BY (Attribution) license require someone to do if they use your work?" with a teacher or teaching assistant.

Teacher override: allow

๐ŸŽ’ Students Home โ†’

Install App for Classroom

One-click fullscreen learning for Chromebooks, iPads & PCs

๐Ÿ–ฅ๏ธ
Distraction-FreeFullscreen window without browser tabs or search clutter.
โšก
1-Tap LaunchPin directly to the Chromebook shelf, iPad dock, or Windows taskbar.
๐Ÿ“ถ
Classroom SpeedInstant cached loads for lessons and simulators even on school Wi-Fi.
๐Ÿ”’
Safe & Ad-Free100% free, private, and no app store logins or passwords needed.
  1. 1
    Click the Install button

    In your browser, look at the right end of the top web address bar for the ๐Ÿ’ป Install or โค“ icon.

  2. 2
    Confirm "Install"

    A popup will ask if you want to install "Ed Tech Hub". Click Install.

  3. 3
    Pin to your Shelf

    Right-click (or two-finger tap) the app icon in your Chromebook bottom shelf and select "Pin"!