Phoenix Learning Systems
Customizations A - Tech Trek
Z 2019
How do pages work
PowerSchool app
Oracle
Server Base
Web_root
Server Side Adjustments
HTML Webpage
CSS C
PowerSchool Server Array li e
nt
Si
de
A
dj
Lo
u
ca
st JQ
liz
m u
en ery
at
HTML Webpage
io
ts
ns
Oracle Customizations
Ja
va
Images s cr
ip
t
Re
Fr nd
ag er
m ed
Wildcards en Pa
ts ge
End User
Server Base
Web_root
CSS
PowerSchool Server Array
HTML Webpage
Oracle
Images
Wildcards
Server Base
Web_root
Actual folders on the server with the page structure of
PowerSchool
CSS
PowerSchool Server Array
HTML Webpage
Oracle
Images
Wildcards
drive://Program Files/PowerSchool/Application
Server Base
Web_root
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, and other aspects of Web pages that previously could only
be defined in a page's HTML.
HTML Webpage
Oracle
Images
Wildcards
Server Base
Web_root
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, and other aspects of Web pages that previously could only
be defined in a page's HTML.
HTML Webpage
Hypertext Markup Language is a standardized system for
tagging text files to achieve font, color, graphic, and hyperlink
Oracle
effects on World Wide Web pages.
Images
Wildcards
<!DOCTYPE html>
<html>
<!-- non framed -->
<head>
<title>~[text:[Link].admin_entrycodes.home.entry_codes]</title>
~[wc:commonscripts]
<link href="/images/css/[Link]" rel="stylesheet" media="screen">
<link href="/images/css/[Link]" rel="stylesheet" media="print">
</head>
<body>
<form action="[Link]" method="POST">
~[wc:admin_header_css]<!-- breadcrumb start --><a href="/admin/[Link]" target="_top">~[text:[Link].admin_entrycodes.home.start_page]</a> > <a
href="/admin/district/[Link]" target="_top">~[text:[Link].admin_entrycodes.home.district_setup]</a> >~[text:[Link].admin_entrycodes.home.entry_codes1]<!--
breadcrumb end -->~[wc:admin_navigation_css]
<h1>~[text:[Link].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="[Link]?frn=006-99" id="btnNew" name="btnNew" class="button">~[text:[Link].admin_entrycodes.[Link]]</a></td>
</tr>
<tr bgcolor="#f6f6f6">
<td class="bold">~[text:[Link].admin_entrycodes.[Link]]</td>
<td class="bold">~[text:[Link].admin_entrycodes.[Link]]</td>
<td align="center" class="bold">~[text:[Link].admin_entrycodes.home.sort_order]</td>
</tr>
<tr bgcolor="#edf3fe">~[tlist;gen;cat=entrycodes;alternatecolor;nonemessage=~[text:[Link].admin_entrycodes.home.no_entry_codes_were_found];sortcmd;sortorder,>]
<td><a href="[Link]?frn=~(frn)">~(name)</a></td>
<td><a href="[Link]?frn=~(frn)">~(value)</a></td>
<td align="center"><input type="text" name="[06]sortorder" size="3" value=""></td>
</tr>
<tr>
<td colspan="3">~[text:[Link].admin_entrycodes.home.note_this_list_of_entry_codes_applies_to_all_schools_using_t]</td>
</tr>
</table>
<br>
<div class="button-row"><input type="hidden" name="ac" value="prim"><input type="hidden" name="skippresavetrigger" value="TRUE">~[submitbutton]</div>
</div>
<br>
<!-- end of content of bounding box -->
~[wc:admin_footer_css]
</body>
</html><!-- non framed -->
Server Base
Web_root
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, and other aspects of Web pages that previously could only
be defined in a page's HTML.
HTML Webpage
Hypertext Markup Language is a standardized system for
tagging text files to achieve font, color, graphic, and hyperlink
Oracle
effects on World Wide Web pages.
Images
Graphical elements of a webpage such as icons, pictures and
logos and spacers.
Wildcards
Server Base
Web_root
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, and other aspects of Web pages that previously could only
be defined in a page's HTML.
HTML Webpage
Hypertext Markup Language is a standardized system for
tagging text files to achieve font, color, graphic, and hyperlink
Oracle
effects on World Wide Web pages.
Images
Graphical elements of a webpage such as icons, pictures and
logos and spacers.
Wildcards
Special re-usable elements of a PowerSchool page.
<!DOCTYPE html>
<html>
<!-- non framed -->
<head>
<title>~[text:[Link].admin_entrycodes.home.entry_codes]</title>
~[wc:commonscripts]
<link href="/images/css/[Link]" rel="stylesheet" media="screen">
<link href="/images/css/[Link]" rel="stylesheet" media="print">
</head>
<body>
<form action="[Link]" method="POST">
~[wc:admin_header_css]<!-- breadcrumb start --><a href="/admin/[Link]"
target="_top">~[text:[Link].admin_entrycodes.home.start_page]</a> > <a href="/admin/district/[Link]"
target="_top">~[text:[Link].admin_entrycodes.home.district_setup]</a>
>~[text:[Link].admin_entrycodes.home.entry_codes1]<!-- breadcrumb end -->~[wc:admin_navigation_css]
<h1>~[text:[Link].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="[Link]?frn=006-99" id="btnNew" name="btnNew"
class="button">~[text:[Link].admin_entrycodes.[Link]]</a></td>
</tr>
<tr bgcolor="#f6f6f6">
<td class="bold">~[text:[Link].admin_entrycodes.[Link]]</td>
<td class="bold">~[text:[Link].admin_entrycodes.[Link]]</td>
<td align="center" class="bold">~[text:[Link].admin_entrycodes.home.sort_order]</td>
</tr>
<tr
bgcolor="#edf3fe">~[tlist;gen;cat=entrycodes;alternatecolor;nonemessage=~[text:[Link].admin_entrycodes.home.no_entry_c
odes_were_found];sortcmd;sortorder,>]
<td><a href="[Link]?frn=~(frn)">~(name)</a></td>
<td><a href="[Link]?frn=~(frn)">~(value)</a></td>
<td align="center"><input type="text" name="[06]sortorder" size="3" value=""></td>
</tr>
<tr>
<td colspan="3">~[text:[Link].admin_entrycodes.home.note_this_list_of_entry_codes_applies_to_all_schools_using_t]</td>
</tr>
</table>
<br>
<div class="button-row"><input type="hidden" name="ac" value="prim"><input type="hidden" name="skippresavetrigger"
value="TRUE">~[submitbutton]</div>
</div>
<br>
<!-- end of content of bounding box -->
~[wc:admin_footer_css]
</body>
</html><!-- non framed -->
<!DOCTYPE html>
<html>
<!-- non framed -->
<head>
<title>~[text:[Link].admin_entrycodes.home.entry_codes]</title>
~[wc:commonscripts]
<link href="/images/css/[Link]" rel="stylesheet" media="screen">
<link href="/images/css/[Link]" rel="stylesheet" media="print">
</head>
<body>
<form action="[Link]" method="POST">
~[wc:admin_header_css]<!-- breadcrumb start --><a href="/admin/[Link]" target="_top">~[text:[Link].admin_entrycodes.home.start_page]</a> > <a
href="/admin/district/[Link]" target="_top">~[text:[Link].admin_entrycodes.home.district_setup]</a> >~[text:[Link].admin_entrycodes.home.entry_codes1]<!--
breadcrumb end -->~[wc:admin_navigation_css]
<h1>~[text:[Link].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="[Link]?frn=006-99" id="btnNew" name="btnNew" class="button">~[text:[Link].admin_entrycodes.[Link]]</a></td>
</tr>
<tr bgcolor="#f6f6f6">
<td class="bold">~[text:[Link].admin_entrycodes.[Link]]</td>
<td class="bold">~[text:[Link].admin_entrycodes.[Link]]</td>
<td align="center" class="bold">~[text:[Link].admin_entrycodes.home.sort_order]</td>
</tr>
<tr bgcolor="#edf3fe">~[tlist;gen;cat=entrycodes;alternatecolor;nonemessage=~[text:[Link].admin_entrycodes.home.no_entry_codes_were_found];sortcmd;sortorder,>]
<td><a href="[Link]?frn=~(frn)">~(name)</a></td>
<td><a href="[Link]?frn=~(frn)">~(value)</a></td>
<td align="center"><input type="text" name="[06]sortorder" size="3" value=""></td>
</tr>
<tr>
<td colspan="3">~[text:[Link].admin_entrycodes.home.note_this_list_of_entry_codes_applies_to_all_schools_using_t]</td>
</tr>
</table>
<br>
<div class="button-row"><input type="hidden" name="ac" value="prim"><input type="hidden" name="skippresavetrigger" value="TRUE">~[submitbutton]</div>
</div>
<br>
<!-- end of content of bounding box -->
~[wc:admin_footer_css]
</body>
</html><!-- non framed -->
<!DOCTYPE html>
<html>
HTML
<!-- non framed -->
<head>
<title>~[text:[Link].admin_entrycodes.home.entry_codes]</title>
~[wc:commonscripts]
<link href="/images/css/[Link]" rel="stylesheet" media="screen">
<link href="/images/css/[Link]" rel="stylesheet" media="print">
</head>
<body>
<form action="[Link]" method="POST">
~[wc:admin_header_css]<!-- breadcrumb start --><a href="/admin/[Link]" target="_top">~[text:[Link].admin_entrycodes.home.start_page]</a> > <a
href="/admin/district/[Link]" target="_top">~[text:[Link].admin_entrycodes.home.district_setup]</a> >~[text:[Link].admin_entrycodes.home.entry_codes1]<!--
breadcrumb end -->~[wc:admin_navigation_css]
<h1>~[text:[Link].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="[Link]?frn=006-99" id="btnNew" name="btnNew" class="button">~[text:[Link].admin_entrycodes.[Link]]</a></td>
</tr>
<tr bgcolor="#f6f6f6">
<td class="bold">~[text:[Link].admin_entrycodes.[Link]]</td>
<td class="bold">~[text:[Link].admin_entrycodes.[Link]]</td>
<td align="center" class="bold">~[text:[Link].admin_entrycodes.home.sort_order]</td>
</tr>
<tr bgcolor="#edf3fe">~[tlist;gen;cat=entrycodes;alternatecolor;nonemessage=~[text:[Link].admin_entrycodes.home.no_entry_codes_were_found];sortcmd;sortorder,>]
<td><a href="[Link]?frn=~(frn)">~(name)</a></td>
<td><a href="[Link]?frn=~(frn)">~(value)</a></td>
<td align="center"><input type="text" name="[06]sortorder" size="3" value=""></td>
</tr>
<tr>
<td colspan="3">~[text:[Link].admin_entrycodes.home.note_this_list_of_entry_codes_applies_to_all_schools_using_t]</td>
</tr>
</table>
<br>
<div class="button-row"><input type="hidden" name="ac" value="prim"><input type="hidden" name="skippresavetrigger" value="TRUE">~[submitbutton]</div>
</div>
<br>
<!-- end of content of bounding box -->
~[wc:admin_footer_css]
</body>
</html><!-- non framed -->
<!DOCTYPE html>
<html>
Wildcards
<!-- non framed -->
<head>
<title>~[text:[Link].admin_entrycodes.home.entry_codes]</title>
~[wc:commonscripts]
<link href="/images/css/[Link]" rel="stylesheet" media="screen">
<link href="/images/css/[Link]" rel="stylesheet" media="print">
</head>
<body>
<form action="[Link]" method="POST">
~[wc:admin_header_css]<!-- breadcrumb start --><a href="/admin/[Link]" target="_top">~[text:[Link].admin_entrycodes.home.start_page]</a> > <a
href="/admin/district/[Link]" target="_top">~[text:[Link].admin_entrycodes.home.district_setup]</a> >~[text:[Link].admin_entrycodes.home.entry_codes1]<!--
breadcrumb end -->~[wc:admin_navigation_css]
<h1>~[text:[Link].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="[Link]?frn=006-99" id="btnNew" name="btnNew" class="button">~[text:[Link].admin_entrycodes.[Link]]</a></td>
</tr>
<tr bgcolor="#f6f6f6">
<td class="bold">~[text:[Link].admin_entrycodes.[Link]]</td>
<td class="bold">~[text:[Link].admin_entrycodes.[Link]]</td>
<td align="center" class="bold">~[text:[Link].admin_entrycodes.home.sort_order]</td>
</tr>
<tr bgcolor="#edf3fe">~[tlist;gen;cat=entrycodes;alternatecolor;nonemessage=~[text:[Link].admin_entrycodes.home.no_entry_codes_were_found];sortcmd;sortorder,>]
<td><a href="[Link]?frn=~(frn)">~(name)</a></td>
<td><a href="[Link]?frn=~(frn)">~(value)</a></td>
<td align="center"><input type="text" name="[06]sortorder" size="3" value=""></td>
</tr>
<tr>
<td colspan="3">~[text:[Link].admin_entrycodes.home.note_this_list_of_entry_codes_applies_to_all_schools_using_t]</td>
</tr>
</table>
<br>
<div class="button-row"><input type="hidden" name="ac" value="prim"><input type="hidden" name="skippresavetrigger" value="TRUE">~[submitbutton]</div>
</div>
<br>
<!-- end of content of bounding box -->
~[wc:admin_footer_css]
</body>
</html><!-- non framed -->
<!DOCTYPE html>
<html>
Localizations
<!-- non framed -->
<head>
<title>~[text:[Link].admin_entrycodes.home.entry_codes]</title>
~[wc:commonscripts]
<link href="/images/css/[Link]" rel="stylesheet" media="screen">
<link href="/images/css/[Link]" rel="stylesheet" media="print">
</head>
<body>
<form action="[Link]" method="POST">
~[wc:admin_header_css]<!-- breadcrumb start --><a href="/admin/[Link]" target="_top">~[text:[Link].admin_entrycodes.home.start_page]</a> > <a
href="/admin/district/[Link]" target="_top">~[text:[Link].admin_entrycodes.home.district_setup]</a> >~[text:[Link].admin_entrycodes.home.entry_codes1]<!--
breadcrumb end -->~[wc:admin_navigation_css]
<h1>~[text:[Link].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="[Link]?frn=006-99" id="btnNew" name="btnNew" class="button">~[text:[Link].admin_entrycodes.[Link]]</a></td>
</tr>
<tr bgcolor="#f6f6f6">
<td class="bold">~[text:[Link].admin_entrycodes.[Link]]</td>
<td class="bold">~[text:[Link].admin_entrycodes.[Link]]</td>
<td align="center" class="bold">~[text:[Link].admin_entrycodes.home.sort_order]</td>
</tr>
<tr bgcolor="#edf3fe">~[tlist;gen;cat=entrycodes;alternatecolor;nonemessage=~[text:[Link].admin_entrycodes.home.no_entry_codes_were_found];sortcmd;sortorder,>]
<td><a href="[Link]?frn=~(frn)">~(name)</a></td>
<td><a href="[Link]?frn=~(frn)">~(value)</a></td>
<td align="center"><input type="text" name="[06]sortorder" size="3" value=""></td>
</tr>
<tr>
<td colspan="3">~[text:[Link].admin_entrycodes.home.note_this_list_of_entry_codes_applies_to_all_schools_using_t]</td>
</tr>
</table>
<br>
<div class="button-row"><input type="hidden" name="ac" value="prim"><input type="hidden" name="skippresavetrigger" value="TRUE">~[submitbutton]</div>
</div>
<br>
<!-- end of content of bounding box -->
~[wc:admin_footer_css]
</body>
</html><!-- non framed -->
Server Base
Web_root
Server Side Adjustments
HTML Webpage
CSS
PowerSchool Server Array
Lo
ca
liz
at
HTML Webpage
io
ns
Oracle Customizations
Images
Fr
ag
m
Wildcards en
ts
Server Side Adjustments
HTML Webpage
Lo
ca
liz
a tio
ns
Customizations
Fr
ag
m
en
ts
Server Side Adjustments
HTML Webpage
Lo
ca
All these get added to the
liz
a tio
ns page before or as the page
Customizations is sent to the user’s
browser.
Fr
ag
m
en
ts
Server Side Adjustments
HTML Webpage
Completely new additional page and/or image to PowerSchool.
Lo
ca
liz
a tio
ns
Customizations
Fr
ag
m
en
ts
Server Side Adjustments
HTML Webpage
Completely new additional page and/or image to PowerSchool.
Lo Built-in functionality that allows for foreign language translations of a page,
ca
liz but it can be used to make slight label or additions to text only elements of a
a tio
ns page.
Customizations
Fr
ag
m
en
ts
Server Side Adjustments
HTML Webpage
Completely new additional page and/or image to PowerSchool.
Lo Built-in functionality that allows for foreign language translations of a page,
ca
liz but it can be used to make slight label or additions to text only elements of a
a tio
ns page.
Customizations
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.
Fr
ag
m
en
ts
Server Side Adjustments
HTML Webpage
Completely new additional page and/or image to PowerSchool.
Lo Built-in functionality that allows for foreign language translations of a page,
ca
liz but it can be used to make slight label or additions to text only elements of a
a tio
ns page.
Customizations
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.
Fr Small snippets of code that get inserted at the bottom of a menu, page or
ag other element of the HTML. May include jquery to place the fragment
m
en somewhere else on the page.
ts
Server Side Adjustments
HTML Webpage
Completely new additional page and/or image to PowerSchool.
Lo Built-in functionality that allows for foreign language translations of a page,
ca
liz but it can be used to make slight label or additions to text only elements of a
a tio
ns page.
Customizations
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.
Fr Small snippets of code that get inserted at the bottom of a menu, page or
ag
m other element of the HTML.
en
ts
Server Base
Web_root
Server Side Adjustments
HTML Webpage
CSS C
PowerSchool Server Array li e
nt
Si
de
A
dj
Lo
u
ca
st JQ
liz
m u
en ery
at
HTML Webpage
io
ts
ns
Oracle Customizations
Ja
va
Images s cr
ip
t
Fr
ag
m
Wildcards en
ts
C
li e
nt
Si
de
A
dj
u st JQ
m u
en ery
ts
Ja
va
sc
rip
t
C
li e
nt
Si
de
A jQuery is a lightweight, "write less, do more", JavaScript library.
dj The purpose of jQuery is to make it much easier to use JavaScript on your
u st JQ
m u website. It takes a lot of common tasks that require many lines of JavaScript
en ery
ts code to accomplish, and wraps them into methods that you can call with a
single line of code.
Ja
va
sc
rip
t
C
li e
nt
Si
de
A jQuery is a lightweight, "write less, do more", JavaScript library.
dj The purpose of jQuery is to make it much easier to use JavaScript on your
u st JQ
m u website. It takes a lot of common tasks that require many lines of JavaScript
en ery
ts code to accomplish, and wraps them into methods that you can call with a
single line of code.
Ja
va JavaScript is the Programming Language for the Web.
sc
rip JavaScript can update and change both HTML and CSS.
t JavaScript can calculate, manipulate and validate data.
Server Base
Web_root
Server Side Adjustments
HTML Webpage
CSS C
PowerSchool Server Array li e
nt
Si
de
A
dj
Lo
u
ca
st JQ
liz
m u
en ery
at
HTML Webpage
io
ts
ns
Oracle Customizations
Ja
va
Images s cr
ip
t
Re
Fr nd
ag er
m ed
Wildcards en Pa
ts ge
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
