<!doctype html>
<html>
<head>
<meta charset="UTF-8"/>
<title>ระเบียนสะสม โรงเรียนเตรียมอุดมศึกษา</title>
<meta property="og:title" content="ระเบียนสะสม โรงเรียนเตรียมอุดมศึกษา"/>
<meta property="og:description" content="ระเบียนสะสม โรงเรียนเตรียมอุดมศึกษา"/>
<meta property="og:type" content="website"/>
<meta property="og:locale" content="th_TH"/>
<meta property="og:image" content="https://cumulative.triamudom.ac.th/wide.png"/>
<meta property="fb:app_id" content="">
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="ระเบียนสะสม โรงเรียนเตรียมอุดมศึกษา"/>
<meta name="twitter:description" content="ระเบียนสะสม โรงเรียนเตรียมอุดมศึกษา"/>
<meta name="twitter:image" content="https://cumulative.triamudom.ac.th/square.png"/>
<meta name="description" content="ระเบียนสะสม โรงเรียนเตรียมอุดมศึกษา"/>
<meta name="keywords" content="ระบบดูแลช่วยเหลือนักเรียน ระเบียนสะสม ออนไลน์ Electronic Cumulative อิเล็กทรอนิกส์ แนะแนว โรงเรียนเตรียมอุดมศึกษา"/>
<meta name="google" content="notranslate"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="theme-color" content="#3f51b5"/>
<meta name="csrf-token" content="Ujqccjld9vSxsQf6hF0NIEVAdgBut3YlLfTEgkaV">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css" integrity="sha256-OweaP/Ic6rsV+lysfyS4h+LM6sRwuO3euTYfr6M124g="
crossorigin="anonymous"/>
<link href="/css/app.css" rel="stylesheet"/>
<link rel="shortcut icon" href="/favicon.png"/>
<style>
main {
text-align: center
}
body {
background-color: #1a237e;
animation: fadein 5s;
}
@keyframes fadein {
from {
background-color: #292929;
}
to {
background-color: #1a237e;
}
}
footer {
background-color: transparent !important;
}
.mb {
margin-bottom: 0.7rem;
}
.minibox {
font-size: 0.9rem;
margin: 2rem auto auto;
max-width: 550px;
}
.minibox a {
color: lightgray;
}
.minibox p {
margin: 0.7em auto 0.7em;
line-height: unset;
}
@media only screen and (max-width: 600px) {
.btn {
line-height: 2.5rem;
height: min-content;
}
}
</style>
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-88470919-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<main class="container">
<div class="white-text center-align" style="padding-top:7vmin;padding-bottom:3vmin;line-height:1.5rem;max-width:34rem;margin: 1rem auto auto;">
<div class="center-align sector red darken-1 white-text" id="mini-al" style="display:none;font-size:1.3rem;line-height: 2rem;">
<h3>ระบบอาจทำงานไม่ปกติ</h3>
<h5>ไม่รองรับ Internet Explorer</h5>
คุณกำลังใช้งานบนอุปกรณ์รุ่นเก่า<br/>
ใช้งานได้ดีที่สุดบน Mozilla Firefox หรือ Google Chrome รุ่นล่าสุดบน Windows macOS หรือ Android
</div>
<div class="z-depth-2 fullwidth grey lighten-5" style="border-radius: 4px;color: #333333">
<div class="grey row white-text" style="width:100%;border-top-right-radius:4px;border-top-left-radius:4px;padding:1rem">
<div class="col s3">
<img src="/phrakiao.png" class="responsive-img" style="height:4.5rem"/>
</div>
<div class="col s9" style="line-height:2.3rem">
<span style="font-size:1.15rem;">ระบบดูแลช่วยเหลือนักเรียน</span><br/>
<strong style="font-size:2rem;">ระเบียนสะสม</strong>
</div>
</div>
<form method="POST" action="/login">
<input type="hidden" name="_token" value="Ujqccjld9vSxsQf6hF0NIEVAdgBut3YlLfTEgkaV">
<div style="padding:0 2.3rem 1rem;">
<p style="font-size: 1.3rem;margin-bottom:1.5rem">นักเรียน/ครูเข้าสู่ระบบเพื่อดำเนินการต่อ</p>
<div class="mb">
<a class="waves-effect waves-light btn indigo fullwidth" href="/login/facebook" tabindex="4">
<span class="left en hide-on-small-only" style="padding:2px;">f</span>เข้าสู่ระบบด้วย Facebook
</a>
</div>
<div class="mb">
<a class="waves-effect waves-light btn red fullwidth" href="/login/google" tabindex="5">
<span class="left en hide-on-small-only" style="padding:2px;">G</span>เข้าสู่ระบบด้วย student.triamudom.ac.th
</a>
</div>
<div class="input-field" style="margin-top: 2rem;">
<input id="username" type="text" name="login_name" class="validate" autocomplete="username" required autofocus tabindex="1"/>
<label for="username">ชื่อผู้ใช้</label>
</div>
<div class="input-field">
<input id="password" type="password" name="password" class="validate" autocomplete="current-password" required tabindex="2"/>
<label for="password">รหัสผ่าน</label>
</div>
<a class="waves-effect waves-light btn-flat fullwidth modal-trigger" href="#modal-troubleshoot" tabindex="6"><i class="material-icons left">report_problem</i>ลงทะเบียน /
ลืมรหัสผ่าน</a>
</div>
<button type="submit" class="pink lighten-2 white-text waves-effect center-align"
style="width:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;padding: 1.5rem;margin-bottom: 0 !important;border: none" tabindex="7">
เข้าสู่ระบบ <b>></b>
</button>
</form>
</div>
<div class="center-align minibox" id="mini-def">
<p>ใช้งานได้ดีที่สุดด้วย Mozilla Firefox หรือ Google Chrome<br/>บน Windows macOS หรือ Android</p>
<p>เว็บไซต์นี้ใช้งานคุกกี้เพื่อให้บริการที่จำเป็น รวมถึงเพื่อพัฒนาการให้บริการ โดยสามารถศึกษารายละเอียดเพิ่มเติมได้ใน<a href="/privacy">นโยบายข้อมูลส่วนบุคคล</a></p>
<p title="ใน 1 ปี">ผู้ใช้ปัจจุบัน 5680 คน</p>
</div>
</div>
<div id="modal-troubleshoot" class="modal">
<div class="modal-content left-align">
<h4>แก้ไขปัญหาการเข้าสู่ระบบ</h4>
<blockquote>
ชื่อผู้ใช้ของนักเรียน คือเลขประจำตัวนักเรียน 5 หลัก
</blockquote>
<ul class="browser-default">
<li>
<b>นักเรียน</b> หากนักเรียนไม่มีรหัสผ่าน หรือลืมรหัสผ่าน ให้นักเรียน<a href="/login/facebook">เข้าสู่ระบบด้วย Facebook</a>
<ul class="browser-default">
<li>กรณี<u>เคย</u>เข้าสู่ระบบด้วย Facebook มาก่อน นักเรียนจะสามารถดำเนินการต่อได้ตามปกติ</li>
<li>กรณี<u>ไม่เคย</u>เข้าสู่ระบบด้วย Facebook ระบบจะให้นักเรียนกรอกข้อมูลเพื่อลงทะเบียนและยืนยันตัวตน</li>
<li>หากนักเรียนประสงค์จะลงทะเบียนโดยไม่ใช้บัญชีผู้ใช้ Facebook ให้นักเรียนติดต่อครูผู้สอนแนะแนว</li>
</ul>
</li>
<li>นักเรียนสามารถสอบถามปัญหาในการเข้าสู่ระบบได้ที่อีเมล <img src="/img/email.png"/></li>
<li>
<b>ครู</b> โปรดติดต่อครูผู้รับผิดชอบโครงการฯ
</li>
</ul>
</div>
<div class="modal-footer">
<a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">ปิด</a>
</div>
</div>
</main>
<footer class="page-footer">
<div class="footer-copyright">
<div class="container">
<span class="hide-on-print"><span class="white-text">ครูผู้ดูแล ครูสุนันท์ ปรารมย์</span> | <a href="/about">เกี่ยวกับ</a> | <a href="/privacy">นโยบายข้อมูลส่วนบุคคล</a>
| <a href="/user-responsibility">หน้าที่ของผู้ใช้งาน</a> | <a href="http://www.triamudom.ac.th">โรงเรียนเตรียมอุดมศึกษา</a></span>
<div class="hide-on-screen">
<div class="col s7">ระเบียนสะสม โรงเรียนเตรียมอุดมศึกษา</div>
</div>
</div>
</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js" integrity="sha256-U/cHDMTIHCeMcvehBv1xQ052bPSbJtbuiw4QA9cTKz0=" crossorigin="anonymous"></script>
<script>
$(function () {
$('.sidenav').sidenav();
console.log("%cProject Codex", "font-size: x-large");
console.log("Developed by f50f0b7e2a2450ca819de802c448ee6bbe49fb91");
console.log("%cThis is a browser feature intended for developers. If someone told you to copy-paste something here , it is a scam and may be danger to your own information.", "color:red")
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
});
</script>
<script>
$(document).ready(function () {
$('.modal').modal();
if (!self.fetch) {
$('#mini-def').hide();
$('#mini-al').show();
if (!(typeof Promise !== "undefined" && Promise.toString().indexOf("[native code]") !== -1)) {
setTimeout(function () {
$('body').css('background-color', '#f44336');
}, 2000);
$('.btn-large').removeClass('orange').addClass('grey');
}
}
});
</script>
</body>
</html>