Listen to our short podcast explaining how schools should approach GDPR:
12 Steps to GDPR for Schools [Podcast]
Category: Bespoke School Websites,School Website Design
Published: January 29, 2018
Category: Bespoke School Websites,School Website Design
Published: January 29, 2018
Listen to our short podcast explaining how schools should approach GDPR:
Published: January 22, 2018
To someone running a school website, it’s not always clear which developments in the web you need to follow. Many websites are commercial projects and so what matters to them may not matter to you.
One of the most important developments in recent years is the growth of SSL certification. This raises two important questions for anyone running a school website:
SSL stands for Secure Sockets Layer. It’s the name for the predecessor of Transport Layer Security (TLS), a system that lets computers communicate safely with each other. Though SSL is now redundant, the phrase “SSL certificate” still refers to a public key certificate, an important part of the TLS system.
An SSL certificate is a digital file associated with your website. It has two important effects.
Firstly, it provides evidence that this is the real version of your website and not an imposter using your name to gain people’s information.
Secondly, it is used to encrypt information your users put into the website. This means that, if someone intercepts the information, they will not be able to read it. Only you can decrypt the data and read the message. This is very important when making financial transactions or sharing private information.
You can tell if a website has an SSL certificate in three ways:
Whenever you use the internet, you are sharing packets of information. This might be something seemingly small, like a request for the contents of a website to be sent to your browser. It might be something more important, like details of a bank card. Every time you click on a link or fill in a form, you share a little bit of information and you get a bit back.
For websites without SSL certification, this information is not encoded. If someone intercepts it then they can read the information you have sent. The growth of wireless networks and mobile browsing has created more possibilities for interception than ever before.
SSL is important because it lets people use your website more safely. Those packets of information, however big or small, can’t be read if they are intercepted.
This has a lot of implications for a school website.
One important thing that SSL provides is peace of mind. Not everybody understands SSL or the importance of internet security, but most people have noticed the padlock symbol in the browsing bar. They know that it shows that a site is safer to use.
SSL certification gives reassurance to your site’s users. Internet savvy parents will recognise that you are security conscious and that your site is safe to use. Even those less informed about technology will recognise that familiar padlock logo.
Importantly, browsers sometimes flag up sites that don’t have SSL certification, with a glaring red symbol to show that the site is not secure. This can be alarming for users, whether or not they understand what SSL is. It may not be something you want associated with a school site.
SSL lets you securely share information through your website. This lets you turn the site into an interactive experience, a valuable hub for communication and work.
With SSL certification, you can provide secure webforms for parents to send messages to the school, book events, and keep up on their children’s activities. You can provide online spaces such as e-portfolios for pupils to upload their work and network with their peers. Your website can become a central hub for learning.
You can also use a secure website to communicate with staff. Information and resources can be shared through a secure site.
One of the reasons for a school to have a website is to increase its visibility, both in the local community and in the wider world.
Visibility on the web is increasingly dependent upon SSL certification. Google, the most popular search engine, gives higher search rankings to sites with SSL certification than to those without, as it steers its users towards safer sites. If you have SSL certification, your site will show up higher in the rankings and so be more visible to people surfing the web.
Schools have to consider a factor that most other websites don’t – their role in educating both pupils and parents.
Schools set examples, whether good or bad. If pupils and parents regularly see a school website without SSL certification then they will get used to it. They are more likely to view unsecured websites as safe to use. After all, teachers are expected to know what they are doing, even in areas outside their expertise.
On the other hand, if the school website is certified then parents and pupils are more likely to treat this as the norm. They will ask questions if they see a website without signs of certification. This will make them safer in their use of the internet.
SSL certification isn’t essential for a school website. It’s not yet the universal standard for legitimate websites.
But certification brings a lot of advantages. It lets you make your website more interactive for pupils, parents, and staff. It provides a sense of security for people using the site. And it supports the school’s role as an educator, setting an example in the safe use of information technology.
You might not need SSL certification to get your website up and running, but to create a modern site and set your school up for future success, it’s almost certainly worth the extra effort.
Published: January 18, 2018
Your school website design is an important part of your school’s presence in the world. It’s a line of communication with parents, a way of celebrating your achievements, and a tool in attracting both pupils and staff. So how can you make the most out of the design?
It may not be glamorous, but the first thing you should think about is making your website easy to navigate. It affects the structure of the website, and so is fundamental to its design.
To do this, group pages together in a logical hierarchy that fits what people are used to seeing on the internet. Address, phone numbers, email, and a map to find the school should all come under “contact us”. Information about subjects can go together under “curriculum” or “what we teach”. Information about events should start with what’s coming next. A calendar with links to individual event pages can be a great way to tell people what’s going on.
Minimise how much effort it takes to find information. Whenever possible, visitors should be able to find the information they want within three clicks.
A few simple measures can make your website more accessible for a variety of users.
Use font colours that stand out well against the background. Black text on a background that’s white or pale is usually best. When making text stand out through different colours, avoid those that might be indistinguishable to the colour blind.
Use alt text for images. Make it describe what you want the picture to convey, as blind or partially sighted users will rely on this text.
Use clear, descriptive text for links, to help those using screen readers.
Some website providers, like School Jotter, include a translate option. If your school serves a diverse community then this can be a huge help by communicating with parents in their first language.
Use the layout of each page to make it clearer and more accessible. For a page with lots of content, include jump links to each part at the top of the page, so that users with limited mobility can get down the page without much mouse use. Include drop down menus and links to break up text and provide extra options.
Because of the way people read, more information is absorbed from what’s at the top and left of each page. Focus the most important information here, to make sure that people see it.
The font you use can make a huge difference in how easy your website is to read. Avoid quirky choices like Comic Sans or old-fashioned ones like Times New Roman. The best fonts for online reading are sans serif fonts like Arial and Verdana, which are easy to read while looking elegant and modern.
Size matters. The best font size for online reading is 16px. You’ll also want to use other sizes for headers. With these, keep to the same font and to no more than three different sizes, to avoid mess and clutter.
Images are great for getting people’s attention and creating variety. You can use them to make pages more attractive and to draw readers to important parts of the page.
When using photos, take care in your choices. To keep them safe, children should not be identifiable from photos, so be careful with faces and don’t match them with names. Photos of eye-catching work can provide an interesting alternative.
Slideshows are another way of making the site more interesting. The movement they provide draws the eye, and they can show visitors a variety of images and text without taking up lots of screen space.
Bright colours create an emotional response and so can be good for drawing attention to important information. Use them sparingly so that they have more impact when they appear.
As you try to make the website more eye-catching, it can be tempting to fill it full of images and text. But too much can be overwhelming. Don’t be afraid to leave plenty of empty background space. Then, the text and images you provide will stand out better, and it will be easy to see what’s important.
The content of your website is as important as the way it is presented, so think carefully about what you’re saying and how you say it.
Wherever possible, use plain English to make your message understandable. If you can choose between two words with the same meaning, pick the simpler one.
Break the text up into small paragraphs. It might feel odd as you write it, but simpler, shorter blocks of text are easier for a reader to take in. Where possible, limit paragraphs to around three sentences and don’t let those sentences run on.
Divide the writing up with headings and subheadings. Like small paragraphs, this makes the text less intimidating and easier to take in. It also makes it easier for users to navigate the page, skipping to the relevant heading to find what they want.
It can be tempting to cram in a lot of information, just like it’s tempting to go overboard on the visuals. This might seem like a good way to tell people more, but in reality it’s often overwhelming.
To avoid this, think carefully about what the important part of your message is and how you can get it across. What do you want people to know after each page? How much extra is going to be interesting or useful?
If you want visitors to do something after reading a page, make this clear through a call to action. For example, a page about an upcoming school trip might end by suggesting that parents fill in the booking form, and then provide a link to the form.
You don’t need to reinvent the wheel. Check out other schools’ websites and learn from what works for them. For some examples, check out our School Jotter website. There, you can also find out how School Jotter can help you make your own great website.
Category: Education Technology,Ofsted,School Website Design
Published: January 12, 2018
Today, there’s an app for almost everything.
Just by downloading an app, you can make certain aspects of your everyday life easier: it may help you plan your schedule, track your fitness, do your weekly shopping, keep up to date with your social media profiles, or countless other tasks.
The explosion of apps is just part of the ongoing reign of the mobile device. Smartphones and tablets (though primarily the former) are essential companions for millions of us, helping us get through our professional and personal lives. Businesses and organisations are consistently recommended to invest in mobile advertising, and to ensure their websites are optimised to be mobile-friendly.
Your school can benefit from embracing the mobile market too, across both your website and an app – but why do you need both?
Mobile websites are basically similar to any other site: they revolve around connected HTML pages, incorporating numerous features and media.
However, what makes a mobile website different from those we tend to explore on our computers is that they are designed for smaller screens and touch-screen interaction. Google’s search algorithm now gives greater prominence to websites which are mobile-friendly, and this is only going to increase in years to come.
Mobile websites can present any form of media, just as standard domains do: images, video, text, animations, and submission forms can all be incorporated into your mobile website. Whereas accessing websites on mobile phones may have led to clumsy, monochromatic visuals once upon a time, you can now expect the same performance as you would on a high-end PC.
Mobile websites are immediately available, unlike apps which need to be downloaded. Why does this matter? Well, for example, let’s say you send an email to parents inviting them to check important resources on your site, and include a link to the relevant pages.
Parents will then be able to click the link and go directly to the information they need to see; if they do this on their mobile phone or tablet (as many of them will, especially if on the move or if they have no desktop computer at home), your mobile website will present the key information in a clear, accessible way.
If the same resources were available only via your app, parents would then either have to go to the effort of downloading it before they could access it. Alternatively, they may prefer to contact your school to get the details – taking more time out of their busy day.
Another reason your mobile website is an essential complement to an app is that they are compatible across multiple devices. Your app may only be available on, say, Android and iOS, meaning parents with a Windows phone would be unable to use it, but they would be able to reach your mobile website with no trouble.
Mobile websites have broader reach, too, as not every parent, grandparent, or guardian will feel comfortable downloading an app; they may even not understand how to. You need to ensure your online presence is as accessible to everyone as possible.
With all this in mind, it’s easy to think a mobile website alone is enough, but apps are equally important.
Your school should invest in setting up an app for various reasons. First and foremost, mobile apps enable you to send push notifications or alerts to parents and other key users; these allow you to keep them informed of details either instead of, or alongside, emails and letters.
These notifications can be used for less-important information or to remind them of upcoming events. Notifications can either be clicked on to go to the relevant page of the app, or cleared from the screen if they are irrelevant. These are much less hassle for the recipient than a letter or phone call.
Another key difference between apps and mobile websites is that the former can be used offline. Not all functions of the app may be accessible without an internet connection, but others will be: parents and guardians can check on school calendars, reports, and more whilst offline.
A school app may also include maps of your grounds, the location of upcoming sports events, and destinations for field trips. Parents can even explore what homework has been set, take part in surveys, and more. Mobile apps do consume storage space on users’ mobile devices, so it’s vital to keep them down to a manageable size; if your school app demands too much storage space, parents may be reluctant to download it.
Your app typically requires more time and attention to manage than a mobile website, but giving your students’ parents a portal to your school they can carry with them at all times is an effective way to build bonds.
Mobile apps typically require access to certain functions in a user’s phone, such as finding their location, accessing contacts, and others. You need to make them aware of this before they download the app.
Offering an app also demonstrates that your school is on the cutting edge and able to meet the demands of modern life. If you want to give parents and guardians access to complex data on your school – such as Ofsted reports, visual information through graphs and charts – an app can process this a little more efficiently than a mobile website.
You can include certain features across both mobile sites and apps, of course. Communication options, such as email submission forms and click-to-call buttons, may be integrated into both with minimal effort; these provide users with a choice of contact methods in the palm of their hand, without having to dial a number, drop into the school, or even worry about typing email addresses properly.
Optimising your website for mobile devices and releasing an app will empower your school to build stronger relationships with parents and guardians, catering to all types of mobile device and preferences. Those who would rather download an app than navigate their phone’s browser will be satisfied, while anyone reluctant to add your school’s app to their device can just hop online instead.
Both school mobile websites and mobile apps allow you to customise their look and feel, reinforcing your institution’s ‘brand’ with your school’s colours and logo. Putting your school at the forefront of mobile technology is key to to maximize engagement and build strong bonds for years to come.
Jotter Blogs enables you to create multiple different blogs. A blog is like a folder or container. Within each blog you can have multiple posts, which are like individual diary entries. You can create as many blogs as you like, and post as many entries as you like.
For example, you might have a blog called Class page and inside that blog add posts about what you’ve done in class. You might have another blog called School events and then post things that have happened at school in there.
As soon as blogging is switched on for students, they will all be able to create their own blogs and posts, which everyone else in the school can see and comment on.
The word blog is the bringing together of two words, web and log. A blog started out as being the work of a single person recording information about themselves or their interests, sort of an online diary. With web 2.0 technologies allowed the blogs readers to post comments and thus start a conversation about a post, making blogging a way to engage with like minded people and interactive, rather than the reader having just a passive role.
Today blogs are used to collaborate, collect information in one place whilst brainstorming and reach out to others that share your interests.
Blogs have now made it into the classroom and have become a useful tool in many ways. Firstly as a communication tool and a way of recording events and more recently as a way to encourage collaboration, engage boys and improve literacy skills. In your blog you can encourage peer support, everyone taking an active role, whether as a teacher or a learner and hopefully both!
Blog posts can be made up of text, images and links to websites and files.
All of our School Jotter users know that you can add documents to your Jotter site, but not all of them know the three different ways you can display them. It’s important to keep your documents up to date, and it’s also important to add them in the most appropriate format.
Whether you’ve got a long list of files you want users to download, a document you want to display directly on the website or just one you want to add as a link, School Jotter allows you to display your documents in three different ways.
Always save your documents as a PDF if possible, as this is a web safe format that makes sure your document will display exactly as intended without any issues.
When first becoming familiar with School Jotter, this is the way of adding a document that users tend to notice. Simply click Insert Item and Document. You’ll be given black bars on your page with a choice of where to insert it. Click where you want to add the document.
Your file system will then open, and if you’ve already uploaded your file you can simply select ‘choose’ next to it. Otherwise, click ‘Upload File’ at the top of the screen. Click ‘add file’ to select a file from your computer, then start uploading. Wait for the blue bar to finish the upload, then click ‘OK’. Your document will then be displayed on the site as a PDF that users can scroll through and zoom in on.
If you want to just link to one or two documents on a page, or you want to accompany documents with a description, adding a link to a document might be your best option. Simply type the title of your document onto the page in any text item. Then highlight this text, and underneath the green bar at the top should be a grey one with a series of options.
At the end of that is a blue chain link you can click on to insert or edit a link. Click on this, then click ‘file’.
Click on the folder with the magnifying glass to enter your file system, and then select or upload a file as normal. If the file you’ve uploaded is a PDF, you can check ‘open file in browser’ to have it open in a new window on click, otherwise, users will have it download to the computer when clicked. Click ‘OK’ and then save and publish and your document will appear as a link on the page. It will look something like this.
File lists are a great way to arrange a group of documents together, and many of our users find them helpful for keeping our policies in. To add a file list, click Insert Item and File List. Click the black bar on the site to choose where to insert it, then navigate to your file system. You can press ‘Select’ next to any file to add it to the file list, and it will appear in ‘selected files’ in the bottom half of the screen.
You can use the arrows at the bottom to re order your files, then press ‘Choose’ at the bottom of the screen to confirm when you’re done selecting them.
They’ll appear on your site as above for users to download, and you can edit them any time by going into edit mode, clicking on to the file list and clicking the three dots at the top to add and remove files.
We hope these three ways of adding documents provide you plenty of flexibility when it comes to keeping your site up to date. If you’ve got any other suggestions for ways we can make this easier, please do get in contact and we will be happy to pass on your suggestion.
Read more about ‘Getting an outstanding school web design‘ from School Jotter team.
Storing information securely is a key concern for schools. For that reason, we you might find it useful to have a private area on your school website for governors, teachers or OFSTED.
School Jotter makes it easy to add and customise access to your own private area, requiring a login for users to access it.
1 – Firstly, make sure you have a user login set up. You can do this by going to the ‘admin’ section on your jotter site and clicking ‘add user’.
Fill out the details there with whatever you want the user to log in with. Check their application roles have ‘Site’ set to ‘Viewer’ or above.
2 – Then, return to the site. Click ‘Manage’ and ‘Pages’ and then find the page you want to make private in the left hand side. Click ‘access’.
3 – Check ‘private page’ and then enter the name of the user you want to be able to access the page. Set their access to ‘view only’. This will be automatically saved.
Log out of School Jotter and when viewing the page as a non administrator you will be asked for your login credentials.
You can use your new private area to upload confidential documents and share meeting dates, improving communication between staff, governors or your PTA.
Category: Development,Technology News,Uncategorized
Published: April 28, 2017
Jotter Mobile just got even better with the release of v1.8, which will roll out across all apps by May 5th.
After lots of market research our developers have created the features you most requested, and we hope you will benefit from this free update.
Here are some of the changes you can expect to see:
If you would like more information about v1.8 or Jotter Mobile please call 0800 862 0492 or fill out our short contact form.
Category: Uncategorized
Published: March 6, 2017
In 2007 we launched the original School Jotter website system. Since day one we have received praise for how the system makes it easy for teachers to manage their school’s website. In 2012 we released School Jotter 2, which further tailored the system to the needs of our thousands of customers.
Our latest product innovation, School Jotter 2.5, expands on this by pairing our class leading website system with a range of eLearning software, which empowers schools to bridge the gap with parents, governors, and students.
With School Jotter 2.5, our platform now includes extra modules which ease communication, such as a Surveys module to gain feedback (perhaps for a parental survey) and a Blogs module which headteachers and other staff can use to engage parents with day to day school life.
According to The Joseph Rowntree report, engaging students and parents with a child’s learning is one of the key influencers on student attainment. Using the School Jotter 2.5 eLearning software, such as Jotter ePortfolios, students can showcase their work, and this can be shown to parents, while teachers can give online feedback.
Our new School Jotter 2.5 offering represents great value, as it saves money compared with buying the equivalent products separately. With unlimited users, storage and training, upgrade to School Jotter 2.5 TODAY and your school can save £500 on the recommended retail price. Please call use for more information.
It’s a sad fact that teachers are finding it increasingly difficult to keep parents engaged with what’s going on at school. Parents’ ‘go-go’ lifestyles mean they don’t have time to visit the school’s website for the latest news and announcements. Hard copies of newsletters often get lost or thrown out.
Fortunately, our new Jotter Mobile smartphone app is now bridging the gap between parents and schools. Free for parents to download via the App Store and Google Play, Jotter Mobile will transform how you communicate with parents.
With hundreds on order, we’ve already delivered over 100 Jotter Mobile apps – all beautifully designed to match a school’s brand and ethos. To date, our app has been used over 250,000 times.
“I think it’s great! Easy to use, can be accessed from everywhere. I have it on my phone and tablet. We’ve very happy with it. St Joseph’s CPS Bradford
“Over a third of our parents use the app, and it is perfect for us because it’s so easy to use and manage.” Old Sarum Primary School
Holy Family CPS (CV6 2GU)
Bridget Shanahan 8 Sep 2016 at 15:00 0 0
“Thank goodness About time we have an app for holy family.it will make my life so much easier.well done!!”?
Carl Brennan 9 Sep 2016 at 15:54 0 0
“Nice and easy lay out, hopefully all key dates will be added to the calendar.”
Mrs bradley 15 Sep 2016 at 21:33 1 0
“Loving this . Its very clear …”
Grange Park PS (SR5 1EA)
Vasso Kontou-Watson 5 Dec 2016 at 19:36 0 0
“What a lovely app. Very informative and easy to navigate.”
Drighlington PS (BD11 1JY)
Emma Briggs 8 Jan 2017 at 10:26 0 0
“Great app.”
Even the so-called ‘hard-to-reach’ parent, who has low self-esteem and lacks the confidence to get involved, can at least know what’s going on. This may eventually entice some to become more involved with their children’s education and school life.
Ofcom’s 2016 Communications Market Report states that in the US, the average amount of time browsing on smartphones is 87 hours per month (with only 34 hours for laptops or desktops). The UK comes in only slightly less at 66 hours per month – roughly two hours per day. Based on these findings, an app that can deliver updated information and push notifications from school should be effective and popular. Relying on parents to visit a school’s website for information is optimistic, as this can be time consuming and requires visiting several different pages, whereas with Jotter Mobile, everything can be accessed in moments.
Although Jotter Mobile is a stand-alone product, it works in synergy with our School Jotter website. Not only does the app refresh automatically when the website is updated, parents can access photo galleries.
As lives get busier, the need for schools to have an app to act as a communications hub is greater than ever. It’s a great way to foster support and keep parents willingly engaged.