Code owners
Assign users and groups as approvers for specific file changes. Learn more.
ADCEOnboarding.vue 13.39 KiB
<template>
<div class="adce-onboarding">
<PageHeader :titleWithBreaks="titleWithBreaks" subtext description />
<v-container class="px-8" fluid>
<h2>
Register for an onboarding session now
</h2>
<div class="container section-container pt-0">
<div class="row text-left justify-content-center">
<div class="col-xs-10 col-sm-8 col-md-10 col-lg-8 col-xl-6 pt-0">
<div class="row">
<div class="col-md-6">
<v-card
flat
tile
class="my-5 registration-card text-center d-flex flex-column"
>
<v-card-text>
<h4 class="px-auto">3 DAY WORKSHOP</h4>
</v-card-text>
<v-spacer></v-spacer>
<v-card-text>
<p class="px-6">
Rapid workshop to stand-up a hello world pipeline with a
templated app through ABMS ADCE Party Bus.
</p>
</v-card-text>
<v-spacer></v-spacer>
<v-card-actions
class="registration-action justify-content-center text-center"
>
<v-btn
class="mx-auto"
color="primary"
to="/products/abms-adce/onboarding/3-day-workshop"
>
RESERVE YOUR SEATS
</v-btn>
</v-card-actions>
</v-card>
<v-card
flat
tile
class="mt-5 mb-md-5 registration-card text-center d-flex flex-column"
>
<v-card-text>
<h4>
USER CENTERED DESIGN (UCD) WORKSHOP
</h4>
</v-card-text>
<v-spacer></v-spacer>
<v-card-text>
<p class="px-6">
2-day workshop focused on user-centered design to include
the user in the process, get constant feedback, and
quickly deliver value.
</p>
</v-card-text>
<v-spacer></v-spacer>
<v-card-actions
class="registration-action justify-content-center text-center"
>
<h4>COMING SOON</h4>
</v-card-actions>
</v-card>
</div>
<div class="col-md-6">
<v-card
flat
tile
class="mt-md-5 mb-5 registration-card text-center d-flex flex-column"
>
<v-card-text>
<h4>
SELF-DIRECTED ONBOARD
</h4>
</v-card-text>
<v-spacer></v-spacer>
<v-card-text>
<p class="px-6">
Virtual and self-directed experience that allows program
offices, engineers, and product managers to learn how to
ABMS ADCE Party Bus "work". Intended as a supplement to
the option above.
</p>
</v-card-text>
<v-spacer></v-spacer>
<v-card-actions
class="registration-action justify-content-center text-center"
>
<h4>COMING SOON</h4>
<!-- <v-btn
class="mx-auto"
color="primary"
to="/products/abms-adce/onboarding/self-directed-onboard"
>
RESERVE YOUR SEATS
</v-btn> -->
</v-card-actions>
</v-card>
<v-card
flat
tile
class="my-5 registration-card text-center d-flex flex-column"
>
<v-card-text class="registration-action">
<h4>6 WEEK COHORT</h4>
</v-card-text>
<v-spacer></v-spacer>
<v-card-text>
<p class="px-6">
3 weeks learning the processes and opinions of Platform
One. 3 weeks working in your app with guidance from our
<Tooltip
text="SMEs"
tooltip="Subject Matter Experts"
light
/>.
</p>
</v-card-text>
<v-spacer></v-spacer>
<v-card-actions
class="registration-action justify-content-center text-center "
>
<h4>CURRENTLY ON HOLD</h4>
</v-card-actions>
</v-card>
</div>
</div>
</div>
</div>
</div>
<h2 class="pt-6">
Onboarding into Party Bus - ABMS ADCE
</h2>
<div class="container pt-0">
<div class="row text-center justify-content-center">
<div class="col-xs-10 col-lg-8 col-xl-6 pt-0">
<p class="mb-3">
Platform One provides extensive options for product teams wanting
to onboard into the P1 environment. Learn about Extreme
Programming, User-Centered Design, and deploying to a DevSecOps
pipeline.
</p>
</div>
</div>
</div>
<div class="container section-container">
<div class="row text-left justify-content-center">
<div class="col-xs-12 col-xl-8">
<div class="row">
<div class="col-md-6 px-md-8 pt-md-0">
<div class="pb-4">
<h4 class="mx-0 pl-0">
CREATE YOUR
<Tooltip text="MVP" tooltip="Minimum Viable Product" />
SLICE
</h4>
<p>
Work on your application in Platform One. Create the
smallest slice of your application that delivers warfighter
value and get into the habit of continuous integration and
continuous deployment.
</p>
</div>
<div class="pt-4">
<h4 class="mx-0 pl-0">DEPLOYMENT</h4>
<p>
Deploy your
<Tooltip text="MVP" tooltip="Minimum Viable Product" />
slice to the world, ensure access and authentication work as
they should, and get your
<Tooltip text="DNS" tooltip="Domain Name System" />,
logging, and other services up and running.
</p>
</div>
</div>
<div class="col-md-6 px-md-8 pt-4 pt-md-0">
<div class="pb-4">
<h4 class="mx-0 pl-0">
GO THROUGH THE
<Tooltip text="CTF" tooltip="Certificate to Field" />
PROCESS
</h4>
<p>
Learn how to better architect, design, secure, and develop
your app to allow for successful scale out and continuous
delivery.
</p>
</div>
<div class="pt-4">
<h4 class="mx-0 pl-0">ITERATE AND IMPROVE</h4>
<p>
In true agile fashion, take lessons learned and continue
development of your application leveraging a continuous
delivery model.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<h2 class="pt-10">
Subject Matter Expert (SME) Support
</h2>
<div class="container section-container">
<div class="row text-left justify-content-center">
<div class="col-xs-12 col-xl-8">
<div class="row">
<div class="col-md-6 px-md-8 pt-md-0">
<h3 class="pl-0">
YOUR TEAMS WILL INTERFACE DIRECTLY WITH THESE ENGINEERS
</h3>
<div class="pt-4">
<h4 class="mx-0 pl-0">DEVOPS ENGINEERS</h4>
<p>
Helps set up your
<Tooltip
text="CI/CD"
tooltip="Continuous Integration / Continuous Delivery"
/>
pipelines and tailors them to fit your project while
providing support during your application deployments.
</p>
</div>
<div class="pt-4">
<h4 class="mx-0 pl-0">CYBERSECURITY ENGINEERS</h4>
<p>
Conducts your
<Tooltip text="CtF" tooltip="Certificate to Field" />
assessment and helps link your tools to your SD elements.
</p>
</div>
<div class="pt-4">
<h4 class="mx-0 pl-0">THE PLATFORM ONE CISO</h4>
<p>
Issues your
<Tooltip text="CtF" tooltip="Certificate to Field" /> and
helps communicate with your AO should reciprocity
conversions need to take place.
</p>
</div>
<div class="pt-4">
<h4 class="mx-0 pl-0">IT OPS</h4>
<p>
Helps provision your accounts, elevate permissions, set up
new resources, and helps with any account discrepencies.
</p>
</div>
</div>
<div class="col-md-6 px-md-8 pt-4 pt-md-0">
<h3 class="pl-0">
THESE ENGINEERS ARE OPERATING IN THE BACKGROUND TO ENSURE YOUR
APPLICATION RUNS, CAN SCALE, AND IS SECURE
</h3>
<div class="pt-4">
<h4 class="mx-0 pl-0">CLOUD ENGINEERS</h4>
<p>
Works in the background to provide you a secure and scalable
multi-tenant solution.
</p>
</div>
<div class="pt-4">
<h4 class="mx-0 pl-0">SOFTWARE ENGINEERS</h4>
<p>
Constantly helps build out services for you to leverage.
<Tooltip text="SSO" tooltip="Single Sign-On" /> and
<Tooltip text="RBAC" tooltip="Role-Based Access Control" />
as a service - the latest offering they have delivered as
well as integrating numerous tools to accelerate your
development efforts.
</p>
</div>
<div class="pt-4">
<h4 class="mx-0 pl-0">PENETRATION TESTERS</h4>
<p>
Works constantly to ensure the platform and clusters are
secure by considering various attack vectors that ultimately
help to keep your application, and Party Bus, secure.
</p>
</div>
<div class="pt-4">
<h4 class="mx-0 pl-0">THE CONTAINER HARDENING TEAM</h4>
<p>
Comprised of a mix of cybersecurity, software, and IT
engineering providing hardened container images so you know
your application is built using DoD approved images.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</v-container>
<Wave class="mb-n16">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<h2 class="mx-auto">
FREQUENTLY ASKED QUESTIONS ABOUT ONBOARDING SESSIONS
</h2>
<p class="pt-4">
General information on what to expect, prepare for, and other
questions regarding cohorts and workshops.
</p>
</div>
<div class="col-12 mt-4">
<v-btn
class="mx-auto"
color="primary"
to="/products/abms-adce/onboarding/faqs"
>
GET ANSWERS
</v-btn>
</div>
</div>
</div>
</Wave>
</div>
</template>
<script>
import PageHeader from '@/components/PageHeader';
import Wave from '@/components/Wave';
import Tooltip from '@/components/Base/Tooltip';
export default {
name: 'ADCEOnboarding',
components: {
PageHeader,
Wave,
Tooltip,
},
data() {
return {
titleWithBreaks: ['Party Bus - ABMS ADCE', 'Onboarding'],
};
},
};
</script>
<style lang="scss">
.adce-onboarding {
.section-container {
margin-bottom: 2rem;
.registration-card {
background-color: $bottom-bg;
min-height: 350px;
color: white;
p {
color: white;
}
h4 {
color: white;
}
}
.registration-action {
margin-bottom: 30px;
h4 {
color: white;
}
}
}
}
</style>