Compare commits
No commits in common. "9a895c57ba7513dc2ef19f9054c59fcd88db65e7" and "feb7916fff2fb5ef646a187ae19ba77c04ef3e73" have entirely different histories.
9a895c57ba
...
feb7916fff
|
|
@ -2,12 +2,10 @@
|
|||
|
||||
namespace App\Http\Controllers;
|
||||
|
||||
use App\Mail\SendUniqueCode;
|
||||
use App\Models\BookingModel;
|
||||
use Carbon\Carbon;
|
||||
use Generator;
|
||||
use Illuminate\Http\Request;
|
||||
use Illuminate\Support\Facades\Mail;
|
||||
|
||||
class BookingController extends Controller
|
||||
{
|
||||
|
|
@ -89,14 +87,6 @@ public function store(Request $request)
|
|||
'unix_expired_time' => $tgl_request
|
||||
]);
|
||||
|
||||
Mail::to($request->email)->send(new SendUniqueCode(
|
||||
$request->nama_lengkap,
|
||||
$kode_unik,
|
||||
date('H:i:s', $tgl_request - 86399),
|
||||
date('H:i:s', $tgl_request),
|
||||
$request->tgl_booking,
|
||||
));
|
||||
|
||||
return response()->json([
|
||||
'status' => true,
|
||||
'msg' => 'Booking success!'
|
||||
|
|
|
|||
|
|
@ -7,22 +7,6 @@
|
|||
|
||||
class TestSessionsController extends Controller
|
||||
{
|
||||
public function getScreen(Request $request) {
|
||||
$data = TestSessionsModel::where('id_test_sessions', $request->id_test_sessions)->first();
|
||||
|
||||
if($data != null) {
|
||||
return response()->json([
|
||||
'status' => true,
|
||||
'screen_w' => $data->screen_w,
|
||||
'screen_h' => $data->screen_h
|
||||
]);
|
||||
} else {
|
||||
return response()->json([
|
||||
'status' => false,
|
||||
'msg' => 'Data tidak ditemukan!'
|
||||
]);
|
||||
}
|
||||
}
|
||||
/**
|
||||
* Display a listing of the resource.
|
||||
*/
|
||||
|
|
@ -52,8 +36,6 @@ public function store(Request $request)
|
|||
'id_booking' => $request->id_booking,
|
||||
'status_session' => '0',
|
||||
'is_active' => '0',
|
||||
'screen_w' => $request->screen_w,
|
||||
'screen_h' => $request->screen_h
|
||||
]);
|
||||
|
||||
return redirect()->route('tutorial-tes.index')->with([
|
||||
|
|
|
|||
|
|
@ -1,62 +0,0 @@
|
|||
<?php
|
||||
|
||||
namespace App\Mail;
|
||||
|
||||
use Illuminate\Bus\Queueable;
|
||||
use Illuminate\Contracts\Queue\ShouldQueue;
|
||||
use Illuminate\Mail\Mailable;
|
||||
use Illuminate\Mail\Mailables\Attachment;
|
||||
use Illuminate\Mail\Mailables\Content;
|
||||
use Illuminate\Mail\Mailables\Envelope;
|
||||
use Illuminate\Queue\SerializesModels;
|
||||
|
||||
class SendUniqueCode extends Mailable
|
||||
{
|
||||
use Queueable, SerializesModels;
|
||||
|
||||
|
||||
/**
|
||||
* Create a new message instance.
|
||||
*/
|
||||
public function __construct(public string $name, public string $code, public string $startExpirationTime, public string $endExpirationTime, public string $tglExpired)
|
||||
{
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
* Get the message envelope.
|
||||
*/
|
||||
public function envelope(): Envelope
|
||||
{
|
||||
return new Envelope(
|
||||
subject: 'Selamat datang di Smart Anxiety',
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* Get the message content definition.
|
||||
*/
|
||||
public function content(): Content
|
||||
{
|
||||
return new Content(
|
||||
view: 'layouts.mail-send-code',
|
||||
with: [
|
||||
'code' => $this->code,
|
||||
'name' => $this->name,
|
||||
'startExpirationTime' => $this->startExpirationTime,
|
||||
'endExpirationTime' => $this->endExpirationTime,
|
||||
'tglExpired' => $this->tglExpired
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* Get the attachments for the message.
|
||||
*
|
||||
* @return array<int, Attachment>
|
||||
*/
|
||||
public function attachments(): array
|
||||
{
|
||||
return [];
|
||||
}
|
||||
}
|
||||
|
|
@ -21,8 +21,6 @@ class TestSessionsModel extends Model
|
|||
'unix_start_time',
|
||||
'is_active',
|
||||
'unix_end_time',
|
||||
'screen_w',
|
||||
'screen_h'
|
||||
];
|
||||
|
||||
protected $casts = [
|
||||
|
|
|
|||
|
|
@ -1,30 +0,0 @@
|
|||
<?php
|
||||
|
||||
use Illuminate\Database\Migrations\Migration;
|
||||
use Illuminate\Database\Schema\Blueprint;
|
||||
use Illuminate\Support\Facades\Schema;
|
||||
|
||||
return new class extends Migration
|
||||
{
|
||||
/**
|
||||
* Run the migrations.
|
||||
*/
|
||||
public function up(): void
|
||||
{
|
||||
Schema::table('test_sessions', function (Blueprint $table) {
|
||||
$table->char('screen_w', 20)->after('unix_end_time');
|
||||
$table->char('screen_h', 20)->after('screen_w');
|
||||
});
|
||||
}
|
||||
|
||||
/**
|
||||
* Reverse the migrations.
|
||||
*/
|
||||
public function down(): void
|
||||
{
|
||||
Schema::table('test_sessions', function (Blueprint $table) {
|
||||
$table->dropColumn('screen_w');
|
||||
$table->dropColumn('screen_h');
|
||||
});
|
||||
}
|
||||
};
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 52 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 59 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 214 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 54 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 25 KiB |
|
|
@ -1,273 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="id">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Kode Unik Anda</title>
|
||||
<style>
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
||||
/* background: linear-gradient(135deg, #84cc16 0%, #65a30d 100%); */
|
||||
padding: 40px 20px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.email-container {
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
background: #ffffff;
|
||||
border-radius: 16px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.header {
|
||||
background: linear-gradient(135deg, #1e3ce6 0%, #b0b8ff 100%);
|
||||
padding: 40px 30px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.header h1 {
|
||||
color: #ffffff;
|
||||
font-size: 28px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.header p {
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding: 50px 40px;
|
||||
}
|
||||
|
||||
.greeting {
|
||||
font-size: 24px;
|
||||
color: #2d3748;
|
||||
font-weight: 600;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.message {
|
||||
color: #4a5568;
|
||||
font-size: 16px;
|
||||
margin-bottom: 30px;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.button-container {
|
||||
text-align: center;
|
||||
margin: 40px 0;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.reset-button {
|
||||
display: inline-block;
|
||||
background: linear-gradient(135deg, #84cc16 0%, #65a30d 100%);
|
||||
color: #ffffff !important;
|
||||
padding: 16px 48px;
|
||||
text-decoration: none;
|
||||
border-radius: 12px;
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
box-shadow: 0 10px 25px rgba(132, 204, 22, 0.4);
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.reset-button:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 15px 35px rgba(132, 204, 22, 0.5);
|
||||
}
|
||||
|
||||
.info-box {
|
||||
background: #f7fee7;
|
||||
border-left: 4px solid #7065ff;
|
||||
padding: 20px;
|
||||
border-radius: 8px;
|
||||
margin: 30px 0;
|
||||
}
|
||||
|
||||
.info-box .code {
|
||||
background: #f7fee7;
|
||||
border-left: 4px solid #7065ff;
|
||||
padding: 20px;
|
||||
border-radius: 8px;
|
||||
margin: 30px 0;
|
||||
}
|
||||
|
||||
.info-box p {
|
||||
color: #4a5568;
|
||||
font-size: 14px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.info-box strong {
|
||||
color: #2d3748;
|
||||
}
|
||||
|
||||
.warning {
|
||||
background: #fff5f5;
|
||||
border-left: 4px solid #f56565;
|
||||
padding: 15px;
|
||||
border-radius: 8px;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.warning p {
|
||||
color: #742a2a;
|
||||
font-size: 14px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.alternative-link {
|
||||
background: #edf2f7;
|
||||
padding: 20px;
|
||||
border-radius: 8px;
|
||||
margin: 30px 0;
|
||||
}
|
||||
|
||||
.alternative-link p {
|
||||
color: #4a5568;
|
||||
font-size: 13px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.alternative-link a {
|
||||
color: #84cc16;
|
||||
word-break: break-all;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
background: #2d3748;
|
||||
padding: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.footer p {
|
||||
color: #a0aec0;
|
||||
font-size: 14px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.footer .company-name {
|
||||
color: #ffffff;
|
||||
font-weight: 600;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.social-links {
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.social-links a {
|
||||
display: inline-block;
|
||||
margin: 0 10px;
|
||||
color: #a0aec0;
|
||||
text-decoration: none;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.social-links a:hover {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 600px) {
|
||||
body {
|
||||
padding: 20px 10px;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding: 30px 20px;
|
||||
}
|
||||
|
||||
.header {
|
||||
padding: 30px 20px;
|
||||
}
|
||||
|
||||
.header h1 {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.greeting {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.reset-button {
|
||||
padding: 14px 36px;
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="email-container">
|
||||
<!-- Header -->
|
||||
<div class="header">
|
||||
<div class="logo">
|
||||
|
||||
</div>
|
||||
<h1>Smart Anxiety</h1>
|
||||
<p>Sistem Pendeteksi Kecemasan</p>
|
||||
</div>
|
||||
|
||||
<!-- Content -->
|
||||
<div class="content">
|
||||
<h2 class="greeting">Halo! 👋</h2>
|
||||
|
||||
<p class="message">
|
||||
🔑 Berikut adalah kode unik Anda untuk verifikasi booking:
|
||||
</p>
|
||||
|
||||
<div class="info-box code">
|
||||
<h1 style="text-align: center">{{ $code }}</h1>
|
||||
</div>
|
||||
|
||||
<div class="info-box">
|
||||
<p><strong>⏰ Penting:</strong> Kode unik ini akan berlaku pada tanggal <strong>{{ $tglExpired }}</strong>, dari jam <strong>{{ $startExpirationTime }}</strong> sampai <strong>{{ $endExpirationTime }}</strong></p>
|
||||
</div>
|
||||
|
||||
{{-- <div class="warning">
|
||||
<p><strong>⚠️ Tidak meminta reset password?</strong> Abaikan email ini dan tidak ada perubahan yang akan
|
||||
dilakukan pada akun Anda.</p>
|
||||
</div> --}}
|
||||
|
||||
{{-- <div class="alternative-link">
|
||||
<p><strong>Mengalami masalah dengan tombol di atas?</strong></p>
|
||||
<p>Salin dan tempel URL berikut ke browser Anda:</p>
|
||||
<a href="{{ $url }}">{{ $url }}</a>
|
||||
</div> --}}
|
||||
|
||||
<p class="message" style="margin-top: 40px; font-size: 14px; color: #718096;">
|
||||
Salam hangat,<br>
|
||||
<strong>Tim Smart Anxiety</strong>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- Footer -->
|
||||
<div class="footer">
|
||||
<p class="company-name">Smart Anxiety</p>
|
||||
<p>Email ini dikirim secara otomatis, mohon tidak membalas email ini.</p>
|
||||
<p style="margin-top: 20px; font-size: 12px;">
|
||||
© {{ date('Y') }} Smart Anxiety. All rights reserved.
|
||||
</p>
|
||||
<div class="social-links">
|
||||
<a href="#">Bantuan</a> •
|
||||
<a href="#">Kebijakan Privasi</a> •
|
||||
<a href="#">Syarat & Ketentuan</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -8,22 +8,23 @@
|
|||
<div class="col-lg-5">
|
||||
<div class="brand-section">
|
||||
<a href="index.html" class="logo d-flex align-items-center mb-4">
|
||||
<span class="sitename">{{ env('APP_NAME') }}</span>
|
||||
<span class="sitename">Clinic</span>
|
||||
</a>
|
||||
<p class="brand-description">Sistem berbasis web yang membantu proses asesmen kecemasan melalui analisis pergerakan pupil mata menggunakan teknologi eye-tracking dan machine learning.</p>
|
||||
<p class="brand-description">Crafting exceptional digital experiences through thoughtful design and
|
||||
innovative solutions that elevate your brand presence.</p>
|
||||
|
||||
<div class="contact-info mt-5">
|
||||
<div class="contact-item">
|
||||
<i class="bi bi-geo-alt"></i>
|
||||
<span>Politeknik Negeri Jember, Jurusan Teknologi Informasi, Jl. Mastrip, Krajan Timur, Sumbersari, Kec. Sumbersari, Kabupaten Jember, Jawa Timur</span>
|
||||
<span>123 Creative Boulevard, Design District, NY 10012</span>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<i class="bi bi-telephone"></i>
|
||||
<span>+62 8233 7341 446</span>
|
||||
<span>+1 (555) 987-6543</span>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<i class="bi bi-envelope"></i>
|
||||
<span>e31231392@student.polije.ac.id</span>
|
||||
<span>hello@designstudio.com</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -33,32 +34,65 @@
|
|||
<div class="footer-nav-wrapper">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-6 col-lg-5">
|
||||
<div class="col-6 col-lg-3">
|
||||
<div class="nav-column">
|
||||
<h6>Informasi</h6>
|
||||
<h6>Studio</h6>
|
||||
<nav class="footer-nav">
|
||||
<a href="https://maps.app.goo.gl/mLViMQhvs2KUq6An9" target="_blank">Politeknik Negeri Jember</a>
|
||||
<a href="https://maps.app.goo.gl/2FpPBrs67Akm4PMZ9" target="_blank">Jurusan Teknologi Informasi</a>
|
||||
<a href="https://jti.polije.ac.id/lab/ksi" target="_blank">Lab. Komputasi Sistem Informasi</a>
|
||||
<a href="https://maps.app.goo.gl/C3eKW5gSoKqCTRYq8" target="_blank">Poliklinik Politeknik Negeri Jember</a>
|
||||
<a href="#!">Our Story</a>
|
||||
<a href="#!">Design Process</a>
|
||||
<a href="#!">Portfolio</a>
|
||||
<a href="#!">Case Studies</a>
|
||||
<a href="#!">Awards</a>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-6 col-lg-5">
|
||||
<div class="col-6 col-lg-3">
|
||||
<div class="nav-column">
|
||||
<h6>Contact Person</h6>
|
||||
<h6>Services</h6>
|
||||
<nav class="footer-nav">
|
||||
<a href="mailto:khafid@polije.ac.id" target="_blank">Khafidurrohman Agustianto, S.Pd, M.Eng</a>
|
||||
<a href="mailto:myoga.bahtiar@gmail.com" target="_blank">Mahayoga Ksatria Hanafi Bahtiar</a>
|
||||
<a href="#!">Brand Identity</a>
|
||||
<a href="#!">Web Design</a>
|
||||
<a href="#!">Mobile Apps</a>
|
||||
<a href="#!">Digital Strategy</a>
|
||||
<a href="#!">Consultation</a>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-6 col-lg-3">
|
||||
<div class="nav-column">
|
||||
<h6>Resources</h6>
|
||||
<nav class="footer-nav">
|
||||
<a href="#!">Design Blog</a>
|
||||
<a href="#!">Style Guide</a>
|
||||
<a href="#!">Free Assets</a>
|
||||
<a href="#!">Tutorials</a>
|
||||
<a href="#!">Inspiration</a>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-6 col-lg-3">
|
||||
<div class="nav-column">
|
||||
<h6>Connect</h6>
|
||||
<nav class="footer-nav">
|
||||
<a href="#!">Start Project</a>
|
||||
<a href="#!">Schedule Call</a>
|
||||
<a href="#!">Join Newsletter</a>
|
||||
<a href="#!">Follow Updates</a>
|
||||
<a href="#!">Partnership</a>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="footer-bottom">
|
||||
|
|
@ -68,7 +102,7 @@
|
|||
|
||||
<div class="col-lg-6">
|
||||
<div class="copyright">
|
||||
<p>© <span class="sitename">{{ env('APP_NAME') }}</span>. All rights reserved.</p>
|
||||
<p>© <span class="sitename">Clinic</span>. All rights reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -78,7 +112,11 @@
|
|||
<a href="#!">Terms of Service</a>
|
||||
<a href="#!">Cookie Policy</a>
|
||||
<div class="credits">
|
||||
Designed by <a href="https://github.com/Mahayoga" target="_blank">Mahayoga</a>. Distributed by <a href="https://jti.polije.ac.id/lab/ksi" target="_blank">Lab. Komputasi Sistem Informasi</a>
|
||||
<!-- All the links in the footer should remain intact. -->
|
||||
<!-- You can delete the links only if you've purchased the pro version. -->
|
||||
<!-- Licensing information: https://bootstrapmade.com/license/ -->
|
||||
<!-- Purchase the pro version with working PHP/AJAX contact form: [buy-url] -->
|
||||
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>. Distributed by <a href="https://themewagon.com" target="_blank">ThemeWagon</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -5,12 +5,12 @@
|
|||
<div class="contact-info d-flex align-items-center">
|
||||
<i class="bi bi-envelope d-flex align-items-center"><a
|
||||
href="mailto:e31231392@student.polije.ac.id">e31231392@student.polije.ac.id</a></i>
|
||||
<a href="https://wa.me/6282337341446" target="_blank"><i class="bi bi-phone d-flex align-items-center ms-4"><span>+62 8233 7341 446</span></i></a>
|
||||
<i class="bi bi-phone d-flex align-items-center ms-4"><span>+62 8233 7341 446</span></i>
|
||||
</div>
|
||||
<div class="social-links d-none d-md-flex align-items-center">
|
||||
<a href="https://github.com/Mahayoga" class="twitter"><i class="bi bi-github"></i></a>
|
||||
<a href="https://www.instagram.com/_myoga.exe.zip/" class="instagram"><i class="bi bi-instagram"></i></a>
|
||||
<a href="https://discord.com/users/681789849342050304" class="linkedin"><i class="bi bi-discord"></i></a>
|
||||
<a href="#!" class="twitter"><i class="bi bi-github"></i></a>
|
||||
<a href="#!" class="instagram"><i class="bi bi-instagram"></i></a>
|
||||
<a href="#!" class="linkedin"><i class="bi bi-discord"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- End Top Bar -->
|
||||
|
|
@ -21,16 +21,16 @@
|
|||
<a href="{{ route('beranda.index') }}" class="logo d-flex align-items-center">
|
||||
<!-- Uncomment the line below if you also wish to use an image logo -->
|
||||
<!-- <img src="assets/img/logo.webp" alt=""> -->
|
||||
<h1 class="sitename">{{ env('APP_NAME') }}</h1>
|
||||
<h1 class="sitename">Smart Anxiety</h1>
|
||||
</a>
|
||||
|
||||
<nav id="navmenu" class="navmenu">
|
||||
<ul>
|
||||
<li><a href="{{ route('beranda.index') }}" class="{{ request()->routeIs('beranda.index') ? 'active' : '' }}">Home</a></li>
|
||||
<li><a href="{{ route('beranda.about') }}" class="{{ request()->routeIs('beranda.about') ? 'active' : '' }}">About</a></li>
|
||||
<li><a href="{{ route('beranda.about') }}#system-architecture-tabs" class="">System Architecture</a></li>
|
||||
<li><a href="{{ route('cek-status.index') }}" class="{{ request()->routeIs('cek-status.index') ? 'active' : '' }}">Cek Status</a></li>
|
||||
<li><a href="#footer">Contact</a></li>
|
||||
<li><a href="{{ route('beranda.index') }}" class="active">Home</a></li>
|
||||
<li><a href="{{ route('beranda.about') }}">About</a></li>
|
||||
<li><a href="{{ route('beranda.about') }}#system-architecture-tabs">System Architecture</a></li>
|
||||
<li><a href="{{ route('cek-status.index') }}">Cek Status</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
@if (session('is_logged_in'))
|
||||
<li class="dropdown"><a href="#"><span>{{ Auth::user()->name }}</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
|
||||
<ul>
|
||||
|
|
|
|||
|
|
@ -40,7 +40,7 @@
|
|||
|
||||
<div class="col-lg-6" data-aos="fade-left" data-aos-delay="200">
|
||||
<div class="image-wrapper">
|
||||
<img src="{{ asset('assets/users/assets/img/tobii_eye_tracker_device.webp') }}" class="img-fluid main-image" alt="Healthcare facility">
|
||||
<img src="{{ asset('assets/users/assets/img/health/facilities-6.webp') }}" class="img-fluid main-image" alt="Healthcare facility">
|
||||
</div><!-- End Image Wrapper -->
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -48,7 +48,7 @@
|
|||
<div class="row align-items-center my-5">
|
||||
<div class="col-lg-6" data-aos="fade-left" data-aos-delay="200">
|
||||
<div class="image-wrapper">
|
||||
<img src="{{ asset('assets/users/assets/img/gangguan-cemas-menyeluruh.jpg') }}" class="img-fluid main-image" alt="Healthcare facility">
|
||||
<img src="{{ asset('assets/users/assets/img/health/facilities-6.webp') }}" class="img-fluid main-image" alt="Healthcare facility">
|
||||
</div><!-- End Image Wrapper -->
|
||||
</div>
|
||||
|
||||
|
|
@ -72,40 +72,40 @@
|
|||
<div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="100">
|
||||
<div class="value-item">
|
||||
<div class="value-icon">
|
||||
<i class="bi bi-eye"></i>
|
||||
<i class="bi bi-heart-pulse"></i>
|
||||
</div>
|
||||
<h4>Eye Movement Monitoring</h4>
|
||||
<p>Memantau pergerakan mata dan pola fokus pengguna selama proses asesmen berlangsung.</p>
|
||||
<h4>Compassion</h4>
|
||||
<p>Membantu tenaga profesional dalam proses asesmen kecemasan</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="200">
|
||||
<div class="value-item">
|
||||
<div class="value-icon">
|
||||
<i class="bi bi-activity"></i>
|
||||
<i class="bi bi-clipboard-data"></i>
|
||||
</div>
|
||||
<h4>Anxiety Estimation</h4>
|
||||
<p>Menganalisis tingkat kecemasan berdasarkan data visual menggunakan model machine learning.</p>
|
||||
<h4>Excellence</h4>
|
||||
<p>Menyediakan analisis berbasis data terhadap respon visual pasien</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="300">
|
||||
<div class="value-item">
|
||||
<div class="value-icon">
|
||||
<i class="bi bi-clipboard2-pulse"></i>
|
||||
<i class="bi bi-flask"></i>
|
||||
</div>
|
||||
<h4>Decision Support</h4>
|
||||
<p>Membantu tenaga profesional dalam proses evaluasi kondisi psikologis pengguna.</p>
|
||||
<h4>Integrity</h4>
|
||||
<p>Menyajikan hasil estimasi tingkat kecemasan secara sistematis</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="400">
|
||||
<div class="value-item">
|
||||
<div class="value-icon">
|
||||
<i class="bi bi-display"></i>
|
||||
<i class="bi bi-regex"></i>
|
||||
</div>
|
||||
<h4>Real-Time Visualization</h4>
|
||||
<p>Menampilkan hasil analisis dan aktivitas visual pengguna secara real-time pada dashboard.</p>
|
||||
<h4>Innovation</h4>
|
||||
<p>Mendukung proses pengambilan keputusan selama konsultasi</p>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- End Values Row -->
|
||||
|
|
@ -123,40 +123,40 @@
|
|||
<div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="100">
|
||||
<div class="value-item">
|
||||
<div class="value-icon">
|
||||
<i class="bi bi-camera-video"></i>
|
||||
<i class="bi bi-eye"></i>
|
||||
</div>
|
||||
<h4>Eye Tracking Capture</h4>
|
||||
<p>Kamera atau eye tracker menangkap koordinat dan pergerakan pupil pengguna.</p>
|
||||
<h4>Compassion</h4>
|
||||
<p>Kamera menangkap pergerakan pupil pengguna</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="300">
|
||||
<div class="value-item">
|
||||
<div class="value-icon">
|
||||
<i class="bi bi-bar-chart-steps"></i>
|
||||
</div>
|
||||
<h4>Integrity</h4>
|
||||
<p>Fitur pergerakan mata diekstraksi</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="400">
|
||||
<div class="value-item">
|
||||
<div class="value-icon">
|
||||
<i class="bi bi-cpu"></i>
|
||||
</div>
|
||||
<h4>Data Processing</h4>
|
||||
<p>Data gaze dan pergerakan mata diproses menjadi fitur analisis.</p>
|
||||
<h4>Innovation</h4>
|
||||
<p>Model machine learning melakukan klasifikasi</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="400">
|
||||
<div class="value-item">
|
||||
<div class="value-icon">
|
||||
<i class="bi bi-cpu-fill"></i>
|
||||
<i class="bi bi-easel"></i>
|
||||
</div>
|
||||
<h4>Machine Learning Classification</h4>
|
||||
<p>Model machine learning melakukan klasifikasi tingkat kecemasan berdasarkan pola visual.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="400">
|
||||
<div class="value-item">
|
||||
<div class="value-icon">
|
||||
<i class="bi bi-layout-text-window-reverse"></i>
|
||||
</div>
|
||||
<h4>Result Visualization</h4>
|
||||
<p>Hasil estimasi kecemasan ditampilkan dalam bentuk dashboard dan visualisasi data.</p>
|
||||
<h4>Innovation</h4>
|
||||
<p>Hasil estimasi kecemasan ditampilkan pada dashboard</p>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- End Values Row -->
|
||||
|
|
@ -183,19 +183,19 @@
|
|||
data-aos-delay="400">
|
||||
<a class="nav-link department-tab active" id="neurology-tab" data-bs-toggle="pill"
|
||||
href="#camera-tabs" role="tab" aria-controls="camera-tabs"
|
||||
aria-selected="true" data-aos="fade-up" data-aos-delay="100">Facial Analysis</a>
|
||||
aria-selected="true" data-aos="fade-up" data-aos-delay="100">Camera</a>
|
||||
<a class="nav-link department-tab" id="surgery-tab" data-bs-toggle="pill"
|
||||
href="#eye-detection-tabs" role="tab" aria-controls="eye-detection-tabs"
|
||||
aria-selected="false" data-aos="fade-up" data-aos-delay="150">Gaze Tracking</a>
|
||||
aria-selected="false" data-aos="fade-up" data-aos-delay="150">Eye Detection</a>
|
||||
<a class="nav-link department-tab" id="dental-tab" data-bs-toggle="pill"
|
||||
href="#departments-tabs-dental" role="tab" aria-controls="departments-tabs-dental"
|
||||
aria-selected="false" data-aos="fade-up" data-aos-delay="200">Analytics</a>
|
||||
aria-selected="false" data-aos="fade-up" data-aos-delay="200">Feature Extraction</a>
|
||||
<a class="nav-link department-tab" id="ophthalmology-tab" data-bs-toggle="pill"
|
||||
href="#departments-tabs-ophthalmology" role="tab" aria-controls="departments-tabs-ophthalmology"
|
||||
aria-selected="false" data-aos="fade-up" data-aos-delay="250">AI Assessment</a>
|
||||
aria-selected="false" data-aos="fade-up" data-aos-delay="250">ML Prediction</a>
|
||||
<a class="nav-link department-tab" id="cardiology-tab" data-bs-toggle="pill"
|
||||
href="#departments-tabs-cardiology" role="tab" aria-controls="departments-tabs-cardiology"
|
||||
aria-selected="false" data-aos="fade-up" data-aos-delay="300">Technologies</a>
|
||||
aria-selected="false" data-aos="fade-up" data-aos-delay="300">Result</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -214,53 +214,51 @@
|
|||
</div>
|
||||
<div class="col-lg-8 order-lg-1">
|
||||
<div class="department-info">
|
||||
<h2 class="department-title">Facial Expression Analysis</h2>
|
||||
<p class="department-description">
|
||||
Kamera digunakan untuk menangkap ekspresi wajah dan pergerakan pengguna selama proses asesmen berlangsung.
|
||||
Data visual ini digunakan sebagai sumber analisis tambahan untuk membantu model machine learning dalam mengestimasi tingkat kecemasan pengguna.
|
||||
</p>
|
||||
<h2 class="department-title">Camera</h2>
|
||||
<p class="department-description">Kamera digunakan pada sistem ini untuk menangkap dan merekam pergerakan pengguna sebagai referensi kedua dari 'eye tracking'. Data dari rekaman kamera ini akan digunakan untuk menjadikan ekspresi muka sebagai bobot kedua dari menentukan kecemasan.</p>
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col-md-6">
|
||||
<div class="service-item">
|
||||
<div class="service-icon">
|
||||
<i class="bi bi-person-bounding-box"></i>
|
||||
<i class="fas fa-brain"></i>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
<h4>Face Detection</h4>
|
||||
<p>Sistem mendeteksi area wajah pengguna secara real-time selama asesmen berlangsung.</p>
|
||||
<h4>Brain Monitoring</h4>
|
||||
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="service-item">
|
||||
<div class="service-icon">
|
||||
<i class="bi bi-eye"></i>
|
||||
<i class="fas fa-wave-square"></i>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
<h4>Eye Movement Tracking</h4>
|
||||
<p>Pergerakan mata dan titik fokus pengguna dianalisis untuk memperoleh pola visual.</p>
|
||||
<h4>EEG Testing</h4>
|
||||
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="service-item">
|
||||
<div class="service-icon">
|
||||
<i class="bi bi-emoji-neutral"></i>
|
||||
<i class="fas fa-stethoscope"></i>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
<h4>Emotion Observation</h4>
|
||||
<p>Ekspresi wajah digunakan sebagai indikator tambahan dalam analisis kecemasan.</p>
|
||||
<h4>Neurological Exam</h4>
|
||||
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="service-item">
|
||||
<div class="service-icon">
|
||||
<i class="bi bi-cpu"></i>
|
||||
<i class="fas fa-file-medical"></i>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
<h4>AI Classification</h4>
|
||||
<p>Model machine learning melakukan estimasi tingkat kecemasan berdasarkan data visual pengguna.</p>
|
||||
<h4>Treatment Plans</h4>
|
||||
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -279,54 +277,53 @@
|
|||
</div>
|
||||
<div class="col-lg-8 order-lg-1">
|
||||
<div class="department-info">
|
||||
<h2 class="department-title">Eye Tracking Analysis</h2>
|
||||
<p class="department-description">
|
||||
Sistem melakukan analisis pergerakan mata pengguna menggunakan teknologi eye tracking untuk memperoleh pola perhatian visual selama proses asesmen.
|
||||
Data gaze yang diperoleh digunakan sebagai fitur utama dalam proses estimasi tingkat kecemasan berbasis machine learning.
|
||||
<h2 class="department-title">Eye Detection</h2>
|
||||
<p class="department-description">Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut
|
||||
odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
|
||||
</p>
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col-md-6">
|
||||
<div class="service-item">
|
||||
<div class="service-icon">
|
||||
<i class="bi bi-eye"></i>
|
||||
<i class="fas fa-cut"></i>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
<h4>Gaze Tracking</h4>
|
||||
<p>Sistem melacak arah pandangan dan titik fokus mata pengguna secara real-time.</p>
|
||||
<h4>Minimally Invasive</h4>
|
||||
<p>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="service-item">
|
||||
<div class="service-icon">
|
||||
<i class="bi bi-crosshair"></i>
|
||||
<i class="fas fa-tools"></i>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
<h4>Fixation Analysis</h4>
|
||||
<p>Durasi fokus pengguna pada area tertentu dianalisis untuk mendeteksi pola perhatian visual.</p>
|
||||
<h4>Advanced Procedures</h4>
|
||||
<p>Consectetur, adipisci velit, sed quia non numquam eius modi tempora.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="service-item">
|
||||
<div class="service-icon">
|
||||
<i class="bi bi-grid-3x3-gap"></i>
|
||||
<i class="fas fa-shield-alt"></i>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
<h4>Heatmap Visualization</h4>
|
||||
<p>Pergerakan mata divisualisasikan dalam bentuk heatmap untuk melihat distribusi perhatian pengguna.</p>
|
||||
<h4>Safe Operations</h4>
|
||||
<p>Incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="service-item">
|
||||
<div class="service-icon">
|
||||
<i class="bi bi-cpu"></i>
|
||||
<i class="fas fa-clock"></i>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
<h4>AI-Based Classification</h4>
|
||||
<p>Model machine learning mengklasifikasikan tingkat kecemasan berdasarkan pola gaze pengguna.</p>
|
||||
<h4>Recovery Support</h4>
|
||||
<p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -345,54 +342,53 @@
|
|||
</div>
|
||||
<div class="col-lg-8 order-lg-1">
|
||||
<div class="department-info">
|
||||
<h2 class="department-title">Result Visualization</h2>
|
||||
<p class="department-description">
|
||||
Sistem menampilkan hasil analisis eye tracking dan estimasi kecemasan dalam bentuk visualisasi data interaktif secara real-time.
|
||||
Dashboard digunakan untuk membantu proses observasi, evaluasi, dan interpretasi hasil analisis pengguna.
|
||||
</p>
|
||||
<h2 class="department-title">Dental Care Department</h2>
|
||||
<p class="department-description">Suscipit laboriosam, nisi ut aliquid ex ea commodi
|
||||
consequatur. Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil
|
||||
molestiae.</p>
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col-md-6">
|
||||
<div class="service-item">
|
||||
<div class="service-icon">
|
||||
<i class="bi bi-grid-3x3-gap"></i>
|
||||
<i class="far fa-smile"></i>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
<h4>Heatmap Analytics</h4>
|
||||
<p>Visualisasi heatmap digunakan untuk melihat distribusi perhatian visual pengguna pada layar.</p>
|
||||
<h4>Oral Health</h4>
|
||||
<p>Consequatur aut perferendis doloribus asperiores repellat tempore.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="service-item">
|
||||
<div class="service-icon">
|
||||
<i class="bi bi-activity"></i>
|
||||
<i class="fas fa-tooth"></i>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
<h4>Real-Time Monitoring</h4>
|
||||
<p>Sistem memantau aktivitas pengguna dan data eye tracking secara langsung selama asesmen berlangsung.</p>
|
||||
<h4>Teeth Cleaning</h4>
|
||||
<p>Et harum quidem rerum facilis est et expedita distinctio nam libero.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="service-item">
|
||||
<div class="service-icon">
|
||||
<i class="bi bi-graph-up-arrow"></i>
|
||||
<i class="fas fa-star"></i>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
<h4>Anxiety Prediction</h4>
|
||||
<p>Model machine learning menghasilkan estimasi tingkat kecemasan berdasarkan pola visual pengguna.</p>
|
||||
<h4>Cosmetic Dentistry</h4>
|
||||
<p>Tempore cum soluta nobis est eligendi optio cumque nihil impedit quo minus.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="service-item">
|
||||
<div class="service-icon">
|
||||
<i class="bi bi-display"></i>
|
||||
<i class="fas fa-cog"></i>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
<h4>Interactive Dashboard</h4>
|
||||
<p>Seluruh hasil analisis divisualisasikan melalui dashboard interaktif yang mudah dipahami.</p>
|
||||
<h4>Orthodontics</h4>
|
||||
<p>Id quod maxime placeat facere possimus, omnis voluptas assumenda est.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -412,53 +408,52 @@
|
|||
</div>
|
||||
<div class="col-lg-8 order-lg-1">
|
||||
<div class="department-info">
|
||||
<h2 class="department-title">Behavioral Analysis</h2>
|
||||
<p class="department-description">
|
||||
Sistem menganalisis pola perilaku visual pengguna berdasarkan pergerakan mata, fokus perhatian, dan ekspresi wajah untuk membantu proses estimasi tingkat kecemasan secara lebih akurat.
|
||||
</p>
|
||||
<h2 class="department-title">Ophthalmology Department</h2>
|
||||
<p class="department-description">Omnis dolor repellendus temporibus autem quibusdam et aut
|
||||
officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae.</p>
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col-md-6">
|
||||
<div class="service-item">
|
||||
<div class="service-icon">
|
||||
<i class="bi bi-bullseye"></i>
|
||||
<i class="fas fa-eye"></i>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
<h4>Attention Analysis</h4>
|
||||
<p>Sistem mengevaluasi fokus dan perhatian visual pengguna selama proses asesmen berlangsung.</p>
|
||||
<h4>Vision Testing</h4>
|
||||
<p>Sint et voluptatum sint quia dolor sit amet consectetur adipiscing elit.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="service-item">
|
||||
<div class="service-icon">
|
||||
<i class="bi bi-emoji-neutral"></i>
|
||||
<i class="fas fa-camera"></i>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
<h4>Facial Behavior</h4>
|
||||
<p>Ekspresi wajah dianalisis untuk membantu mendeteksi perubahan perilaku emosional pengguna.</p>
|
||||
<h4>Retinal Imaging</h4>
|
||||
<p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="service-item">
|
||||
<div class="service-icon">
|
||||
<i class="bi bi-diagram-3"></i>
|
||||
<i class="fas fa-bolt"></i>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
<h4>Pattern Recognition</h4>
|
||||
<p>Model AI mengenali pola visual tertentu yang berkaitan dengan tingkat kecemasan pengguna.</p>
|
||||
<h4>Laser Surgery</h4>
|
||||
<p>Enim ad minim veniam quis nostrud exercitation ullamco laboris nisi.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="service-item">
|
||||
<div class="service-icon">
|
||||
<i class="bi bi-cpu"></i>
|
||||
<i class="fas fa-prescription-bottle"></i>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
<h4>AI Assessment</h4>
|
||||
<p>Machine learning menghasilkan estimasi tingkat kecemasan berdasarkan kombinasi data visual pengguna.</p>
|
||||
<h4>Eye Care Plans</h4>
|
||||
<p>Ut aliquip ex ea commodo consequat duis aute irure dolor in reprehenderit.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -478,53 +473,52 @@
|
|||
</div>
|
||||
<div class="col-lg-8 order-lg-1">
|
||||
<div class="department-info">
|
||||
<h2 class="department-title">Core Technologies</h2>
|
||||
<p class="department-description">
|
||||
Sistem dibangun menggunakan kombinasi teknologi eye tracking, machine learning, dan visualisasi data real-time untuk mendukung proses analisis kecemasan secara interaktif dan akurat.
|
||||
</p>
|
||||
<h2 class="department-title">Cardiology Department</h2>
|
||||
<p class="department-description">In voluptate velit esse cillum dolore eu fugiat nulla pariatur
|
||||
excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt.</p>
|
||||
|
||||
<div class="row mt-4">
|
||||
<div class="col-md-6">
|
||||
<div class="service-item">
|
||||
<div class="service-icon">
|
||||
<i class="bi bi-eye"></i>
|
||||
<i class="fas fa-heartbeat"></i>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
<h4>Eye Tracking Device</h4>
|
||||
<p>Perangkat eye tracker digunakan untuk menangkap koordinat dan pergerakan mata pengguna secara real-time.</p>
|
||||
<h4>Heart Monitoring</h4>
|
||||
<p>Mollit anim id est laborum sed ut perspiciatis unde omnis iste natus error.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="service-item">
|
||||
<div class="service-icon">
|
||||
<i class="bi bi-cpu"></i>
|
||||
<i class="fas fa-chart-line"></i>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
<h4>Machine Learning</h4>
|
||||
<p>Model AI menganalisis pola visual pengguna untuk menghasilkan estimasi tingkat kecemasan.</p>
|
||||
<h4>ECG Analysis</h4>
|
||||
<p>Sit voluptatem accusantium doloremque laudantium totam rem aperiam.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="service-item">
|
||||
<div class="service-icon">
|
||||
<i class="bi bi-wifi"></i>
|
||||
<i class="fas fa-tint"></i>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
<h4>Real-Time Communication</h4>
|
||||
<p>Teknologi WebSocket digunakan untuk mengirim data monitoring secara langsung dan responsif.</p>
|
||||
<h4>Blood Tests</h4>
|
||||
<p>Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="service-item">
|
||||
<div class="service-icon">
|
||||
<i class="bi bi-display"></i>
|
||||
<i class="fas fa-shield-heart"></i>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
<h4>Interactive Dashboard</h4>
|
||||
<p>Dashboard interaktif menampilkan visualisasi data, heatmap, dan hasil analisis AI secara real-time.</p>
|
||||
<h4>Preventive Care</h4>
|
||||
<p>Vitae dicta sunt explicabo nemo enim ipsam voluptatem quia voluptas sit.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -571,7 +565,7 @@
|
|||
</div>
|
||||
<div class="col-lg-2 col-md-3 col-sm-4 col-6" data-aos="zoom-in" data-aos-delay="400">
|
||||
<div class="certification-item">
|
||||
<img src="{{ asset('assets/users/assets/img/logo/node-js.png') }}" class="img-fluid" alt="Node.js Logo">
|
||||
<img src="{{ asset('assets/users/assets/img/logo/tensorflow_logo.webp') }}" class="img-fluid" alt="Tensorflow Logo">
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- End Certifications Row -->
|
||||
|
|
|
|||
|
|
@ -85,8 +85,6 @@
|
|||
<form action="" method="POST" id="result_test_form">
|
||||
@csrf
|
||||
<input type="hidden" name="id_booking" id="id_booking_input">
|
||||
<input type="hidden" name="screen_w" id="screen_w">
|
||||
<input type="hidden" name="screen_h" id="screen_h">
|
||||
<div class="row justify-content-center">
|
||||
<button type="button" class="btn btn-primary text-white fw-bold" onclick="startSessionTest()">Mulai Tes</button>
|
||||
</div>
|
||||
|
|
@ -261,8 +259,6 @@ function startSessionTest() {
|
|||
cancelButtonText: 'Nggak jadi deh'
|
||||
}).then((result) => {
|
||||
if(result.isConfirmed) {
|
||||
$('#screen_w').val(window.screen.width);
|
||||
$('#screen_h').val(window.screen.height);
|
||||
form.attr('action', url);
|
||||
form.submit();
|
||||
}
|
||||
|
|
|
|||
|
|
@ -79,8 +79,6 @@
|
|||
let heatmapContainer = null;
|
||||
let clientWidth = null;
|
||||
let clientHeight = null;
|
||||
let recordedScreenWidth = null
|
||||
let recordedScreenHeight = null
|
||||
let mappedHeatmapData = null;
|
||||
let scaleX = null;
|
||||
let scaleY = null;
|
||||
|
|
@ -190,14 +188,6 @@ function renderVelocityChart(timeseries) {
|
|||
|
||||
ws.onopen = () => {
|
||||
console.log("Connected to WebSocket");
|
||||
Swal.fire({
|
||||
title: 'Status',
|
||||
text: 'Memuat data...',
|
||||
icon: 'info',
|
||||
showConfirmButton: false,
|
||||
allowOutsideClick: false,
|
||||
allowEscapeKey: false
|
||||
});
|
||||
|
||||
ws.send(JSON.stringify({
|
||||
type: 'get_json_file',
|
||||
|
|
@ -209,43 +199,20 @@ function renderVelocityChart(timeseries) {
|
|||
if(data.type === 'json_file_data') {
|
||||
if(data.data != null) {
|
||||
data_tobii = data.data;
|
||||
let xhttp = new XMLHttpRequest();
|
||||
|
||||
xhttp.onreadystatechange = function() {
|
||||
if(this.readyState == 4 && this.status == 200) {
|
||||
let data = JSON.parse(this.responseText);
|
||||
if(data.status) {
|
||||
heatmapContainer = document.getElementById('heatmapChart');
|
||||
clientWidth = heatmapContainer.clientWidth;
|
||||
clientHeight = heatmapContainer.clientHeight;
|
||||
recordedScreenWidth = data.screen_w;
|
||||
recordedScreenHeight = data.screen_h;
|
||||
scaleX = clientWidth / recordedScreenWidth;
|
||||
scaleY = clientHeight / recordedScreenHeight;
|
||||
|
||||
heatmapInstance = h337.create({
|
||||
container: heatmapContainer,
|
||||
radius: 40,
|
||||
maxOpacity: 0.6,
|
||||
blur: 0.85
|
||||
});
|
||||
Swal.close();
|
||||
loadData(data_tobii);
|
||||
} else {
|
||||
Swal.fire({
|
||||
title: 'Error',
|
||||
text: 'Gagal mencari data, silahkan coba lagi nanti',
|
||||
icon: 'error',
|
||||
showConfirmButton: true,
|
||||
allowOutsideClick: false,
|
||||
allowEscapeKey: false
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
xhttp.open('GET', '{{ route('test-sessions.getScreen', ['id_test_sessions', $id_session]) }}', true);
|
||||
xhttp.send();
|
||||
heatmapContainer = document.getElementById('heatmapChart');
|
||||
clientWidth = heatmapContainer.clientWidth;
|
||||
clientHeight = heatmapContainer.clientHeight;
|
||||
scaleX = clientWidth / 1366;
|
||||
scaleY = clientHeight / 768;
|
||||
|
||||
heatmapInstance = h337.create({
|
||||
container: heatmapContainer,
|
||||
radius: 40,
|
||||
maxOpacity: 0.6,
|
||||
blur: 0.85
|
||||
});
|
||||
loadData(data_tobii);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@
|
|||
</p>
|
||||
|
||||
<div class="hero-actions" data-aos="fade-right" data-aos-delay="600">
|
||||
<a href="#appointment" class="btn btn-primary">Coba Sekarang</a>
|
||||
<a href="{{ route('beranda.about') }}" class="btn btn-primary">Learn About The System</a>
|
||||
<a href="https://www.youtube.com/watch?v=Y7f98aduVJ8" class="btn btn-outline glightbox">
|
||||
<i class="bi bi-archive me-2"></i>
|
||||
View Research
|
||||
|
|
@ -41,7 +41,30 @@
|
|||
<div class="col-lg-6">
|
||||
<div class="hero-visual" data-aos="fade-left" data-aos-delay="400">
|
||||
<div class="main-image">
|
||||
<img src="{{ asset('assets/users/assets/img/health/depresi_crop.jpg') }}" alt="Modern Healthcare Facility" class="img-fluid">
|
||||
<img src="{{ asset('assets/users/assets/img/health/staff-10.webp') }}" alt="Modern Healthcare Facility" class="img-fluid">
|
||||
<div class="floating-card appointment-card">
|
||||
<div class="card-icon">
|
||||
<i class="bi bi-calendar-check"></i>
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<h6>Next Available</h6>
|
||||
<p>Today 2:30 PM</p>
|
||||
<small>Dr. Sarah Johnson</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="floating-card rating-card">
|
||||
<div class="card-content">
|
||||
<div class="rating-stars">
|
||||
<i class="bi bi-star-fill"></i>
|
||||
<i class="bi bi-star-fill"></i>
|
||||
<i class="bi bi-star-fill"></i>
|
||||
<i class="bi bi-star-fill"></i>
|
||||
<i class="bi bi-star-fill"></i>
|
||||
</div>
|
||||
<h6>4.9/5</h6>
|
||||
<small>1,234 Reviews</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="background-elements">
|
||||
<div class="element element-1"></div>
|
||||
|
|
@ -73,7 +96,7 @@
|
|||
</p>
|
||||
|
||||
<div class="cta-section">
|
||||
<a href="{{ route('beranda.about') }}" class="btn-primary">Learn More About Us</a>
|
||||
<a href="about.html" class="btn-primary">Learn More About Us</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -81,7 +104,7 @@
|
|||
<div class="col-lg-6" data-aos="fade-left" data-aos-delay="300">
|
||||
<div class="about-visual">
|
||||
<div class="main-image">
|
||||
<img src="{{ asset('assets/users/assets/img/health/about.jpg') }}" alt="Modern medical facility" class="img-fluid">
|
||||
<img src="{{ asset('assets/users/assets/img/health/facilities-9.webp') }}" alt="Modern medical facility" class="img-fluid">
|
||||
</div>
|
||||
{{-- <div class="floating-card">
|
||||
<div class="card-content">
|
||||
|
|
@ -123,7 +146,7 @@
|
|||
<div class="service-image">
|
||||
<img src="{{ asset('assets/users/assets/img/health/cardiology-2.webp') }}" alt="Cardiology Services" class="img-fluid">
|
||||
<div class="service-overlay">
|
||||
<i class="fas fa-message"></i>
|
||||
<i class="fas fa-heartbeat"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
|
|
@ -146,7 +169,7 @@
|
|||
<div class="service-image">
|
||||
<img src="{{ asset('assets/users/assets/img/health/neurology-3.webp') }}" alt="Neurology Services" class="img-fluid">
|
||||
<div class="service-overlay">
|
||||
<i class="fas fa-face-rolling-eyes"></i>
|
||||
<i class="fas fa-brain"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
|
|
@ -169,7 +192,7 @@
|
|||
<div class="service-image">
|
||||
<img src="{{ asset('assets/users/assets/img/health/orthopedics-1.webp') }}" alt="Orthopedics Services" class="img-fluid">
|
||||
<div class="service-overlay">
|
||||
<i class="fas fa-chart-gantt"></i>
|
||||
<i class="fas fa-bone"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
|
|
@ -193,7 +216,7 @@
|
|||
<div class="service-image">
|
||||
<img src="{{ asset('assets/users/assets/img/health/pediatrics-4.webp') }}" alt="Pediatrics Services" class="img-fluid">
|
||||
<div class="service-overlay">
|
||||
<i class="fas fa-computer"></i>
|
||||
<i class="fas fa-child"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="service-content">
|
||||
|
|
@ -301,7 +324,7 @@
|
|||
<h1>Make an Appointment</h1>
|
||||
</div><!-- End Section Title -->
|
||||
|
||||
<div class="container" data-aos="fade-up" data-aos-delay="100" id="appointment">
|
||||
<div class="container" data-aos="fade-up" data-aos-delay="100">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-10 mx-auto">
|
||||
|
|
@ -317,8 +340,8 @@
|
|||
<i class="bi bi-calendar-check"></i>
|
||||
</div>
|
||||
<div class="step-content">
|
||||
<h4>Isi Data Diri</h4>
|
||||
<p>Mohon isi data diri Anda dengan lengkap</p>
|
||||
<h4>Select Service</h4>
|
||||
<p>Choose the medical service you need</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="step">
|
||||
|
|
@ -326,8 +349,8 @@
|
|||
<i class="bi bi-clock"></i>
|
||||
</div>
|
||||
<div class="step-content">
|
||||
<h4>Ambil Tanggal & Waktu</h4>
|
||||
<p>Pilih tanggal dan waktu yang paling cocok untuk Anda</p>
|
||||
<h4>Pick Date & Time</h4>
|
||||
<p>Select your preferred appointment slot</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="step">
|
||||
|
|
@ -335,8 +358,8 @@
|
|||
<i class="bi bi-person-check"></i>
|
||||
</div>
|
||||
<div class="step-content">
|
||||
<h4>Konfirmasi Detail</h4>
|
||||
<p>Periksa kembali semua detail yang telah Anda masukkan</p>
|
||||
<h4>Confirm Details</h4>
|
||||
<p>Provide your information and confirm</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -389,14 +412,7 @@
|
|||
<script>
|
||||
function sendAppointment() {
|
||||
$('#error_msg').hide();
|
||||
Swal.fire({
|
||||
title: "Loading",
|
||||
text: "Sedang memproses booking kamu, tunggu sebentar yaa!",
|
||||
icon: "info",
|
||||
showConfirmButton: false,
|
||||
allowOutsideClick: false
|
||||
});
|
||||
|
||||
|
||||
let name = $('#nama_lengkap').val();
|
||||
let email = $('#email').val();
|
||||
let no_telp = $('#no_telp').val();
|
||||
|
|
|
|||
|
|
@ -36,7 +36,6 @@
|
|||
Route::resource('cek-status', CekStatusController::class)->only(['index', 'show']);
|
||||
Route::resource('tutorial-tes', TutorialTesController::class)->only(['index']);
|
||||
Route::resource('test-sessions', TestSessionsController::class)->only(['store', 'show']);
|
||||
Route::get('test-sessions/get/screen', [TestSessionsController::class, 'getScreen'])->name('test-sessions.getScreen');;
|
||||
Route::resource('tobii-receiver', TobiiReceiverController::class)->only(['store', 'show']);
|
||||
Route::get('tobii-receiver/fetch/data/{id_test_sessions}', [TobiiReceiverController::class, 'fetchDataTobii'])->name('tobii-receiver.fetchData');
|
||||
Route::resource('ujian', HalamanUjianController::class);
|
||||
|
|
@ -57,14 +56,8 @@
|
|||
Route::resource('hasil_tes', HasilTesController::class);
|
||||
});
|
||||
|
||||
Route::get('email/test', function(Request $req) {
|
||||
return view('layouts.mail-send-code', [
|
||||
'code' => 'ABC123',
|
||||
'name' => 'Mahayoga',
|
||||
'startExpirationTime' => '09:00:00',
|
||||
'endExpirationTime' => '09:05:00',
|
||||
'tglExpired' => '2023-10-01'
|
||||
]);
|
||||
Route::get('api/eye/test', function(Request $req) {
|
||||
return $req->token;
|
||||
});
|
||||
|
||||
require __DIR__.'/auth.php';
|
||||
|
|
|
|||
Loading…
Reference in New Issue