Skip to content
Snippets Groups Projects
Commit fdd46740 authored by Lucy Hao's avatar Lucy Hao :moyai:
Browse files

hardware overview

parent 98548d9e
No related branches found
No related tags found
No related merge requests found
Pipeline #526564 passed
Stage: test
Stage: deploy
Hide whitespace changes
Inline Side-by-side
src/components/hardware/Gallery.jsx
+ 69
− 37
View file @ fdd46740
import { useState } from 'react';
import './Gallery.css';
import './Gallery.css';
const Gallery = () => {
const [selectedImage, setSelectedImage] = useState(null);
const hardware = [
{
name: "Bioreactor",
image: "https://picsum.photos/id/1018/300/200",
description: "lore ipsum",
hyperlink: "/ubc-vancouver/hardware/bioreactor"
},
{
name: "Microfluidic Pump",
image: "https://picsum.photos/id/1019/300/200",
description: "pump ipsum",
hyperlink: "/ubc-vancouver/hardware/microfluidic-pump"
},
{
name: "Multiphase Microfluidic Chips",
image: "https://picsum.photos/id/1020/300/200",
description: "chip ipsum",
hyperlink: "/ubc-vancouver/hardware/microfluidic-chip"
}
];
const openPopup = (item) => {
setSelectedImage(item);
};
const closePopup = () => {
setSelectedImage(null);
};
const [selectedImage, setSelectedImage] = useState(null);
const hardware = [
{
name: "Bioreactor",
image: "https://static.igem.wiki/teams/5228/bio.png",
description: `Our bioreactor project showcases a commitment to sustainable and accessible biomanufacturing through our iterative design-build-test-learn (DBTL) cycles which focus on integrated human practices (iHP) feedback. We developed four distinct bioreactor iterations, each building upon the previous version based on user feedback and testing results.
Mark 1, our initial prototype, served as a proof-of-concept, establishing basic functionalities like aeration and agitation using readily available, affordable lab supplies and a 2L vessel. Initial iHP feedback immediately highlighted the impracticality of the large vessel size for many lab settings, emphasizing the need for a more compact design. This feedback directly influenced the development of Mark 2, which featured a significantly smaller vessel and introduced automation with a peristaltic pump for fluid handling and a temperature sensor for basic monitoring. We also prioritized simplifying the design and using readily available components to maintain affordability.
Testing of Mark 2, combined with further iHP feedback, revealed the need for real-time monitoring of cell growth. Users expressed a desire for more data-driven insights to optimize culture conditions. This prompted the addition of an optical density (OD) sensor in Mark 3, housed within a custom-designed 3D-printed enclosure to ensure accurate measurements. Additionally, a user interface keypad was added to provide more control over the bioreactor's functions, directly addressing user requests for easier interaction. The reduction in plastic usage through the smaller vessel size and the potential for recycling 3D printed components further aligned with our sustainability goals.
iHP feedback on Mark 3 highlighted two key areas for improvement: the need for more intuitive control mechanisms and the desire for remote access and monitoring capabilities. Users found the keypad interface cumbersome and expressed interest in controlling the bioreactor remotely. This feedback directly shaped the design of Mark 4, which replaced the keypad with a joystick for more precise and user-friendly control. An LCD screen was added to provide clear visual feedback of real-time data, enhancing monitoring capabilities. Finally, an ESP8266 Wi-Fi module was integrated, enabling remote control and monitoring via a network connection, a feature highly desired by potential users.
Throughout this DBTL cycle, iHP played a crucial role, not only in gathering user feedback but also in considering the broader societal and ethical implications of our work. By prioritizing user needs, accessibility, and sustainability, while actively minimizing resource consumption and promoting recyclability, our bioreactors offer a more responsible and environmentally conscious approach to biological experimentation and biomanufacturing all while keeping bioreactors affordable and available for all.`,
hyperlink: "/ubc-vancouver/hardware/bioreactor"
},
{
name: "Microfluidic Pump",
image: "https://static.igem.wiki/teams/5228/pump.png",
description: `Our microfluidic platform is designed with sustainability and scalability at its core, developed through an iterative DBTL (Design-Build-Test-Learn) cycle, and directly informed by extensive iHP (Integrated Human Practices) feedback. Key industry stakeholders, including experts in biomanufacturing, provided valuable insights that guided our design choices, particularly in enhancing the platform’s efficiency for large-scale DNA synthesis. These interactions underscored the need for a sustainable, scalable system that minimizes resource consumption without compromising throughput.
The platform employs a diverse set of passive mixing strategies, such as the "Herringbone" Helix Flow, Cantor Baffles, and "Criss-Cross" Split and Recombination chips, which were selected based on their ability to enhance chaotic mixing while minimizing reagent use. This reduces both environmental impact and operational costs, directly aligning with modern biomanufacturing goals. Each chip is optimized for high-throughput applications, ensuring the system can scale up to meet industrial needs while maintaining precision in DNA synthesis.
In terms of sustainability, our microfluidic platform significantly reduces reagent waste by promoting efficient mixing at low energy inputs. Furthermore, our collaboration with experts during iHP feedback sessions reinforced the importance of using environmentally friendly materials and processes, such as laser ablation for chip fabrication, to further reduce the platform’s carbon footprint. These sustainable design features make our platform not only highly efficient but also adaptable to the needs of biomanufacturing industries looking for greener alternatives.`,
hyperlink: "/ubc-vancouver/hardware/microfluidic-pump"
},
{
name: "Multiphase Microfluidic Chips",
image: "https://static.igem.wiki/teams/5228/chip.png",
description: `This microfluidic pump represents a crucial component for our microfluidic chips, offering precise fluid control at the microscale while addressing critical sustainability challenges. By leveraging Design-Build-Test-Learn (DBTL) cycles and integrating with intensified bioprocessing hardware (iHP), this pump enables efficient and environmentally conscious production of biopharmaceuticals, biomaterials, and other valuable bioproducts.
The microfluidic pump employs a peristaltic design, utilizing sequentially actuated chambers to propel fluids through microfluidic channels. This gentle pumping mechanism minimizes shear stress, crucial for maintaining the viability and functionality of sensitive biological materials like cells and proteins. Fabrication relies on biocompatible materials like PDMS, ensuring compatibility with biological systems. Precise control over flow rate and minimal backflow are achieved through carefully tuned pneumatic actuation, enabling accurate delivery of reagents and media within microfluidic devices.
This microfluidic pump offers significant advantages for biomanufacturing applications:
- **Improved process control:** Precise fluid manipulation enables optimized cell culture conditions, leading to higher yields and product quality. Nutrient delivery, waste removal, and introduction of stimuli can be precisely controlled, enhancing bioprocess efficiency.
- **Miniaturization and automation:** Integration into automated microfluidic platforms facilitates high-throughput screening and process optimization, accelerating bioprocess development. Smaller reaction volumes translate to reduced reagent consumption and waste generation.
- **Continuous processing:** The pump enables continuous flow operation, which can significantly enhance productivity compared to traditional batch processes. This allows for steady-state operation, optimizing cell growth and product formation.
- **Handling of shear-sensitive materials:** The gentle peristaltic pumping action minimizes shear stress, making it ideal for handling delicate biological materials such as cells, proteins, and DNA.
This pump contributes to sustainable biomanufacturing in several ways:
- **Reduced resource consumption:** Miniaturization significantly decreases the volumes of reagents, media, and other resources required, minimizing both material costs and waste generation.
- **Lower energy footprint:** Compared to traditional large-scale bioreactors, microfluidic systems require significantly less energy for operation, contributing to a lower carbon footprint.
- **Reduced waste generation:** Smaller reaction volumes and continuous processing minimize waste generation, reducing the environmental burden associated with biomanufacturing.
- **Potential for decentralized manufacturing:** Portable and modular microfluidic systems, enabled by this pump, could facilitate decentralized biomanufacturing, reducing transportation costs and emissions.
The development of this microfluidic pump follows the DBTL cycle, allowing for iterative improvements and optimized performance. Experimental data on flow rate, backflow, and particle tracking are used to refine computational models and inform design modifications. This iterative process ensures that the pump meets the specific requirements of different biomanufacturing applications.
Its compact footprint and precise fluid control make it ideal for integration into iHP platforms, enabling high-throughput screening, process optimization, and continuous bioprocessing at a microscale. This integration contributes to the development of more efficient and sustainable biomanufacturing processes.`,
hyperlink: "/ubc-vancouver/hardware/microfluidic-chip"
}
];
const openPopup = (item) => {
setSelectedImage(item);
};
const closePopup = () => {
setSelectedImage(null);
};
return (
<div>
......@@ -42,11 +74,11 @@ const Gallery = () => {
className="gallery-item"
onClick={() => openPopup(h)}
onMouseEnter={(e) => {
e.currentTarget.querySelector('.overlay-text').style.opacity = 1;
e.currentTarget.querySelector('img').style.filter = 'brightness(0.85)';
e.currentTarget.querySelector('.overlay-text').style.opacity = 1;
e.currentTarget.querySelector('img').style.filter = 'brightness(0.85)';
}}
onMouseLeave={(e) => {
e.currentTarget.querySelector('.overlay-text').style.opacity = 0;
e.currentTarget.querySelector('.overlay-text').style.opacity = 0;
e.currentTarget.querySelector('img').style.filter = 'brightness(1)';
}}
>
......@@ -63,7 +95,7 @@ const Gallery = () => {
{selectedImage && (
<div className="popup-overlay">
<div className="popup-content">
<button
<button
onClick={closePopup}
className="close-button"
>
......@@ -71,8 +103,8 @@ const Gallery = () => {
</button>
<h2 className="popup-title">{selectedImage.name}</h2>
<p className="popup-description">{selectedImage.description}</p>
<a
href={selectedImage.hyperlink}
<a
href={selectedImage.hyperlink}
className="learn-more-button"
>
Learn More
......
src/components/hardware/Panel.css
+ 1
− 2
View file @ fdd46740
.panel-container {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 20px;
}
.panel-box {
width: 600px;
height: 300px;
border: 5px solid grey;
padding: 20px;
border-radius: 25px;
......
src/components/hardware/Panel.jsx
+ 34
− 29
View file @ fdd46740
......@@ -2,37 +2,42 @@ import React from 'react';
import './Panel.css';
const Panel = () => {
const panelData = [
{
title: 'Creating Technologies for Scalable Biomanufacturing',
description:'lalalalallalalalalalalallalalalalalall alalalalalallalalalalalalallalalalalalalal good job guys',
},
{
title: 'Creating Platforms for Sustainable Research',
description: 'okay good job guys yayyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy',
},
];
const panelData = [
{
title: 'Creating Technologies for Scalable Biomanufacturing',
description: `Our hardware team focused on designing and developing scalable technologies that support efficient and high-throughput biomanufacturing. Central to our approach was creating interconnected systems that could accelerate the production of biological materials while minimizing resource use. Our solutions were designed to be adaptable for different scales of production, from laboratory settings to industrial biomanufacturing. We also prioritized automation and precision, ensuring that each design could be integrated seamlessly into modern biomanufacturing workflows.
Through our iterative DBTL (Design-Build-Test-Learn) cycle, we pursued three primary projects: the bioreactor, the microfluidic pump, and the multiphase microfluidic system. Each of these projects was guided by our goal of reducing the environmental impact of biological manufacturing while increasing the efficiency and scalability of the processes involved.`,
},
{
title: 'Creating Platforms for Sustainable Research',
description: `Alongside our efforts in biomanufacturing, we recognized the importance of designing hardware that aligns with sustainability goals. As part of our iHP (Integrated Human Practices) work, we consulted with stakeholders in academia and industry to better understand how our hardware could contribute to more environmentally conscious research. Our focus on sustainability informed design choices that minimized material waste, optimized energy use, and utilized low-impact fabrication methods like laser ablation.
By integrating principles of sustainability into each of our projects, we aimed to set new standards for environmentally responsible research platforms. Our hardware not only improves the efficiency of scientific workflows but also reduces the overall environmental footprint, making it suitable for long-term use in both academic research and industrial applications.`,
},
];
return (
<div className="panel-container">
{panelData && Array.isArray(panelData) && panelData.length > 0 ? (
panelData.map((panel, index) => (
<div key={index} className="panel-box">
<div className="panel-inner">
<div className="panel-front">
<h2>{panel.title}</h2>
return (
<div className="panel-container">
<p>Based on these guiding principles, our team pursued three interconnected projects:</p>
{panelData && Array.isArray(panelData) && panelData.length > 0 ? (
panelData.map((panel, index) => (
<div key={index} className="panel-box">
<div className="panel-inner">
<div className="panel-front">
<h2>{panel.title}</h2>
</div>
<div className="panel-back">
<p>{panel.description}</p>
</div>
</div>
</div>
))
) : (
<p>No panels available</p>
)}
</div>
<div className="panel-back">
<p>{panel.description}</p>
</div>
</div>
</div>
))
) : (
<p>No panels available</p>
)}
</div>
);
);
};
export default Panel;
src/pages/engineering/software/dbtl2-learn.md
+ 1
− 1
View file @ fdd46740
......@@ -6,4 +6,4 @@ phase: learn
dbtl: 2
---
We learned that preventing deletion or insertion errors in DNA was challenging. After discussing with Tony Liu Dr. Condon and the lab, we decided to take advantage of the diversity present in biology and resolve deletions simply by filtering out strands that are the correct length. Unfortunately, this strategy is not scaleable, and more robust error correction methods will need to be explored. Additionally, we did not have the opportunity to decode sequences from the wet lab, so many of our assumptions, results, and hypotheses must be experimentally validated.
\ No newline at end of file
We learned that preventing deletion or insertion errors in DNA was challenging. After discussing with Tony Liu, Dr. Condon and her lab, we decided to take advantage of the diversity present in biology and resolve deletions simply by filtering out strands that are the correct length. Unfortunately, this strategy is not scaleable, and more robust error correction methods will need to be explored. Additionally, we did not have the opportunity to decode sequences from the wet lab, so many of our assumptions, results, and hypotheses must be experimentally validated.
\ No newline at end of file
src/pages/hardware/index.astro
+ 2
− 1
View file @ fdd46740
......@@ -8,7 +8,8 @@ import PaddedLayout from "../../layouts/PaddedLayout.astro";
<div style="margin-top: 50px; margin-bottom: 50px;"> {/* Fixed space between titles */}
<h1 style="font-weight: bold;">Our Goals with Hardware</h1>
<p>Some crap here </p>
<p>Our primary goal with hardware development is to create innovative, sustainable, and scalable technologies that can advance both research and industrial applications in synthetic biology. By focusing on modular designs and efficient resource use, we aim to enable high-throughput biomanufacturing while reducing the environmental footprint of biological processes. Each hardware project, from our bioreactor to the microfluidic pump and multiphase microfluidic system, is designed to integrate seamlessly into existing workflows, providing precise control over biological experiments and production.</p>
<p>We also aim to set new standards for sustainability in hardware, ensuring that our designs minimize material waste and energy consumption. Through iterative design and feedback loops with industry experts via our iHP (Integrated Human Practices) process, we ensure that our hardware not only meets the needs of today’s synthetic biology challenges but is also adaptable for future advancements. Ultimately, our goal is to make scalable, efficient, and environmentally conscious hardware accessible to researchers and manufacturers alike.</p>
</div>
<Panel client:load />
<div style="margin-top: 150px;">
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment