Compare commits
No commits in common. "9a895c57ba7513dc2ef19f9054c59fcd88db65e7" and "feb7916fff2fb5ef646a187ae19ba77c04ef3e73" have entirely different histories.
9a895c57ba
...
feb7916fff
|
|
@ -2,12 +2,10 @@
|
||||||
|
|
||||||
namespace App\Http\Controllers;
|
namespace App\Http\Controllers;
|
||||||
|
|
||||||
use App\Mail\SendUniqueCode;
|
|
||||||
use App\Models\BookingModel;
|
use App\Models\BookingModel;
|
||||||
use Carbon\Carbon;
|
use Carbon\Carbon;
|
||||||
use Generator;
|
use Generator;
|
||||||
use Illuminate\Http\Request;
|
use Illuminate\Http\Request;
|
||||||
use Illuminate\Support\Facades\Mail;
|
|
||||||
|
|
||||||
class BookingController extends Controller
|
class BookingController extends Controller
|
||||||
{
|
{
|
||||||
|
|
@ -89,14 +87,6 @@ public function store(Request $request)
|
||||||
'unix_expired_time' => $tgl_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([
|
return response()->json([
|
||||||
'status' => true,
|
'status' => true,
|
||||||
'msg' => 'Booking success!'
|
'msg' => 'Booking success!'
|
||||||
|
|
|
||||||
|
|
@ -7,22 +7,6 @@
|
||||||
|
|
||||||
class TestSessionsController extends Controller
|
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.
|
* Display a listing of the resource.
|
||||||
*/
|
*/
|
||||||
|
|
@ -52,8 +36,6 @@ public function store(Request $request)
|
||||||
'id_booking' => $request->id_booking,
|
'id_booking' => $request->id_booking,
|
||||||
'status_session' => '0',
|
'status_session' => '0',
|
||||||
'is_active' => '0',
|
'is_active' => '0',
|
||||||
'screen_w' => $request->screen_w,
|
|
||||||
'screen_h' => $request->screen_h
|
|
||||||
]);
|
]);
|
||||||
|
|
||||||
return redirect()->route('tutorial-tes.index')->with([
|
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',
|
'unix_start_time',
|
||||||
'is_active',
|
'is_active',
|
||||||
'unix_end_time',
|
'unix_end_time',
|
||||||
'screen_w',
|
|
||||||
'screen_h'
|
|
||||||
];
|
];
|
||||||
|
|
||||||
protected $casts = [
|
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="col-lg-5">
|
||||||
<div class="brand-section">
|
<div class="brand-section">
|
||||||
<a href="index.html" class="logo d-flex align-items-center mb-4">
|
<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>
|
</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-info mt-5">
|
||||||
<div class="contact-item">
|
<div class="contact-item">
|
||||||
<i class="bi bi-geo-alt"></i>
|
<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>
|
||||||
<div class="contact-item">
|
<div class="contact-item">
|
||||||
<i class="bi bi-telephone"></i>
|
<i class="bi bi-telephone"></i>
|
||||||
<span>+62 8233 7341 446</span>
|
<span>+1 (555) 987-6543</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="contact-item">
|
<div class="contact-item">
|
||||||
<i class="bi bi-envelope"></i>
|
<i class="bi bi-envelope"></i>
|
||||||
<span>e31231392@student.polije.ac.id</span>
|
<span>hello@designstudio.com</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -33,32 +34,65 @@
|
||||||
<div class="footer-nav-wrapper">
|
<div class="footer-nav-wrapper">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
|
||||||
<div class="col-6 col-lg-5">
|
<div class="col-6 col-lg-3">
|
||||||
<div class="nav-column">
|
<div class="nav-column">
|
||||||
<h6>Informasi</h6>
|
<h6>Studio</h6>
|
||||||
<nav class="footer-nav">
|
<nav class="footer-nav">
|
||||||
<a href="https://maps.app.goo.gl/mLViMQhvs2KUq6An9" target="_blank">Politeknik Negeri Jember</a>
|
<a href="#!">Our Story</a>
|
||||||
<a href="https://maps.app.goo.gl/2FpPBrs67Akm4PMZ9" target="_blank">Jurusan Teknologi Informasi</a>
|
<a href="#!">Design Process</a>
|
||||||
<a href="https://jti.polije.ac.id/lab/ksi" target="_blank">Lab. Komputasi Sistem Informasi</a>
|
<a href="#!">Portfolio</a>
|
||||||
<a href="https://maps.app.goo.gl/C3eKW5gSoKqCTRYq8" target="_blank">Poliklinik Politeknik Negeri Jember</a>
|
<a href="#!">Case Studies</a>
|
||||||
|
<a href="#!">Awards</a>
|
||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-6 col-lg-5">
|
<div class="col-6 col-lg-3">
|
||||||
<div class="nav-column">
|
<div class="nav-column">
|
||||||
<h6>Contact Person</h6>
|
<h6>Services</h6>
|
||||||
<nav class="footer-nav">
|
<nav class="footer-nav">
|
||||||
<a href="mailto:khafid@polije.ac.id" target="_blank">Khafidurrohman Agustianto, S.Pd, M.Eng</a>
|
<a href="#!">Brand Identity</a>
|
||||||
<a href="mailto:myoga.bahtiar@gmail.com" target="_blank">Mahayoga Ksatria Hanafi Bahtiar</a>
|
<a href="#!">Web Design</a>
|
||||||
|
<a href="#!">Mobile Apps</a>
|
||||||
|
<a href="#!">Digital Strategy</a>
|
||||||
|
<a href="#!">Consultation</a>
|
||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
</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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="footer-bottom">
|
<div class="footer-bottom">
|
||||||
|
|
@ -68,7 +102,7 @@
|
||||||
|
|
||||||
<div class="col-lg-6">
|
<div class="col-lg-6">
|
||||||
<div class="copyright">
|
<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>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -78,7 +112,11 @@
|
||||||
<a href="#!">Terms of Service</a>
|
<a href="#!">Terms of Service</a>
|
||||||
<a href="#!">Cookie Policy</a>
|
<a href="#!">Cookie Policy</a>
|
||||||
<div class="credits">
|
<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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -5,12 +5,12 @@
|
||||||
<div class="contact-info d-flex align-items-center">
|
<div class="contact-info d-flex align-items-center">
|
||||||
<i class="bi bi-envelope d-flex align-items-center"><a
|
<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>
|
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>
|
||||||
<div class="social-links d-none d-md-flex align-items-center">
|
<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="#!" 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="#!" 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="linkedin"><i class="bi bi-discord"></i></a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div><!-- End Top Bar -->
|
</div><!-- End Top Bar -->
|
||||||
|
|
@ -21,16 +21,16 @@
|
||||||
<a href="{{ route('beranda.index') }}" class="logo d-flex align-items-center">
|
<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 -->
|
<!-- Uncomment the line below if you also wish to use an image logo -->
|
||||||
<!-- <img src="assets/img/logo.webp" alt=""> -->
|
<!-- <img src="assets/img/logo.webp" alt=""> -->
|
||||||
<h1 class="sitename">{{ env('APP_NAME') }}</h1>
|
<h1 class="sitename">Smart Anxiety</h1>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<nav id="navmenu" class="navmenu">
|
<nav id="navmenu" class="navmenu">
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="{{ route('beranda.index') }}" class="{{ request()->routeIs('beranda.index') ? 'active' : '' }}">Home</a></li>
|
<li><a href="{{ route('beranda.index') }}" class="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') }}">About</a></li>
|
||||||
<li><a href="{{ route('beranda.about') }}#system-architecture-tabs" class="">System Architecture</a></li>
|
<li><a href="{{ route('beranda.about') }}#system-architecture-tabs">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="{{ route('cek-status.index') }}">Cek Status</a></li>
|
||||||
<li><a href="#footer">Contact</a></li>
|
<li><a href="contact.html">Contact</a></li>
|
||||||
@if (session('is_logged_in'))
|
@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>
|
<li class="dropdown"><a href="#"><span>{{ Auth::user()->name }}</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
|
||||||
<ul>
|
<ul>
|
||||||
|
|
|
||||||
|
|
@ -40,7 +40,7 @@
|
||||||
|
|
||||||
<div class="col-lg-6" data-aos="fade-left" data-aos-delay="200">
|
<div class="col-lg-6" data-aos="fade-left" data-aos-delay="200">
|
||||||
<div class="image-wrapper">
|
<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><!-- End Image Wrapper -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -48,7 +48,7 @@
|
||||||
<div class="row align-items-center my-5">
|
<div class="row align-items-center my-5">
|
||||||
<div class="col-lg-6" data-aos="fade-left" data-aos-delay="200">
|
<div class="col-lg-6" data-aos="fade-left" data-aos-delay="200">
|
||||||
<div class="image-wrapper">
|
<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><!-- End Image Wrapper -->
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -72,40 +72,40 @@
|
||||||
<div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="100">
|
<div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="100">
|
||||||
<div class="value-item">
|
<div class="value-item">
|
||||||
<div class="value-icon">
|
<div class="value-icon">
|
||||||
<i class="bi bi-eye"></i>
|
<i class="bi bi-heart-pulse"></i>
|
||||||
</div>
|
</div>
|
||||||
<h4>Eye Movement Monitoring</h4>
|
<h4>Compassion</h4>
|
||||||
<p>Memantau pergerakan mata dan pola fokus pengguna selama proses asesmen berlangsung.</p>
|
<p>Membantu tenaga profesional dalam proses asesmen kecemasan</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="200">
|
<div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="200">
|
||||||
<div class="value-item">
|
<div class="value-item">
|
||||||
<div class="value-icon">
|
<div class="value-icon">
|
||||||
<i class="bi bi-activity"></i>
|
<i class="bi bi-clipboard-data"></i>
|
||||||
</div>
|
</div>
|
||||||
<h4>Anxiety Estimation</h4>
|
<h4>Excellence</h4>
|
||||||
<p>Menganalisis tingkat kecemasan berdasarkan data visual menggunakan model machine learning.</p>
|
<p>Menyediakan analisis berbasis data terhadap respon visual pasien</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="300">
|
<div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="300">
|
||||||
<div class="value-item">
|
<div class="value-item">
|
||||||
<div class="value-icon">
|
<div class="value-icon">
|
||||||
<i class="bi bi-clipboard2-pulse"></i>
|
<i class="bi bi-flask"></i>
|
||||||
</div>
|
</div>
|
||||||
<h4>Decision Support</h4>
|
<h4>Integrity</h4>
|
||||||
<p>Membantu tenaga profesional dalam proses evaluasi kondisi psikologis pengguna.</p>
|
<p>Menyajikan hasil estimasi tingkat kecemasan secara sistematis</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="400">
|
<div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="400">
|
||||||
<div class="value-item">
|
<div class="value-item">
|
||||||
<div class="value-icon">
|
<div class="value-icon">
|
||||||
<i class="bi bi-display"></i>
|
<i class="bi bi-regex"></i>
|
||||||
</div>
|
</div>
|
||||||
<h4>Real-Time Visualization</h4>
|
<h4>Innovation</h4>
|
||||||
<p>Menampilkan hasil analisis dan aktivitas visual pengguna secara real-time pada dashboard.</p>
|
<p>Mendukung proses pengambilan keputusan selama konsultasi</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div><!-- End Values Row -->
|
</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="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="100">
|
||||||
<div class="value-item">
|
<div class="value-item">
|
||||||
<div class="value-icon">
|
<div class="value-icon">
|
||||||
<i class="bi bi-camera-video"></i>
|
<i class="bi bi-eye"></i>
|
||||||
</div>
|
</div>
|
||||||
<h4>Eye Tracking Capture</h4>
|
<h4>Compassion</h4>
|
||||||
<p>Kamera atau eye tracker menangkap koordinat dan pergerakan pupil pengguna.</p>
|
<p>Kamera menangkap pergerakan pupil pengguna</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="300">
|
<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-item">
|
||||||
<div class="value-icon">
|
<div class="value-icon">
|
||||||
<i class="bi bi-cpu"></i>
|
<i class="bi bi-cpu"></i>
|
||||||
</div>
|
</div>
|
||||||
<h4>Data Processing</h4>
|
<h4>Innovation</h4>
|
||||||
<p>Data gaze dan pergerakan mata diproses menjadi fitur analisis.</p>
|
<p>Model machine learning melakukan klasifikasi</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="400">
|
<div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="400">
|
||||||
<div class="value-item">
|
<div class="value-item">
|
||||||
<div class="value-icon">
|
<div class="value-icon">
|
||||||
<i class="bi bi-cpu-fill"></i>
|
<i class="bi bi-easel"></i>
|
||||||
</div>
|
</div>
|
||||||
<h4>Machine Learning Classification</h4>
|
<h4>Innovation</h4>
|
||||||
<p>Model machine learning melakukan klasifikasi tingkat kecemasan berdasarkan pola visual.</p>
|
<p>Hasil estimasi kecemasan ditampilkan pada dashboard</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>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div><!-- End Values Row -->
|
</div><!-- End Values Row -->
|
||||||
|
|
@ -183,19 +183,19 @@
|
||||||
data-aos-delay="400">
|
data-aos-delay="400">
|
||||||
<a class="nav-link department-tab active" id="neurology-tab" data-bs-toggle="pill"
|
<a class="nav-link department-tab active" id="neurology-tab" data-bs-toggle="pill"
|
||||||
href="#camera-tabs" role="tab" aria-controls="camera-tabs"
|
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"
|
<a class="nav-link department-tab" id="surgery-tab" data-bs-toggle="pill"
|
||||||
href="#eye-detection-tabs" role="tab" aria-controls="eye-detection-tabs"
|
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"
|
<a class="nav-link department-tab" id="dental-tab" data-bs-toggle="pill"
|
||||||
href="#departments-tabs-dental" role="tab" aria-controls="departments-tabs-dental"
|
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"
|
<a class="nav-link department-tab" id="ophthalmology-tab" data-bs-toggle="pill"
|
||||||
href="#departments-tabs-ophthalmology" role="tab" aria-controls="departments-tabs-ophthalmology"
|
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"
|
<a class="nav-link department-tab" id="cardiology-tab" data-bs-toggle="pill"
|
||||||
href="#departments-tabs-cardiology" role="tab" aria-controls="departments-tabs-cardiology"
|
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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -214,53 +214,51 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-8 order-lg-1">
|
<div class="col-lg-8 order-lg-1">
|
||||||
<div class="department-info">
|
<div class="department-info">
|
||||||
<h2 class="department-title">Facial Expression Analysis</h2>
|
<h2 class="department-title">Camera</h2>
|
||||||
<p class="department-description">
|
<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>
|
||||||
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>
|
|
||||||
<div class="row mt-4">
|
<div class="row mt-4">
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="service-item">
|
<div class="service-item">
|
||||||
<div class="service-icon">
|
<div class="service-icon">
|
||||||
<i class="bi bi-person-bounding-box"></i>
|
<i class="fas fa-brain"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="service-content">
|
<div class="service-content">
|
||||||
<h4>Face Detection</h4>
|
<h4>Brain Monitoring</h4>
|
||||||
<p>Sistem mendeteksi area wajah pengguna secara real-time selama asesmen berlangsung.</p>
|
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="service-item">
|
<div class="service-item">
|
||||||
<div class="service-icon">
|
<div class="service-icon">
|
||||||
<i class="bi bi-eye"></i>
|
<i class="fas fa-wave-square"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="service-content">
|
<div class="service-content">
|
||||||
<h4>Eye Movement Tracking</h4>
|
<h4>EEG Testing</h4>
|
||||||
<p>Pergerakan mata dan titik fokus pengguna dianalisis untuk memperoleh pola visual.</p>
|
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="service-item">
|
<div class="service-item">
|
||||||
<div class="service-icon">
|
<div class="service-icon">
|
||||||
<i class="bi bi-emoji-neutral"></i>
|
<i class="fas fa-stethoscope"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="service-content">
|
<div class="service-content">
|
||||||
<h4>Emotion Observation</h4>
|
<h4>Neurological Exam</h4>
|
||||||
<p>Ekspresi wajah digunakan sebagai indikator tambahan dalam analisis kecemasan.</p>
|
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="service-item">
|
<div class="service-item">
|
||||||
<div class="service-icon">
|
<div class="service-icon">
|
||||||
<i class="bi bi-cpu"></i>
|
<i class="fas fa-file-medical"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="service-content">
|
<div class="service-content">
|
||||||
<h4>AI Classification</h4>
|
<h4>Treatment Plans</h4>
|
||||||
<p>Model machine learning melakukan estimasi tingkat kecemasan berdasarkan data visual pengguna.</p>
|
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -279,54 +277,53 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-8 order-lg-1">
|
<div class="col-lg-8 order-lg-1">
|
||||||
<div class="department-info">
|
<div class="department-info">
|
||||||
<h2 class="department-title">Eye Tracking Analysis</h2>
|
<h2 class="department-title">Eye Detection</h2>
|
||||||
<p class="department-description">
|
<p class="department-description">Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut
|
||||||
Sistem melakukan analisis pergerakan mata pengguna menggunakan teknologi eye tracking untuk memperoleh pola perhatian visual selama proses asesmen.
|
odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
|
||||||
Data gaze yang diperoleh digunakan sebagai fitur utama dalam proses estimasi tingkat kecemasan berbasis machine learning.
|
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div class="row mt-4">
|
<div class="row mt-4">
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="service-item">
|
<div class="service-item">
|
||||||
<div class="service-icon">
|
<div class="service-icon">
|
||||||
<i class="bi bi-eye"></i>
|
<i class="fas fa-cut"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="service-content">
|
<div class="service-content">
|
||||||
<h4>Gaze Tracking</h4>
|
<h4>Minimally Invasive</h4>
|
||||||
<p>Sistem melacak arah pandangan dan titik fokus mata pengguna secara real-time.</p>
|
<p>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="service-item">
|
<div class="service-item">
|
||||||
<div class="service-icon">
|
<div class="service-icon">
|
||||||
<i class="bi bi-crosshair"></i>
|
<i class="fas fa-tools"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="service-content">
|
<div class="service-content">
|
||||||
<h4>Fixation Analysis</h4>
|
<h4>Advanced Procedures</h4>
|
||||||
<p>Durasi fokus pengguna pada area tertentu dianalisis untuk mendeteksi pola perhatian visual.</p>
|
<p>Consectetur, adipisci velit, sed quia non numquam eius modi tempora.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="service-item">
|
<div class="service-item">
|
||||||
<div class="service-icon">
|
<div class="service-icon">
|
||||||
<i class="bi bi-grid-3x3-gap"></i>
|
<i class="fas fa-shield-alt"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="service-content">
|
<div class="service-content">
|
||||||
<h4>Heatmap Visualization</h4>
|
<h4>Safe Operations</h4>
|
||||||
<p>Pergerakan mata divisualisasikan dalam bentuk heatmap untuk melihat distribusi perhatian pengguna.</p>
|
<p>Incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="service-item">
|
<div class="service-item">
|
||||||
<div class="service-icon">
|
<div class="service-icon">
|
||||||
<i class="bi bi-cpu"></i>
|
<i class="fas fa-clock"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="service-content">
|
<div class="service-content">
|
||||||
<h4>AI-Based Classification</h4>
|
<h4>Recovery Support</h4>
|
||||||
<p>Model machine learning mengklasifikasikan tingkat kecemasan berdasarkan pola gaze pengguna.</p>
|
<p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -345,54 +342,53 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-8 order-lg-1">
|
<div class="col-lg-8 order-lg-1">
|
||||||
<div class="department-info">
|
<div class="department-info">
|
||||||
<h2 class="department-title">Result Visualization</h2>
|
<h2 class="department-title">Dental Care Department</h2>
|
||||||
<p class="department-description">
|
<p class="department-description">Suscipit laboriosam, nisi ut aliquid ex ea commodi
|
||||||
Sistem menampilkan hasil analisis eye tracking dan estimasi kecemasan dalam bentuk visualisasi data interaktif secara real-time.
|
consequatur. Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil
|
||||||
Dashboard digunakan untuk membantu proses observasi, evaluasi, dan interpretasi hasil analisis pengguna.
|
molestiae.</p>
|
||||||
</p>
|
|
||||||
|
|
||||||
<div class="row mt-4">
|
<div class="row mt-4">
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="service-item">
|
<div class="service-item">
|
||||||
<div class="service-icon">
|
<div class="service-icon">
|
||||||
<i class="bi bi-grid-3x3-gap"></i>
|
<i class="far fa-smile"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="service-content">
|
<div class="service-content">
|
||||||
<h4>Heatmap Analytics</h4>
|
<h4>Oral Health</h4>
|
||||||
<p>Visualisasi heatmap digunakan untuk melihat distribusi perhatian visual pengguna pada layar.</p>
|
<p>Consequatur aut perferendis doloribus asperiores repellat tempore.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="service-item">
|
<div class="service-item">
|
||||||
<div class="service-icon">
|
<div class="service-icon">
|
||||||
<i class="bi bi-activity"></i>
|
<i class="fas fa-tooth"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="service-content">
|
<div class="service-content">
|
||||||
<h4>Real-Time Monitoring</h4>
|
<h4>Teeth Cleaning</h4>
|
||||||
<p>Sistem memantau aktivitas pengguna dan data eye tracking secara langsung selama asesmen berlangsung.</p>
|
<p>Et harum quidem rerum facilis est et expedita distinctio nam libero.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="service-item">
|
<div class="service-item">
|
||||||
<div class="service-icon">
|
<div class="service-icon">
|
||||||
<i class="bi bi-graph-up-arrow"></i>
|
<i class="fas fa-star"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="service-content">
|
<div class="service-content">
|
||||||
<h4>Anxiety Prediction</h4>
|
<h4>Cosmetic Dentistry</h4>
|
||||||
<p>Model machine learning menghasilkan estimasi tingkat kecemasan berdasarkan pola visual pengguna.</p>
|
<p>Tempore cum soluta nobis est eligendi optio cumque nihil impedit quo minus.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="service-item">
|
<div class="service-item">
|
||||||
<div class="service-icon">
|
<div class="service-icon">
|
||||||
<i class="bi bi-display"></i>
|
<i class="fas fa-cog"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="service-content">
|
<div class="service-content">
|
||||||
<h4>Interactive Dashboard</h4>
|
<h4>Orthodontics</h4>
|
||||||
<p>Seluruh hasil analisis divisualisasikan melalui dashboard interaktif yang mudah dipahami.</p>
|
<p>Id quod maxime placeat facere possimus, omnis voluptas assumenda est.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -412,53 +408,52 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-8 order-lg-1">
|
<div class="col-lg-8 order-lg-1">
|
||||||
<div class="department-info">
|
<div class="department-info">
|
||||||
<h2 class="department-title">Behavioral Analysis</h2>
|
<h2 class="department-title">Ophthalmology Department</h2>
|
||||||
<p class="department-description">
|
<p class="department-description">Omnis dolor repellendus temporibus autem quibusdam et aut
|
||||||
Sistem menganalisis pola perilaku visual pengguna berdasarkan pergerakan mata, fokus perhatian, dan ekspresi wajah untuk membantu proses estimasi tingkat kecemasan secara lebih akurat.
|
officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae.</p>
|
||||||
</p>
|
|
||||||
|
|
||||||
<div class="row mt-4">
|
<div class="row mt-4">
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="service-item">
|
<div class="service-item">
|
||||||
<div class="service-icon">
|
<div class="service-icon">
|
||||||
<i class="bi bi-bullseye"></i>
|
<i class="fas fa-eye"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="service-content">
|
<div class="service-content">
|
||||||
<h4>Attention Analysis</h4>
|
<h4>Vision Testing</h4>
|
||||||
<p>Sistem mengevaluasi fokus dan perhatian visual pengguna selama proses asesmen berlangsung.</p>
|
<p>Sint et voluptatum sint quia dolor sit amet consectetur adipiscing elit.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="service-item">
|
<div class="service-item">
|
||||||
<div class="service-icon">
|
<div class="service-icon">
|
||||||
<i class="bi bi-emoji-neutral"></i>
|
<i class="fas fa-camera"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="service-content">
|
<div class="service-content">
|
||||||
<h4>Facial Behavior</h4>
|
<h4>Retinal Imaging</h4>
|
||||||
<p>Ekspresi wajah dianalisis untuk membantu mendeteksi perubahan perilaku emosional pengguna.</p>
|
<p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="service-item">
|
<div class="service-item">
|
||||||
<div class="service-icon">
|
<div class="service-icon">
|
||||||
<i class="bi bi-diagram-3"></i>
|
<i class="fas fa-bolt"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="service-content">
|
<div class="service-content">
|
||||||
<h4>Pattern Recognition</h4>
|
<h4>Laser Surgery</h4>
|
||||||
<p>Model AI mengenali pola visual tertentu yang berkaitan dengan tingkat kecemasan pengguna.</p>
|
<p>Enim ad minim veniam quis nostrud exercitation ullamco laboris nisi.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="service-item">
|
<div class="service-item">
|
||||||
<div class="service-icon">
|
<div class="service-icon">
|
||||||
<i class="bi bi-cpu"></i>
|
<i class="fas fa-prescription-bottle"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="service-content">
|
<div class="service-content">
|
||||||
<h4>AI Assessment</h4>
|
<h4>Eye Care Plans</h4>
|
||||||
<p>Machine learning menghasilkan estimasi tingkat kecemasan berdasarkan kombinasi data visual pengguna.</p>
|
<p>Ut aliquip ex ea commodo consequat duis aute irure dolor in reprehenderit.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -478,53 +473,52 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-8 order-lg-1">
|
<div class="col-lg-8 order-lg-1">
|
||||||
<div class="department-info">
|
<div class="department-info">
|
||||||
<h2 class="department-title">Core Technologies</h2>
|
<h2 class="department-title">Cardiology Department</h2>
|
||||||
<p class="department-description">
|
<p class="department-description">In voluptate velit esse cillum dolore eu fugiat nulla pariatur
|
||||||
Sistem dibangun menggunakan kombinasi teknologi eye tracking, machine learning, dan visualisasi data real-time untuk mendukung proses analisis kecemasan secara interaktif dan akurat.
|
excepteur sint occaecat cupidatat non proident sunt in culpa qui officia deserunt.</p>
|
||||||
</p>
|
|
||||||
|
|
||||||
<div class="row mt-4">
|
<div class="row mt-4">
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="service-item">
|
<div class="service-item">
|
||||||
<div class="service-icon">
|
<div class="service-icon">
|
||||||
<i class="bi bi-eye"></i>
|
<i class="fas fa-heartbeat"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="service-content">
|
<div class="service-content">
|
||||||
<h4>Eye Tracking Device</h4>
|
<h4>Heart Monitoring</h4>
|
||||||
<p>Perangkat eye tracker digunakan untuk menangkap koordinat dan pergerakan mata pengguna secara real-time.</p>
|
<p>Mollit anim id est laborum sed ut perspiciatis unde omnis iste natus error.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="service-item">
|
<div class="service-item">
|
||||||
<div class="service-icon">
|
<div class="service-icon">
|
||||||
<i class="bi bi-cpu"></i>
|
<i class="fas fa-chart-line"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="service-content">
|
<div class="service-content">
|
||||||
<h4>Machine Learning</h4>
|
<h4>ECG Analysis</h4>
|
||||||
<p>Model AI menganalisis pola visual pengguna untuk menghasilkan estimasi tingkat kecemasan.</p>
|
<p>Sit voluptatem accusantium doloremque laudantium totam rem aperiam.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="service-item">
|
<div class="service-item">
|
||||||
<div class="service-icon">
|
<div class="service-icon">
|
||||||
<i class="bi bi-wifi"></i>
|
<i class="fas fa-tint"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="service-content">
|
<div class="service-content">
|
||||||
<h4>Real-Time Communication</h4>
|
<h4>Blood Tests</h4>
|
||||||
<p>Teknologi WebSocket digunakan untuk mengirim data monitoring secara langsung dan responsif.</p>
|
<p>Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="service-item">
|
<div class="service-item">
|
||||||
<div class="service-icon">
|
<div class="service-icon">
|
||||||
<i class="bi bi-display"></i>
|
<i class="fas fa-shield-heart"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="service-content">
|
<div class="service-content">
|
||||||
<h4>Interactive Dashboard</h4>
|
<h4>Preventive Care</h4>
|
||||||
<p>Dashboard interaktif menampilkan visualisasi data, heatmap, dan hasil analisis AI secara real-time.</p>
|
<p>Vitae dicta sunt explicabo nemo enim ipsam voluptatem quia voluptas sit.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -571,7 +565,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-2 col-md-3 col-sm-4 col-6" data-aos="zoom-in" data-aos-delay="400">
|
<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">
|
<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>
|
</div>
|
||||||
</div><!-- End Certifications Row -->
|
</div><!-- End Certifications Row -->
|
||||||
|
|
|
||||||
|
|
@ -85,8 +85,6 @@
|
||||||
<form action="" method="POST" id="result_test_form">
|
<form action="" method="POST" id="result_test_form">
|
||||||
@csrf
|
@csrf
|
||||||
<input type="hidden" name="id_booking" id="id_booking_input">
|
<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">
|
<div class="row justify-content-center">
|
||||||
<button type="button" class="btn btn-primary text-white fw-bold" onclick="startSessionTest()">Mulai Tes</button>
|
<button type="button" class="btn btn-primary text-white fw-bold" onclick="startSessionTest()">Mulai Tes</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -261,8 +259,6 @@ function startSessionTest() {
|
||||||
cancelButtonText: 'Nggak jadi deh'
|
cancelButtonText: 'Nggak jadi deh'
|
||||||
}).then((result) => {
|
}).then((result) => {
|
||||||
if(result.isConfirmed) {
|
if(result.isConfirmed) {
|
||||||
$('#screen_w').val(window.screen.width);
|
|
||||||
$('#screen_h').val(window.screen.height);
|
|
||||||
form.attr('action', url);
|
form.attr('action', url);
|
||||||
form.submit();
|
form.submit();
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -79,8 +79,6 @@
|
||||||
let heatmapContainer = null;
|
let heatmapContainer = null;
|
||||||
let clientWidth = null;
|
let clientWidth = null;
|
||||||
let clientHeight = null;
|
let clientHeight = null;
|
||||||
let recordedScreenWidth = null
|
|
||||||
let recordedScreenHeight = null
|
|
||||||
let mappedHeatmapData = null;
|
let mappedHeatmapData = null;
|
||||||
let scaleX = null;
|
let scaleX = null;
|
||||||
let scaleY = null;
|
let scaleY = null;
|
||||||
|
|
@ -190,14 +188,6 @@ function renderVelocityChart(timeseries) {
|
||||||
|
|
||||||
ws.onopen = () => {
|
ws.onopen = () => {
|
||||||
console.log("Connected to WebSocket");
|
console.log("Connected to WebSocket");
|
||||||
Swal.fire({
|
|
||||||
title: 'Status',
|
|
||||||
text: 'Memuat data...',
|
|
||||||
icon: 'info',
|
|
||||||
showConfirmButton: false,
|
|
||||||
allowOutsideClick: false,
|
|
||||||
allowEscapeKey: false
|
|
||||||
});
|
|
||||||
|
|
||||||
ws.send(JSON.stringify({
|
ws.send(JSON.stringify({
|
||||||
type: 'get_json_file',
|
type: 'get_json_file',
|
||||||
|
|
@ -209,43 +199,20 @@ function renderVelocityChart(timeseries) {
|
||||||
if(data.type === 'json_file_data') {
|
if(data.type === 'json_file_data') {
|
||||||
if(data.data != null) {
|
if(data.data != null) {
|
||||||
data_tobii = data.data;
|
data_tobii = data.data;
|
||||||
let xhttp = new XMLHttpRequest();
|
|
||||||
|
|
||||||
xhttp.onreadystatechange = function() {
|
heatmapContainer = document.getElementById('heatmapChart');
|
||||||
if(this.readyState == 4 && this.status == 200) {
|
clientWidth = heatmapContainer.clientWidth;
|
||||||
let data = JSON.parse(this.responseText);
|
clientHeight = heatmapContainer.clientHeight;
|
||||||
if(data.status) {
|
scaleX = clientWidth / 1366;
|
||||||
heatmapContainer = document.getElementById('heatmapChart');
|
scaleY = clientHeight / 768;
|
||||||
clientWidth = heatmapContainer.clientWidth;
|
|
||||||
clientHeight = heatmapContainer.clientHeight;
|
|
||||||
recordedScreenWidth = data.screen_w;
|
|
||||||
recordedScreenHeight = data.screen_h;
|
|
||||||
scaleX = clientWidth / recordedScreenWidth;
|
|
||||||
scaleY = clientHeight / recordedScreenHeight;
|
|
||||||
|
|
||||||
heatmapInstance = h337.create({
|
heatmapInstance = h337.create({
|
||||||
container: heatmapContainer,
|
container: heatmapContainer,
|
||||||
radius: 40,
|
radius: 40,
|
||||||
maxOpacity: 0.6,
|
maxOpacity: 0.6,
|
||||||
blur: 0.85
|
blur: 0.85
|
||||||
});
|
});
|
||||||
Swal.close();
|
loadData(data_tobii);
|
||||||
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();
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -19,7 +19,7 @@
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div class="hero-actions" data-aos="fade-right" data-aos-delay="600">
|
<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">
|
<a href="https://www.youtube.com/watch?v=Y7f98aduVJ8" class="btn btn-outline glightbox">
|
||||||
<i class="bi bi-archive me-2"></i>
|
<i class="bi bi-archive me-2"></i>
|
||||||
View Research
|
View Research
|
||||||
|
|
@ -41,7 +41,30 @@
|
||||||
<div class="col-lg-6">
|
<div class="col-lg-6">
|
||||||
<div class="hero-visual" data-aos="fade-left" data-aos-delay="400">
|
<div class="hero-visual" data-aos="fade-left" data-aos-delay="400">
|
||||||
<div class="main-image">
|
<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>
|
||||||
<div class="background-elements">
|
<div class="background-elements">
|
||||||
<div class="element element-1"></div>
|
<div class="element element-1"></div>
|
||||||
|
|
@ -73,7 +96,7 @@
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div class="cta-section">
|
<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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -81,7 +104,7 @@
|
||||||
<div class="col-lg-6" data-aos="fade-left" data-aos-delay="300">
|
<div class="col-lg-6" data-aos="fade-left" data-aos-delay="300">
|
||||||
<div class="about-visual">
|
<div class="about-visual">
|
||||||
<div class="main-image">
|
<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>
|
||||||
{{-- <div class="floating-card">
|
{{-- <div class="floating-card">
|
||||||
<div class="card-content">
|
<div class="card-content">
|
||||||
|
|
@ -123,7 +146,7 @@
|
||||||
<div class="service-image">
|
<div class="service-image">
|
||||||
<img src="{{ asset('assets/users/assets/img/health/cardiology-2.webp') }}" alt="Cardiology Services" class="img-fluid">
|
<img src="{{ asset('assets/users/assets/img/health/cardiology-2.webp') }}" alt="Cardiology Services" class="img-fluid">
|
||||||
<div class="service-overlay">
|
<div class="service-overlay">
|
||||||
<i class="fas fa-message"></i>
|
<i class="fas fa-heartbeat"></i>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="service-content">
|
<div class="service-content">
|
||||||
|
|
@ -146,7 +169,7 @@
|
||||||
<div class="service-image">
|
<div class="service-image">
|
||||||
<img src="{{ asset('assets/users/assets/img/health/neurology-3.webp') }}" alt="Neurology Services" class="img-fluid">
|
<img src="{{ asset('assets/users/assets/img/health/neurology-3.webp') }}" alt="Neurology Services" class="img-fluid">
|
||||||
<div class="service-overlay">
|
<div class="service-overlay">
|
||||||
<i class="fas fa-face-rolling-eyes"></i>
|
<i class="fas fa-brain"></i>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="service-content">
|
<div class="service-content">
|
||||||
|
|
@ -169,7 +192,7 @@
|
||||||
<div class="service-image">
|
<div class="service-image">
|
||||||
<img src="{{ asset('assets/users/assets/img/health/orthopedics-1.webp') }}" alt="Orthopedics Services" class="img-fluid">
|
<img src="{{ asset('assets/users/assets/img/health/orthopedics-1.webp') }}" alt="Orthopedics Services" class="img-fluid">
|
||||||
<div class="service-overlay">
|
<div class="service-overlay">
|
||||||
<i class="fas fa-chart-gantt"></i>
|
<i class="fas fa-bone"></i>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="service-content">
|
<div class="service-content">
|
||||||
|
|
@ -193,7 +216,7 @@
|
||||||
<div class="service-image">
|
<div class="service-image">
|
||||||
<img src="{{ asset('assets/users/assets/img/health/pediatrics-4.webp') }}" alt="Pediatrics Services" class="img-fluid">
|
<img src="{{ asset('assets/users/assets/img/health/pediatrics-4.webp') }}" alt="Pediatrics Services" class="img-fluid">
|
||||||
<div class="service-overlay">
|
<div class="service-overlay">
|
||||||
<i class="fas fa-computer"></i>
|
<i class="fas fa-child"></i>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="service-content">
|
<div class="service-content">
|
||||||
|
|
@ -301,7 +324,7 @@
|
||||||
<h1>Make an Appointment</h1>
|
<h1>Make an Appointment</h1>
|
||||||
</div><!-- End Section Title -->
|
</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="row">
|
||||||
<div class="col-lg-10 mx-auto">
|
<div class="col-lg-10 mx-auto">
|
||||||
|
|
@ -317,8 +340,8 @@
|
||||||
<i class="bi bi-calendar-check"></i>
|
<i class="bi bi-calendar-check"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="step-content">
|
<div class="step-content">
|
||||||
<h4>Isi Data Diri</h4>
|
<h4>Select Service</h4>
|
||||||
<p>Mohon isi data diri Anda dengan lengkap</p>
|
<p>Choose the medical service you need</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="step">
|
<div class="step">
|
||||||
|
|
@ -326,8 +349,8 @@
|
||||||
<i class="bi bi-clock"></i>
|
<i class="bi bi-clock"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="step-content">
|
<div class="step-content">
|
||||||
<h4>Ambil Tanggal & Waktu</h4>
|
<h4>Pick Date & Time</h4>
|
||||||
<p>Pilih tanggal dan waktu yang paling cocok untuk Anda</p>
|
<p>Select your preferred appointment slot</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="step">
|
<div class="step">
|
||||||
|
|
@ -335,8 +358,8 @@
|
||||||
<i class="bi bi-person-check"></i>
|
<i class="bi bi-person-check"></i>
|
||||||
</div>
|
</div>
|
||||||
<div class="step-content">
|
<div class="step-content">
|
||||||
<h4>Konfirmasi Detail</h4>
|
<h4>Confirm Details</h4>
|
||||||
<p>Periksa kembali semua detail yang telah Anda masukkan</p>
|
<p>Provide your information and confirm</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -389,13 +412,6 @@
|
||||||
<script>
|
<script>
|
||||||
function sendAppointment() {
|
function sendAppointment() {
|
||||||
$('#error_msg').hide();
|
$('#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 name = $('#nama_lengkap').val();
|
||||||
let email = $('#email').val();
|
let email = $('#email').val();
|
||||||
|
|
|
||||||
|
|
@ -36,7 +36,6 @@
|
||||||
Route::resource('cek-status', CekStatusController::class)->only(['index', 'show']);
|
Route::resource('cek-status', CekStatusController::class)->only(['index', 'show']);
|
||||||
Route::resource('tutorial-tes', TutorialTesController::class)->only(['index']);
|
Route::resource('tutorial-tes', TutorialTesController::class)->only(['index']);
|
||||||
Route::resource('test-sessions', TestSessionsController::class)->only(['store', 'show']);
|
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::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::get('tobii-receiver/fetch/data/{id_test_sessions}', [TobiiReceiverController::class, 'fetchDataTobii'])->name('tobii-receiver.fetchData');
|
||||||
Route::resource('ujian', HalamanUjianController::class);
|
Route::resource('ujian', HalamanUjianController::class);
|
||||||
|
|
@ -57,14 +56,8 @@
|
||||||
Route::resource('hasil_tes', HasilTesController::class);
|
Route::resource('hasil_tes', HasilTesController::class);
|
||||||
});
|
});
|
||||||
|
|
||||||
Route::get('email/test', function(Request $req) {
|
Route::get('api/eye/test', function(Request $req) {
|
||||||
return view('layouts.mail-send-code', [
|
return $req->token;
|
||||||
'code' => 'ABC123',
|
|
||||||
'name' => 'Mahayoga',
|
|
||||||
'startExpirationTime' => '09:00:00',
|
|
||||||
'endExpirationTime' => '09:05:00',
|
|
||||||
'tglExpired' => '2023-10-01'
|
|
||||||
]);
|
|
||||||
});
|
});
|
||||||
|
|
||||||
require __DIR__.'/auth.php';
|
require __DIR__.'/auth.php';
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue