<turbo-stream action="append" target="section-items">
    <template>
            <a href="/computerscience/page/53242/12-components-of-a-computer-system" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/computerscience/Topic-1-Systems-in-Organisations/computer-hardware.jpg"
            alt="1.2 Components of a computer system"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        1.2 Components of a computer system
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section covers the definitions of key terms such as hardware, software, peripheral, network, and human resources. It also describes the various roles a computer can play in a networked world, including...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 July 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/19963/topic-12-system-design-basics" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/computerscience/Topic-1-Systems-in-Organisations/server.png"
            alt="Topic 1.2 System design basics"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Topic 1.2 System design basics
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section covers the components of a computer system, system design and analysis and human interaction with the system This section covers the definitions of key terms such as hardware, software, peripheral,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 July 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/53241/11-software-deployment" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/computerscience/Topic-1-Systems-in-Organisations/releasenr.png"
            alt="1.1 Software deployment"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        1.1 Software deployment
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section discusses strategies for managing releases and updates. It emphasises the importance of understanding various methods of deploying updates and patches, including automatic online updates....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 July 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/53240/11-system-backup" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/computerscience/Topic-1-Systems-in-Organisations/server.png"
            alt="1.1 System backup"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        1.1 System backup
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section discusses the causes, consequences, and prevention of data loss. Data loss can occur due to various reasons, including malicious activities by employees or intruders, and natural disasters....</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 July 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/53239/11-user-focus" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/computerscience/Topic-1-Systems-in-Organisations/Secretary_of_Defense_Chuck_Hagel_answers_a_question_during_an_interview_with_Lincoln_Star_Journal_reporter_Don_Walton_at_the_University_of_Nebraska_Omaha%2C_Neb.%2C_on_June_19%2C_2013_130619-D-BW835-406.jpg"
            alt="1.1 User Focus"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        1.1 User Focus
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section emphasises the importance of user focus in system implementation. It discusses the significance of user documentation and its impact on the rate of system implementation. Various methods...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 July 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/19962/topic-11-systems-in-organisations" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/computerscience/Topic-1-Systems-in-Organisations/SDLC.jpg"
            alt="Topic 1.1 Systems in organisations"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Topic 1.1 Systems in organisations
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section covers planning and system installation, user focus, system backup and Software deployment. This section covers planning and system installation, emphasising elements like change management,...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 July 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/51807/topic-1-system-fundamentals" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/computerscience/Topic-1-Systems-in-Organisations/SDLC.jpg"
            alt="Topic 1 - System fundamentals"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            eBook
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Topic 1 - System fundamentals
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This section covers system fundamentals, focusing on planning and system installation, user focus, system backup, and software deployment. It discusses the importance of understanding the context for...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 July 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/57770/case-study-2025-lesson-plans" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/computerscience/casestudy/casestudy-2025/firefly-a-chatbot-78967.jpg"
            alt="Case Study 2025 lesson plans"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Teacher Resources (old)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Case Study 2025 lesson plans
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> Here are a series of lesson plans for the Case Study 2025  Use the links to the left to view the lessons. ...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 July 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/56240/case-study-2025" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/computerscience/casestudy/casestudy-2025/firefly-a-chatbot-78967.jpg"
            alt="Case Study 2025"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Teacher Resources (old)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        Case Study 2025
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> This year's case study is all about chatbots. There are many interesting and challenging concepts for students to learn and investigate. These pages are intended to help teachers facilitate this process...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 July 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>
    <a href="/computerscience/page/19722/d4-advanced-program-development" class="card text-body rounded-0 text-decoration-none" data-turbo-frame="_top" data-turbo="false">
        <div class="card-body">
            <div class="row align-items-start gx-3">
                <div class="col-4 col-lg-3">
                    <div class="rounded overflow-hidden hover-zoom hover-overlay">
        <img
            class="d-block w-100 height-150 object-cover"
            src="https://teacher-sites-storage.inthinking.net/ib/computerscience/D-OOP/recursion.gif"
            alt="D.4 Advanced program development"
        >
    </div>

                </div>
                <div class="col-8 col-lg-9">
                                            <h6 class="text-accent">
                            Teacher Resources (old)
                        </h6>
                                        <h5 class="fw-semibold text-primary mb-2 d-flex gap-1 align-items-end">
                        D.4 Advanced program development
                                    

                    </h5>
                                            <p class="text-body mb-0 mb-lg-3"> The topic covers advanced program development, including recursion, object references, and abstract data types (ADTs) like lists, stacks, queues, and binary trees. It discusses the construction and tracing...</p>
                                        <div class="clearfix">
                        <span class="text-muted fs-sm float-end">
                            31 July 2025
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </a>



    </template>
</turbo-stream>

    <turbo-stream action="update" target="load-more">
        <template>
            <div class="d-flex justify-content-center my-3">
    <a href="/computerscience/latest-updates?page=63" class="btn btn-secondary loader">
        <i class="fa-regular fa-circle-plus"></i>
        Load more
    </a>
    <div class="spinner-border load-more text-primary" role="status">
        <span class="visually-hidden">Loading...</span>
    </div>
</div>

        </template>
    </turbo-stream>
