 French technology So I'm Frédéric Bisson. I'm a French developer. I work for the city of Rouen But this project is on my pastime It began When my employer Gave away started to crave away It's all French little boxes So yes, I will some of my Some of what I will say will be very ironic First of We will see our friends conquered the world Next we will see how it worked and our html 5 and yes sex Can be used to emulate a Minitel In a browser in a modern web browser and then you will have to live demo One which will be creating a video text page and the second We will we will be surfing on Minitel. So The French technology conquered the world but In the next in the late 60s we were quite a bit late In the view in the USA 90 point 90 percent of the household Add a phone line In France it was only 15 percent in USA at the same time you you would need three days to have a phone line at home in France It was three years and I'm not joking really three years the last operator Worked until 1978. I was born in 1974 My parents had had known this But the first automatic switch was tested in 1912 66 years before it employed up to 30,000 operators Which makes every cold super expensive and the But France has a super plan To take all over the world in the late 60s the government made a decision and in 1972 They became the telecommunication became the first investor in France In 1978 less than 10 years after The pstn was complete the pstn is the public switch telephone network It's an automated telephone network and at the same time Transpax Transpax was born Transpax is the French packet switched network based on x25 Which is a technology so much better than TCP IP You know it so Transpax Worked from 50 bits per second. Yes because of telex To up to 64 64,000 bits per second it was heterogeneous because you could access it directly or via a modem or via telex but it's very innovative Point was the billing the pricing because Before you paid Against the distance With Transpax You paid on rate and connection time at the at that time you could do B2B applications Like linking agencies for balance insurance Connecting a team machine and have payment terminal for the B2C applications It was the middle Intel middle it's a video text screen With a keyboard Connected to the network With an internal modem So you have all this in this machine But the main task was to get the to get it adopted by the French because If in USA the micro computing was very present in France It was a desert Because micro computing is art to grasp it was also expensive and Networks nobody dreams of them. So the great French mind Knew what to do. It was the mini-tel was plug-and-play Terminal with zero configuration zero Maintenance, but you could not update it there was one killer app the electronic telephone directory and Which was free and Also, the mini-tel was free like in free beer So you just have to sign a paper and you could get your mini-tel at home But it means that the French government Entirely paid all the mini-tels A mini-tel cost 260 euros to build For it's a 260 euro today it was 1,000 francs in 1980 On this by on this map you have seven seven hundred and fifty million euros of mini-tel In 1993 There were six point five millions of mini-tel So the French government needed to get the money back But how it worked the mini-tel that work At home You had a mini-tel and a phone the phone was used to dial The number because the modem inside the mini-tel Was very basic The France telecom network was an analog network On which was connected the video text access point or pavie in French on This machine you had the the electronic telephone directory you also had all the building and It was it connected the analog network and the digital network the service provider had its servers connected To trans-pack but it so it could also have Servers connected directly to the pstn But with the constraint that you would have less lines available The mini-tel it's a mini-tel 2 It's a little cube. It was a black-and-white passive terminal Which communicates in seven bits video text Screens are composed of 40 columns for 25 rows, which gives us 320 by 250 pixels It could display eight colors though all the mini-tel or nearly all the mini-tel were black and white and it communicates at it downloads at 1200 bits per second and uploads at 75 bits per second because 75 it's only for the keyboard 75 gives you approximately seven characters per second. This keyboard is quite good To overcome the limitation of text screens because it's a terminal text screen a video text has 64 special character the mosaic character which divides each Character in two by three pixels so graphically you would have 80 pixels by 72 pixels and The the graphists would have to use standard characters Like here where you have an at sign to represent a button Here you have an anti slash slash with double width The dimension and a slash in its normal size You have also a very complex set of attributes Because each characters is coded as 16 bits in the mini-tel memory But with this you could encode 449 characters So if you have all that is necessary to have accepted characters you have RGB for the foreground RGB for the background you have blinking Attributes Here you say if you want to have Alphabetic characters or mosaic character You can say that you have underline Etc. You also have a video inversion So what the video text stream looks like? To display first them 20 You would first start with zero C which which clear screens with And which put the cursor on the on the upper left area One F4 C4 C you go to row 12 column 12 One B4 F you set double width and double eight When B4 3 you set foreground color to yellow 46 etc It's only as key as key characters to write first them When B4 E when B4 T6 you will be So to have this screen you need approximately 20 25 characters the mini-tel inside it's like A small computer The processor is a microcontroller and the 80 and 8032 You have all the program In a program a chipset for the modem a speaker Connector to the screen the video controller and the RAM which was directly connected to the video controller The difference between the web before HTML 5 and mini-tel The web the client initiates initiates the request The server cannot initiate the request while with mini-tel The server and the client can communicate at any time In the web you have no state while the mini-tel is connected to a continuous stream You have a separation of content and presentation with HTML While the mini-tel is only a sequence of either a character or a control code The main feature of the web is its hyperlink system While there is absolutely nothing like that with the mini-tel HTML is also hardware and agnostics while the mini-tel is completely tied to hardware And for the web you have HTML, CSS, JavaScript But you have only video text for the mini-tel What's needed to emulate a mini-tel? A widely available platform with some specific capabilities It must be able to do asynchronous communication to have graphic primitive And it is divided into three parts The video interpreter, the video controller and a mini-tel service to connect to So happily with HTML 5 and ES6 all we need is there Because we can draw the mini-tel screen with canvas We can do keyboard click with audio And the main capability is the web socket which can do full-deplex communication And also ES6 brings lots of programming facilities Like promises, like functional approach, etc So once you have that it's very simple to represent a screen A screen is made of cells which can be either character, mosaic character or delimiter The delimiter is the space The video display unit written in JavaScript reads the video memory 50 times per second It will draw modified roles and also blinking characters It will draw this with the foreground and background color with video inversion, with underline, with size, with mask But when you start underline it will be taken into account just after the character But when you use other attributes it will be taken account immediately So there are very very small problems that can arise with this technology So I will be showing you the mini-tel page editor, it's available online So first we clear the screen, we write content If you want to have double size character you can move the double size And here you have the first problem with the mini-tel, you cannot double size the first line So you have to go through the second line And also every absolute move resets all attributes So you have to put the sequence in the right order You can blink The marquee was made by the server You can do video inversion, you can also... You must be aware that I have a mouse But in 1980 and 1990 it was entirely made at keyboard So your question was how you can have all these colors, how many colors on the screen at the same time Eight, and it's also the complete palette It's because it's encoded in three bits, red, green and blue So you have black, red, green, blue, cyan, magenta, yellow and white Yes, yes because though you see pixels In fact they are characters No, you have here apparently more than two colors in a cell It's only because you are in an editor If you save graphics So you can draw the thing at the mini-tel speed You can also record your animation in the GIF format The GIF encoder was entirely made in JavaScript Maybe it's a bug So this is for the editor What is the letter on the top right? The letter on the top right indicated the state of the connection Yes, no, the editor works entirely locally Ah yes, I will show you with the next demo because here's the killer app of the mini-tel So for example, if I type my name, I will do suite is next So you go to the next field, next, and Envois is send For this you have to thank Christian Quest because I did the font and he did the server Is it real? Yes, they are real numbers Because the server Christian Quest made online just queries the 118, 712 So that's why they have 10 digits Yes But these are data When you use the mini-tel, you would do a 3615 This is the kiosk and you would type the name of the service For example So this is only the login screen Behind it you have a mastodon An instance It's okay So on the emulator you can set the speed So it's a teaser was a service you could access either by the kiosk or by the standard numbers So depending on your mini-tel, you would use one of these numbers Sorry Like a special site in which I can search for the stuff Where is the kiosk? Yes Sorry And the items were selected by typing the characters So for example, for the museum, you would type star, m, u, s You could use code to make special effects, etc You also have love story Do you have any questions? Ah, the Akademo I don't know Ah, it's only a forum