Scribd
Upload
52 views39 pages

Customization S

The document describes the structure and components of PowerSchool pages, including: - Cascading style sheets (CSS) define styles, sizes and page aspects. - Hypertext Markup Language (HTML) tags text files for font, color, graphics and hyperlinks. - Images include icons, pictures, logos and spacers.

Uploaded by

Richard James
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as ZIP, PDF, TXT or read online on Scribd
52 views39 pages

Customization S

The document describes the structure and components of PowerSchool pages, including: - Cascading style sheets (CSS) define styles, sizes and page aspects. - Hypertext Markup Language (HTML) tags text files for font, color, graphics and hyperlinks. - Images include icons, pictures, logos and spacers.

Uploaded by

Richard James
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as ZIP, PDF, TXT or read online on Scribd
You are on page 1/ 39

Lorem Ipsum

Phoenix Learning
DolorSystems

Customizations A - Tech Trek 2019


Z
How do pages work
PowerSchool app

Oracle
CSS
PowerSchool Server Array
Client Side
Client SideAdjustments
Adjustments
Web_root
Localizations
JQuery

Oracle

Javascript

Rendered Page

Server Side
Server SideAdjustments
Adjustments
Customizations

Images End User


CSS
PowerSchool Server Array

Web_root

Oracle

Images
Actual folders on the server with the page structure of
PowerSchool

CSS
PowerSchool Server Array

Web_root

Oracle

Images
drive://Program Files/PowerSchool/Application
Actual folders on the server with the page structure of
PowerSchool

CSS
PowerSchool Server Array
Cascading style sheets are used used to define text styles, table sizes,
Web_root
and other aspects of Web pages that previously could only be defined
in a page's HTML.

Oracle

Images
Actual folders on the server with the page structure of
PowerSchool

CSS
PowerSchool Server Array
Cascading style sheets are used used to define text styles, table sizes,
Web_root
and other aspects of Web pages that previously could only be defined
in a page's HTML.

Hypertext Markup Language is a standardized system for tagging


Oracle text files to achieve font, color, graphic, and hyperlink effects on
World Wide Web pages.

Images
<!DOCTYPE html>
<html>
<!-- non framed -->
<head>
<title>~[text:psx.html.admin_entrycodes.home.entry_codes]</title>
~[wc:commonscripts]
<link href="/images/css/screen.css" rel="stylesheet" media="screen">
<link href="/images/css/print.css" rel="stylesheet" media="print">
</head>

<body>

<form action="home.html" method="POST">


~[wc:admin_header_css]<!-- breadcrumb start --><a href="/admin/home.html" target="_top">~[text:psx.html.admin_entrycodes.home.start_page]</a> &gt; <a href="/admin/district/home.html"
target="_top">~[text:psx.html.admin_entrycodes.home.district_setup]</a> &gt;~[text:psx.html.admin_entrycodes.home.entry_codes1]<!-- breadcrumb end -->~[wc:admin_navigation_css]

<h1>~[text:psx.html.admin_entrycodes.home.entry_codes2]</h1><!-- start of content and bounding box -->


<div class="box-round">

<table border="0" cellspacing="0" cellpadding="4">


<tr>
<td align="center" colspan="3"><a href="edit.html?frn=006-99" id="btnNew" name="btnNew" class="button">~[text:psx.html.admin_entrycodes.home.new]</a></td>
</tr>
<tr bgcolor="#f6f6f6">
<td class="bold">~[text:psx.html.admin_entrycodes.home.code]</td>
<td class="bold">~[text:psx.html.admin_entrycodes.home.meaning]</td>
Actual folders on the server with the page structure of
PowerSchool

CSS
PowerSchool Server Array
Cascading style sheets are used used to define text styles, table sizes,
Web_root
and other aspects of Web pages that previously could only be defined
in a page's HTML.

Hypertext Markup Language is a standardized system for tagging


Oracle text files to achieve font, color, graphic, and hyperlink effects on
World Wide Web pages.

Graphical elements of a webpage such as icons, pictures and logos


and spacers.

Images
Actual folders on the server with the page structure of
PowerSchool.

CSS
PowerSchool Server Array
Cascading style sheets are used used to define text styles, table sizes,
Web_root
and other aspects of Web pages that previously could only be defined
in a page's HTML.

Hypertext Markup Language is a standardized system for tagging


Oracle text files to achieve font, color, graphic, and hyperlink effects on
World Wide Web pages.

Graphical elements of a webpage such as icons, pictures and logos


and spacers.

Images Special re-usable elements of a PowerSchool page.


<!DOCTYPE html>
<html>
<!-- non framed -->
<head>
<title>~[text:psx.html.admin_entrycodes.home.entry_codes]</title>
~[wc:commonscripts]
<link href="/images/css/screen.css" rel="stylesheet" media="screen">
<link href="/images/css/print.css" rel="stylesheet" media="print">
</head>

<body>

<form action="home.html" method="POST">


~[wc:admin_header_css]<!-- breadcrumb start --><a href="/admin/home.html"
target="_top">~[text:psx.html.admin_entrycodes.home.start_page]</a> &gt; <a href="/admin/district/home.html"
target="_top">~[text:psx.html.admin_entrycodes.home.district_setup]</a>
&gt;~[text:psx.html.admin_entrycodes.home.entry_codes1]<!-- breadcrumb end -->~[wc:admin_navigation_css]

<h1>~[text:psx.html.admin_entrycodes.home.entry_codes2]</h1><!-- start of content and bounding box -->


<div class="box-round">

<table border="0" cellspacing="0" cellpadding="4">


<tr>
<td align="center" colspan="3"><a href="edit.html?frn=006-99" id="btnNew" name="btnNew"
class="button">~[text:psx.html.admin_entrycodes.home.new]</a></td>
</tr>
<!DOCTYPE html>
<html>
<!-- non framed -->
<head>
<title>~[text:psx.html.admin_entrycodes.home.entry_codes]</title>
~[wc:commonscripts]
<link href="/images/css/screen.css" rel="stylesheet" media="screen">
<link href="/images/css/print.css" rel="stylesheet" media="print">
</head>

<body>

<form action="home.html" method="POST">


~[wc:admin_header_css]<!-- breadcrumb start --><a href="/admin/home.html" target="_top">~[text:psx.html.admin_entrycodes.home.start_page]</a> &gt; <a href="/admin/district/home.html"
target="_top">~[text:psx.html.admin_entrycodes.home.district_setup]</a> &gt;~[text:psx.html.admin_entrycodes.home.entry_codes1]<!-- breadcrumb end -->~[wc:admin_navigation_css]

<h1>~[text:psx.html.admin_entrycodes.home.entry_codes2]</h1><!-- start of content and bounding box -->


<div class="box-round">

<table border="0" cellspacing="0" cellpadding="4">


<tr>
<td align="center" colspan="3"><a href="edit.html?frn=006-99" id="btnNew" name="btnNew" class="button">~[text:psx.html.admin_entrycodes.home.new]</a></td>
</tr>
<tr bgcolor="#f6f6f6">
<td class="bold">~[text:psx.html.admin_entrycodes.home.code]</td>
<td class="bold">~[text:psx.html.admin_entrycodes.home.meaning]</td>
HTML

<!DOCTYPE html>
<html>
<!-- non framed -->
<head>
<title>~[text:psx.html.admin_entrycodes.home.entry_codes]</title>
~[wc:commonscripts]
<link href="/images/css/screen.css" rel="stylesheet" media="screen">
<link href="/images/css/print.css" rel="stylesheet" media="print">
</head>

<body>

<form action="home.html" method="POST">


~[wc:admin_header_css]<!-- breadcrumb start --><a href="/admin/home.html" target="_top">~[text:psx.html.admin_entrycodes.home.start_page]</a> &gt; <a href="/admin/district/home.html"
target="_top">~[text:psx.html.admin_entrycodes.home.district_setup]</a> &gt;~[text:psx.html.admin_entrycodes.home.entry_codes1]<!-- breadcrumb end -->~[wc:admin_navigation_css]

<h1>~[text:psx.html.admin_entrycodes.home.entry_codes2]</h1><!-- start of content and bounding box -->


<div class="box-round">

<table border="0" cellspacing="0" cellpadding="4">


<tr>
<td align="center" colspan="3"><a href="edit.html?frn=006-99" id="btnNew" name="btnNew" class="button">~[text:psx.html.admin_entrycodes.home.new]</a></td>
</tr>
<tr bgcolor="#f6f6f6">
<td class="bold">~[text:psx.html.admin_entrycodes.home.code]</td>
<td class="bold">~[text:psx.html.admin_entrycodes.home.meaning]</td>
Wildcards

<!DOCTYPE html>
<html>
<!-- non framed -->
<head>
<title>~[text:psx.html.admin_entrycodes.home.entry_codes]</title>
~[wc:commonscripts]
<link href="/images/css/screen.css" rel="stylesheet" media="screen">
<link href="/images/css/print.css" rel="stylesheet" media="print">
</head>

<body>

<form action="home.html" method="POST">


~[wc:admin_header_css]<!-- breadcrumb start --><a href="/admin/home.html" target="_top">~[text:psx.html.admin_entrycodes.home.start_page]</a> &gt; <a href="/admin/district/home.html"
target="_top">~[text:psx.html.admin_entrycodes.home.district_setup]</a> &gt;~[text:psx.html.admin_entrycodes.home.entry_codes1]<!-- breadcrumb end -->~[wc:admin_navigation_css]

<h1>~[text:psx.html.admin_entrycodes.home.entry_codes2]</h1><!-- start of content and bounding box -->


<div class="box-round">

<table border="0" cellspacing="0" cellpadding="4">


<tr>
<td align="center" colspan="3"><a href="edit.html?frn=006-99" id="btnNew" name="btnNew" class="button">~[text:psx.html.admin_entrycodes.home.new]</a></td>
</tr>
<tr bgcolor="#f6f6f6">
<td class="bold">~[text:psx.html.admin_entrycodes.home.code]</td>
<td class="bold">~[text:psx.html.admin_entrycodes.home.meaning]</td>
Localizations

<!DOCTYPE html>
<html>
<!-- non framed -->
<head>
<title>~[text:psx.html.admin_entrycodes.home.entry_codes]</title>
~[wc:commonscripts]
<link href="/images/css/screen.css" rel="stylesheet" media="screen">
<link href="/images/css/print.css" rel="stylesheet" media="print">
</head>

<body>

<form action="home.html" method="POST">


~[wc:admin_header_css]<!-- breadcrumb start --><a href="/admin/home.html" target="_top">~[text:psx.html.admin_entrycodes.home.start_page]</a> &gt; <a href="/admin/district/home.html"
target="_top">~[text:psx.html.admin_entrycodes.home.district_setup]</a> &gt;~[text:psx.html.admin_entrycodes.home.entry_codes1]<!-- breadcrumb end -->~[wc:admin_navigation_css]

<h1>~[text:psx.html.admin_entrycodes.home.entry_codes2]</h1><!-- start of content and bounding box -->


<div class="box-round">

<table border="0" cellspacing="0" cellpadding="4">


<tr>
<td align="center" colspan="3"><a href="edit.html?frn=006-99" id="btnNew" name="btnNew" class="button">~[text:psx.html.admin_entrycodes.home.new]</a></td>
</tr>
<tr bgcolor="#f6f6f6">
<td class="bold">~[text:psx.html.admin_entrycodes.home.code]</td>
<td class="bold">~[text:psx.html.admin_entrycodes.home.meaning]</td>
CSS
PowerSchool Server Array

Web_root
Localizations

Oracle

Server Side
Server SideAdjustments
Adjustments
Customizations

Images
Localizations

Server Side
Server SideAdjustments
Adjustments
Customizations
Localizations

All these get added to the


page before or as the page
is sent to the user’s
Server Side
Server browser.
SideAdjustments
Adjustments
Customizations
Completely new additional page and/or image to PowerSchool.

Localizations

Server Side
Server SideAdjustments
Adjustments
Customizations
Completely new additional page and/or image to PowerSchool.

Localizations
Built-in functionality that allows for foreign language translations of a page, but it
can be used to make slight label or additions to text only elements of a page.

Server Side
Server SideAdjustments
Adjustments
Customizations
Completely new additional page and/or image to PowerSchool.

Localizations
Built-in functionality that allows for foreign language translations of a page, but it
can be used to make slight label or additions to text only elements of a page.

Usual a similar copy of the original page, but with slight changes in text. It usually
omits, adds, or edit elements of the original HTML. May include an inserted
partial HTML file.

Server Side
Server SideAdjustments
Adjustments
Customizations
Completely new additional page and/or image to PowerSchool.

Localizations
Built-in functionality that allows for foreign language translations of a page, but it
can be used to make slight label or additions to text only elements of a page.

Usual a similar copy of the original page, but with slight changes in text. It usually
omits, adds, or edit elements of the original HTML. May include an inserted
partial HTML file.

Server Side Small snippets of code that get inserted at the bottom of a menu, page or other
SideAdjustments
Adjustments
Server
Customizations element of the HTML. May include jquery to place the fragment somewhere else
on the page.
Completely new additional page and/or image to PowerSchool.

Localizations
Built-in functionality that allows for foreign language translations of a page, but it
can be used to make slight label or additions to text only elements of a page.

Usual a similar copy of the original page, but with slight changes in text. It usually
omits, adds, or edit elements of the original HTML. May include an inserted
partial HTML file.

Server Side Small snippets of code that get inserted at the bottom of a menu, page or other
SideAdjustments
Adjustments
Server
Customizations element of the HTML.
CSS
PowerSchool Server Array
Client Side
Client SideAdjustments
Adjustments
Web_root
Localizations
JQuery

Oracle

Javascript

Server Side
Server SideAdjustments
Adjustments
Customizations

Images
Client Side
Client SideAdjustments
Adjustments

JQuery

Javascript
Client Side
Client SideAdjustments
Adjustments

JQuery
jQuery is a lightweight, "write less, do more", JavaScript library.
The purpose of jQuery is to make it much easier to use JavaScript on your
website. It takes a lot of common tasks that require many lines of JavaScript code
to accomplish, and wraps them into methods that you can call with a single line of
code.
Javascript
Client Side
Client SideAdjustments
Adjustments

JQuery
jQuery is a lightweight, "write less, do more", JavaScript library.
The purpose of jQuery is to make it much easier to use JavaScript on your
website. It takes a lot of common tasks that require many lines of JavaScript code
to accomplish, and wraps them into methods that you can call with a single line of
code.
Javascript JavaScript is the Programming Language for the Web.
JavaScript can update and change both HTML and CSS.
JavaScript can calculate, manipulate and validate data.
CSS
PowerSchool Server Array
Client Side
Client SideAdjustments
Adjustments
Web_root
Localizations
JQuery

Oracle

Javascript

Rendered Page

Server Side
Server SideAdjustments
Adjustments
Customizations

Images End User


How does a page get rendered?
❖ User call for a page
❖ The original file is located
❖ Is there a custom version?
❖ Add CSS
❖ Add Wildcards
❖ Add data
❖ Add fragments
❖ Run Javascript and/or jQuery
Some Examples
❖ Change a label
❖ Add a menu item
❖ Remove something off a page
❖ Add more fields to an existing page
❖ Add new functionality to PowerSchool

You might also like