Jump to content

Educational site for a non-profit organisation


vadimmil
 Share

Recommended Posts

Hi! My name is Vadim and it's my first site (http://asvetnik.by/), made on Processwire. The site was created for a non-profit organisation, based in Belarus, and it's main aim is to help children and grown-ups learn Belarusian language.

Three versions of main page (desktop, tablet and mobile): 

5a30381f24512_FireShotCapture16-__-http___asvetnik.by_.thumb.png.34cf2b338d968fb22572f2666f8f4fbf.png     5a3039c4719f9_FireShotCapture27-_a_-http___asvetnik.by_.thumb.png.4fc2402cb4ecf97d5950b9f7433171d0.png      5a3039c941312_FireShotCapture26-_a_-http___asvetnik.by_.thumb.png.540e97617b8a0dbfc176879c9877c1a9.png

What was created:

  • Lesson pages with tasks and vocabulary:

5a303b01911eb_FireShotCapture28--__-http___asvetnik.by_kursy_pashyraem.thumb.png.abf4151d11f2341deaeea6cd19d13af2.png

  • Vocabulary pages for single words:

5a303b683564c_FireShotCapture29--_I_-http___asvetnik.by_slovnik_k_kivi_.thumb.png.032404661ec73b45f668843b8a42049b.png

  • Quiz pages:

5a303bc82d636_FireShotCapture30-_.__-http___asvetnik.by_testy_arfagrafi.thumb.png.067ce63803ded0337f052e184a0b7949.png

  • And a bunch of other pages, like news and text pages and so on.

Used modules:

  • Croppable Image 3 ( @horst, you are my hero, superhero! your module made my work much faster and, what is more important, more safe to be used by 20-25 editors, most of whom can't (or, I'm sure, just don't bother to) remember what dimension must be pictures for main and inner pages >:D
  • ProFields: Repeater Matrix (to create simple, but yet powerful lesson LEGO-like constructor)
  • ProFields: Textareas (for reasonably huge number of dictionary-related fields)
  • ProCache (obviously, for speed:P)
  • Comment (thanks @ryan for this modules and your help!)

For example, here is the dictionary page enhanced by ProFields: Textareas: 

5a303de9b1cfc_FireShotCapture31-EditField_dicti_-http___asvetnik.by_hfhru494jfj4834fdyhwd_setup_field_edit.thumb.png.53533020d88ca0bd3566ccad651fad1e.png

All technical information about a single word is stored in just one DB-row. No extra fields, no extra connections to the datebase!

ProFields also helped me to easily create a simple, but yet powerful JSON-based live search through the dictionary:

5a30439b85658_FireShotCapture33-_a_-http___asvetnik.by_.png.0729ee6eda370a6ec617d8b4803a48f1.png

And this search (blame me, but for now it works properly only on desktop) was an instant success among the users (this library was used - http://easyautocomplete.com/). 

ProFields: Repeater Matrix was used to give teachers a possibility to 'build' lesson from different content blocks, to give them freedom of action and to make it easy to add new content blocks based on their request in future. Here is a small inside from admin, a typical lesson looks something like this:

5a303f5eda94a_FireShotCapture32-EditPage_1_-http___asvetnik.by_hfhru494jfj4834fdyhwd_page_edit_.thumb.png.d747247c900a84cf33f92416973a6592.png

The best advert for ProFields: Repeater Matrix would be one of the teachers' note left for me: "It's like LEGO, I've got a bunch of building blocks and it's up to me how the lesson would look like". Thanks, @ryan, for this.

What next. Site is in active beta now, it easily cope with 100-120 parallel connections and with 400-450 at picks. I know, that there are some mistakes in html and css, and they would be resolved in the next update. I'm trying to convince people to use jpgs instead of pngs for main page graphics, but not sure, that it is possible. For my own headache I've done all the graphics for the site (thank Favicon) and now teachers love 'ideal' pngs so much that nasty 'blured' jpgs drive them mad)) 

P.S. It's pity, but there is no studios in Belarus who are actively work with Processwire (and Wordpress for me it's something brrr after simple beauty and stability of Processwire), so if your are looking for a hard-working and eager to learn junior in your team - feel free to contact me in PM.

Thanks for your attention!

  • Like 20
  • Thanks 1
Link to comment
Share on other sites

Thanks everyone for comments and likes. In the beginning of a long road it's important))

2 minutes ago, SamC said:

@vadimmil nice work! I don't understand a word of it but it looks very clearly laid out.

I understand :rolleyes: But thanks for looking through the pages with non-understandable content))

  • Like 1
  • Haha 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...