index.html

---
title: Protein Viewer
layout: default
---
			
<!-- Banner -->
	<section id="banner">
		<header>
			<h2>Mol-Vis-Hack </h2> <em> A browser-based 3D Large-Model Viewer to provide beautiful, modular and user annotated 3D models of proteins and other molecular structures </em>
		</header>
	</section>

<!-- Gigantic Heading -->
	<section class="wrapper style2">
		<div class="container">
			<header class="major">
				<h2 id="about-our-hack">About our hack</h2>
				<p>Using the browser-based 3D Large-Model Viewer API provided by Autodesk we aim to be able to provide beautiful, modular and user annotated 3D models of proteins and other molecular structures. Today most online protein 3D viewers are rather crude and so this application could possesses a huge promise for the provision of high quality scientific communication and educational tools, as well as potentially assisting in research directly.

There is a wealth of structural and atomic location data for molecular molecular to be found on the well-established and still rapidly expanding Protein data base (PDB). We are therefore building a pipeline to convert the PDB formatted code into an .fbx file in order for it to be read by the Autodesk software.

The pipeline is set up as follows:

Potential room for development: working with customised extensions for any given structure.</p>
			</header>
		</div>
	</section>
	
<!-- Highlights -->
	<section class="wrapper style1">
		<div class="container">

	<header class="major">
				<h2 id="app-walkthrough">App Walkthrough</h2>

The app is organised in four general steps, the latter of which are open to further development:

<ol type="1">
  <p><li id="conv-trans"><br><strong>1. Conversion and translation</strong></br>
	 Automating successive file conversion from archival PDB code to VRML format and then through .wrl file format (via UCSF Chimera) into the LMV compatible .fbx file format (via Blender).</p></li>

  <p><li id="lmv-hosting"><br><strong>2. Hosting models in LMV via the View and Data API</strong></br>
	Hosting the converted format model files in the LMV API via their bucket storage.</p></li>

  <p><li id="web-display"><strong>3. Webpage hosting for dynamic model display</strong></br>
	Checking against a list of already processed PDB codes, or generation of new 3D models and uploading to Autodesk.com.</p>

  <p><li id="extensions"><br><strong>4. Extensible models: annotation and exploration</strong></li></br>
	Potential room for development: working with customised extensions for any given structure.</p></li>
</ol>
			</header>

			<div class="row double">
				<section class="4u">

<div style="opacity: 0">.</div>

				</section>
				<section class="4u">
<a href="https://github.com/hackmcr15-code-a-la-mode/mol-vis-hack">
					<div class="box highlight">

						<i class="icon major fa-wrench"></i>
						<h3>Use our hack</h3>
					</div>
</a>
				</section>
			</div>
		</div>
	</section>

	{% include cta.html %}