-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathPlanning.html
382 lines (345 loc) · 24.7 KB
/
Planning.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Import Swiper JS CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css"/>
<!-- Import Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<!-- Import Font Awesome -->
<script src="https://kit.fontawesome.com/2fa58dfbff.js" crossorigin="anonymous"></script>
<!-- Import Bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
<link rel="icon" href="./images/favicon/favicon.ico">
<link rel="stylesheet" href="index.css">
<link rel="stylesheet" href="./PlanningCarousel.css">
<!-- <link rel="stylesheet" href="./Extension-Community.css"> -->
<title>Psychology Accreditation Website - Well-Developed Planning Process</title>
</head>
<body>
<!-- Launch Site -->
<header>
<button><i class="fa-solid fa-bars"></i></button>
<div class="launch-main-container">
<div class="launch-main-title">POLYTECHNIC UNIVERSITY OF THE PHILIPPINES</div>
<div class="launch-main-course">COLLEGE OF SOCIAL SCIENCES AND DEVELOPMENT<br>
DEPARTMENT OF PSYCHOLOGY</div>
<div class="launch-main-quote">"Sikolohistang PUPian: <b>P</b>uso at <b>U</b>tak ang <b>P</b>amantayan."</div>
</div>
<button><i class="fa-solid fa-chevron-down home-arrow-down"></i></button>
</header>
<!-- Side Bar -->
<nav>
<div>
<img src="images/Psychologo_logo.png">
<a href="index.html"><p>| Home</p></a>
</div>
<ul class="scrollable-list">
<a href="About-us.html"><li><button><span><i class="fa-solid fa-circle-info"></i> About the Program</span></button></li></a>
<a href="Newsletter.html"><li><button><span><i class="fa-solid fa-newspaper"></i> Newsletter</span></button></li></a>
<a href="./Certificate of Authenticity/BSPSY.html"><li><button><span><i class="fa-solid fa-award"></i> Certificate of Authenticity</span></button></li></a>
<a href="Faculty.html"><li><button><span><i class="fa-solid fa-users"></i> Officials and Faculty</span></button></li></a>
<a href="Research.html"><li><button><span><i class="fa-solid fa-book"></i> Research</button></span></li></a>
<a href="Teaching-and-Learning.html"><li><button><span><i class="fa-solid fa-graduation-cap"></i> Teaching and Learning</button></span></li></a>
<a href="Extension-Community.html"><li><button><span><i class="fa-solid fa-handshake-simple"></i> Extension and Community Involvement</button></span></li></a>
<a href="International-linkages.html"><li><button><span><i class="fa-solid fa-group-arrows-rotate"></i> International Linkages and Consortia</span></button></li></a>
<a href="Planning.html"><li><button><span><i class="fa-solid fa-bullseye"></i> Well-Developed Planning Process</button></span></li></a>
<li>
<button class="btn btn-toggle align-items-center rounded" data-bs-toggle="collapse" data-bs-target="#compliance-report-collapse" aria-expanded="false">
<span><i class="fa-solid fa-circle-check"></i> Compliance Report</span>
<i class="fa-solid fa-chevron-down"></i>
</button>
<div class="collapse" id="compliance-report-collapse">
<ul class="list-unstyled fw-normal pb-1 small">
<li><a href="./Compliance Report/Level3_Phase1.html"><button href="#" class="rounded">Level 3 Phase I</button></a></li>
<li><a href="./Compliance Report/Level3_Phase2.html"><button href="#" class="rounded">Level 3 Phase II</button></a></li>
</ul>
</div>
</li>
<a href="Documented-accreditors.html"><li><button><span><i class="fa-solid fa-folder-open"></i> Requested Documentation by Accreditors</span></button></li></a>
</ul>
</nav>
<div class="background-psych-abstract2">
<!-- Start of Narrative Report -->
<div class="background-pscyh-two-auto">
<div class="compliance-report-container">
<div class="narratives-report-title">Well-Developed Planning Process</div>
<div class="narratives-report-subtitle">Narrative Report</div>
<div class="instruction-note"><p>Click the </p><img src="./images/fullscreen-icon.png" alt="arrow" height="25px" width="25px"><p>to view in full screen</p> </div>
</div>
<div class="pdf-file-iframe">
<iframe allowfullscreen="allowfullscreen" src=
"https://heyzine.com/flip-book/d937b28376.html"
width="700px"
height="800px">
</iframe>
</div>
</div>
<div class="openpdf">
<a style="color: black!important; text-align: center!important;" class="openpdf" href="./uploads/PLANNING PROCESS (AUGUST 1).pdf">Click here to open as a pdf file</a>
</div>
<!-- End of Narrative Report -->
</div>
<div class="background-psych-abstract2">
<!-- Start of Strategy Planning -->
<div class="planning-main-container">
<div class="planning-title">Institutional Planning Process</div>
<div class="planning-text">The Polytechnic University of the Philippines is dedicated to offering its stakeholders quality education that is inclusive and equitable and to fostering possibilities for lifelong learning. PUP as "Tanglaw ng Bayan" firmly holds that education is an effective tool for fostering civic engagement and fostering a sense of nationalism. The University pledges to follow the Institutional Development Plan (IDP) for the next four years, which is based on the President of the University's vision and goals. It takes seamless coordination of the group activities of the PUP community that is focused on carrying out the University's strategic plan to realize the institution's aspirations, missions, goals, and objectives. The plans, projects, causes, and operational procedures of the many sectors in our Sintang Paaralan have the IDP cascaded and integrated into them.
</div>
</div>
<!-- Script for Strategy Planning -->
<!-- <div class="planning-title">Institutional Development Plan</div> -->
<!-- Institutional Development Plan -->
<!-- <div class="planning-main-container"> -->
<div class="brochure-img">
<img src="./images/Planning-Process/Image12.png" alt="Brochure1.png">
<img src="./images/Planning-Process/Image13.png" alt="Brochure2.png">
</div>
<div class="slide-div">
<h5 class="slide-content-title">Institutional Development Plan</h5>
<p class="slide-content-extension two-paragraphs">With a focus on knowledge production and ingraining the culture of research in the university, Dr. De Guzman's Eight-Point Agenda serves as the foundation for the PUP 2018-2020 Institutional Development Plan. The university's administration under Dr. De Guzman took the initiative to increase knowledge output by restructuring academic disciplines and programs across multiple colleges in the university.
<br><br>The National Polytechnic University will be built on the pillars that Dr. De Guzman laid, corresponding to the current university president Dr. Manuel M. Muhi. The principal goal of President Muhi's Ten Pillars or Sampung Haligi was to restructure PUP into a National Polytechnic University that could compete internationally.
</p>
</div>
<!-- </div> -->
</div>
<div class="background-psych-abstract1">
<!-- Start of Institutional Development -->
<div class="background-pscyh-two-auto">
<div class="compliance-report-container">
<div class="planning-title">PUP 2020-2024 Institutional Development Plan</div>
<div class="instruction-note"><p>Click the </p><img src="./images/fullscreen-icon.png" alt="arrow" height="25px" width="25px"><p>to view in full screen</p> </div>
</div>
<div class="pdf-file-iframe">
<iframe allowfullscreen="allowfullscreen" src=
"https://heyzine.com/flip-book/939810e31b.html"
width="1000px"
height="700px">
</iframe>
</div>
</div>
<div class="openpdf">
<a style="color: black!important; text-align: center!important;" class="openpdf" href="./uploads/PUP Institutional Development Plan 2020-2024.pdf">Click here to open as a pdf file</a>
</div>
<!-- End of Institutional Development -->
</div>
<!-- <div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide" id="content-1" style="background-image: url(./images/Planning-Process/Image12.png)"></div>
<div class="swiper-slide" id="content-1" style="background-image: url(./images/Planning-Process/Image13.png)"></div>
<div class="swiper-slide" id="content-1" style="background-image: url(./images/Planning-Process/Image12.png)"></div>
<div class="swiper-slide" id="content-1" style="background-image: url(./images/Planning-Process/Image13.png)"></div>
<div class="swiper-slide" id="content-1" style="background-image: url(./images/Planning-Process/Image12.png)"></div>
<div class="swiper-slide" id="content-1" style="background-image: url(./images/Planning-Process/Image13.png)"></div>
</div>
<div class="swiper-pagination">
</div>
<div class="slide-div">
<h5 class="slide-content-title">Institutional Development Plan</h5>
<p class="slide-content-extension">With a focus on knowledge production and ingraining the culture of research in the university, Dr. De Guzman's Eight-Point Agenda serves as the foundation for the PUP 2018-2020 Institutional Development Plan. The university's administration under Dr. De Guzman took the initiative to increase knowledge output by restructuring academic disciplines and programs across multiple colleges in the university.
<br><br>The National Polytechnic University will be built on the pillars that Dr. De Guzman laid, corresponding to the current university president Dr. Manuel M. Muhi. The principal goal of President Muhi's Ten Pillars or Sampung Haligi was to restructure PUP into a National Polytechnic University that could compete internationally.
</p>
</div>
</div> -->
<div class="background-psych-abstract2">
<!-- ISO 9001: 2015 Quality Management System -->
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide" id="content-2" style="background-image: url(./images/Planning-Process/Image3.jpg)"></div>
<div class="swiper-slide" id="content-2" style="background-image: url(./images/Planning-Process/Image4.jpg)"></div>
<div class="swiper-slide" id="content-2" style="background-image: url(./images/Planning-Process/Image5.jpg)"></div>
<div class="swiper-slide" id="content-2" style="background-image: url(./images/Planning-Process/Image1.jpg)"></div>
<div class="swiper-slide" id="content-2" style="background-image: url(./images/Planning-Process/Image9.jpg)"></div>
<div class="swiper-slide" id="content-2" style="background-image: url(./images/Planning-Process/Image10.jpg)"></div>
</div>
<div class="swiper-pagination">
</div>
<div class="slide-div">
<h5 class="slide-content-title">ISO 9001: 2015 Quality Management System</h5>
<p class="slide-content-extension"> The Polytechnic University of the Philippines received its ISO 9001: 2015 Certification from SOCOTEC Certification UK in December 2018, paving the way for it to become a globally competitive and reputable educational institution. In order to boost the university's overall performance and foster breakthrough change, innovation, and reorganization, certain operational processes were evaluated and thus a quality management system has been established. One of the most widely used standards to guarantee the quality of its products and services is ISO 9001: 2015. It is reserved for institutions that demonstrate the capacity to develop consistently excellent services while still meeting regulatory standards. The academic sector of the institution as well as its operational procedures and services are all integrated with its exceptional Quality Management System.
</p>
</div>
</div>
</div>
<div class="background-psych-abstract2">
<!-- PUP Quality Assurance Center -->
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide" id="content-3" style="background-image: url(./images/Planning-Process/Image8.jpeg)"></div>
<div class="swiper-slide" id="content-3" style="background-image: url(./images/Planning-Process/Image7.png)"></div>
<div class="swiper-slide" id="content-3" style="background-image: url(./images/Planning-Process/Image6.jpg)"></div>
<div class="swiper-slide" id="content-3" style="background-image: url(./images/Planning-Process/Image2.png)"></div>
<!-- Doblehin slides para d magloko infinite loop pag onti lng slides -->
<div class="swiper-slide" id="content-3" style="background-image: url(./images/Planning-Process/Image8.jpeg)"></div>
<div class="swiper-slide" id="content-3" style="background-image: url(./images/Planning-Process/Image7.png)"></div>
<div class="swiper-slide" id="content-3" style="background-image: url(./images/Planning-Process/Image6.jpg)"></div>
<div class="swiper-slide" id="content-3" style="background-image: url(./images/Planning-Process/Image2.png)"></div>
</div>
<div class="swiper-pagination">
</div>
<div class="slide-div">
<h5 class="slide-content-title">PUP Quality Assurance Center</h5>
<p class="slide-content-extension">The PUP Quality Assurance Center, which was established in June 2008, is essential to maintaining the University's reputation as a top-tier epistemic community. The PUP QAC works to foster a culture of quality through the development, implementation, monitoring, and review of quality assurance-related policies, procedures, and projects to meet institutional, national, and international standards. Likewise, it reviews the curricula on a regular basis to make sure that academic programs continue to be relevant to stakeholders and social demands.
</p>
</div>
</div>
</div>
<div class="background-psych-abstract2">
<!-- College of Social Sciences and Development -->
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide" id="content-4" style="background-image: url(./images/Planning-Process/Image14.png)"></div>
<div class="swiper-slide" id="content-4" style="background-image: url(./images/Planning-Process/Image15.png)"></div>
<!-- Doblehin slides para d magloko infinite loop pag onti lng slides -->
<div class="swiper-slide" id="content-4" style="background-image: url(./images/Planning-Process/Image14.png)"></div>
<div class="swiper-slide" id="content-4" style="background-image: url(./images/Planning-Process/Image15.png)"></div>
<div class="swiper-slide" id="content-4" style="background-image: url(./images/Planning-Process/Image14.png)"></div>
<div class="swiper-slide" id="content-4" style="background-image: url(./images/Planning-Process/Image15.png)"></div>
</div>
<div class="swiper-pagination">
</div>
<div class="slide-div">
<h5 class="slide-content-title">College of Social Sciences and Development</h5>
<p class="slide-content-extension">The College of Social Sciences and Development (CSSD) strives to deliver social science education of the highest standard. The College works to create knowledge by doing pertinent research in various social science disciplines involving a range of social issues and concerns. The College created a four-year Action Plan based on the Ten Pillars of President Muhi and the 2020–2024 Institutional Development Plan that aims to re-engineer PUP with responsive and creative curricula and pedagogy. The College operationalized the Ten Pillars and incorporated it into the future programs and activities of CSSD during the University-Wide Action Planning Workshop conducted on November 5–10, 2020.
</p>
</div>
</div>
</div>
<main class="video">
<!-- program video Well Developed Planning-->
<div>
<div>
<p>
<br>
<br>
<br>
</p>
</div>
<div>
<center>
<!-- https://maxl.us/hide-related -->
<style>
.hytPlayerWrap{display:inline-block;position:relative}
.hytPlayerWrap.ended::after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;cursor:pointer;background-color:black;background-repeat:no-repeat;background-position:center;background-size:64px 64px;background-image:url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiB2aWV3Qm94PSIwIDAgNTEwIDUxMCI+PHBhdGggZD0iTTI1NSAxMDJWMEwxMjcuNSAxMjcuNSAyNTUgMjU1VjE1M2M4NC4xNSAwIDE1MyA2OC44NSAxNTMgMTUzcy02OC44NSAxNTMtMTUzIDE1My0xNTMtNjguODUtMTUzLTE1M0g1MWMwIDExMi4yIDkxLjggMjA0IDIwNCAyMDRzMjA0LTkxLjggMjA0LTIwNC05MS44LTIwNC0yMDQtMjA0eiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==)}
.hytPlayerWrap.paused::after{content:"";position:absolute;top:70px;left:0;bottom:50px;right:0;cursor:pointer;background-color:black;background-repeat:no-repeat;background-position:center;background-size:40px 40px;background-image:url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEiIHdpZHRoPSIxNzA2LjY2NyIgaGVpZ2h0PSIxNzA2LjY2NyIgdmlld0JveD0iMCAwIDEyODAgMTI4MCI+PHBhdGggZD0iTTE1Ny42MzUgMi45ODRMMTI2MC45NzkgNjQwIDE1Ny42MzUgMTI3Ny4wMTZ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+)}
</style>
<div class="hytPlayerWrapOuter">
<div class="hytPlayerWrap">
<iframe width="650" height="405" src="https://www.youtube.com/embed/A_rt1o1WMo8?si=C-BN9NKO3-oKrJXa?rel=0&enablejsapi=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
</div>
<script>
"use strict";
document.addEventListener('DOMContentLoaded',function(){
if(window.hideYTActivated)return;
if(typeof YT==='undefined'){
let tag=document.createElement('script');
tag.src="https://www.youtube.com/iframe_api";
let firstScriptTag=document.getElementsByTagName('script')[0];firstScriptTag.parentNode.insertBefore(tag,firstScriptTag);
}
let onYouTubeIframeAPIReadyCallbacks=[];
for(let playerWrap of document.querySelectorAll(".hytPlayerWrap")){
let playerFrame=playerWrap.querySelector("iframe");
let onPlayerStateChange=function(event){
if(event.data==YT.PlayerState.ENDED){
playerWrap.classList.add("ended");
}
else if(event.data==YT.PlayerState.PAUSED){
playerWrap.classList.add("paused");
}
else if(event.data==YT.PlayerState.PLAYING){
playerWrap.classList.remove("ended");
playerWrap.classList.remove("paused");
}
};
let player;onYouTubeIframeAPIReadyCallbacks.push(function(){
player=new YT.Player(playerFrame,{events:{'onStateChange':onPlayerStateChange}});});
playerWrap.addEventListener("click",function(){
let playerState=player.getPlayerState();
if(playerState==YT.PlayerState.ENDED){
player.seekTo(0);
}
else if(playerState==YT.PlayerState.PAUSED){
player.playVideo();}});} window.onYouTubeIframeAPIReady=function(){
for(let callback of onYouTubeIframeAPIReadyCallbacks){
callback();}};window.hideYTActivated=true;});
</script>
</center>
</div>
</div>
</main>
<button class="go-back-top-btn"><i class="fa-solid fa-angles-up"></i></button>
<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
<script>
var swiper = new Swiper('.swiper-container',{
pagination: '.swiper-pagination',
effect: 'coverflow',
grabCursor: true,
centeredSlides: true,
slidesPerView: 'auto',
coverflow:{
rotate:20,
stretch:0,
depth:200,
modifier:1,
slideShadows:true,
},
loop:true,
autoplay: {
delay: 8000,
disableOnInteraction: false,
},
});
</script>
<!-- <script>
const slideToContent = new Map();
const slides = document.querySelectorAll(".swiper-container .swiper-slide");
let currentSlide = slides[0];
const slideTitle = document.querySelector(".slide-content-title");
const slideContent = document.querySelector(".slide-content-extension");
let json;
caller();
// changeContents();
async function getJSON() {
return fetch('./Planning.json')
.then((response)=>response.json())
.then((responseJson)=>{return responseJson});
}
async function caller() {
json = await this.getJSON();
for (const slide of slides) {
slideToContent.set(slide.id, json[slide.id]);
}
const observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutationRecord) {
checkSlideChange();
});
});
const target = slides[0];
observer.observe(target, { attributes : true, attributeFilter : ['style'] });
}
function checkSlideChange() {
if (currentSlide.style.zIndex !== "1") {
for (const slide of slides) {
if (slide.style.zIndex === "1") {
currentSlide = slide;
changeContents();
break;
}
}
}
}
function changeContents() {
// console.log(json[currentSlide.id]);
slideTitle.innerHTML = json[currentSlide.id]["title"];
slideContent.innerHTML = json[currentSlide.id]["content"];
}
</script> -->
<!-- End of Strategy Planning -->
<script src="index.js"></script>
</body>
</html>